*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial, sans-serif;background-color:#f2f2f2;color:#333}.over-header,footer{background:#3a3a3a;color:#f2f2f2}.over-header{vertical-align:middle;padding:4px 4px 4px 3vw;display:none}.over-header .contacto-item{margin-left:1vw;display:inline-block}.over-header .contacto-item:first-child{margin-left:0}.over-header .contacto-nombre{color:#fdea45}.over-header .contacto-item i{color:#d6366e;font-weight:bold}.over-header .contacto-item a{text-decoration:none;color:inherit}@media (min-width: 992px){.over-header{display:block}}header{background-color:#fdea45;padding:0 0 0 1rem;width:100%;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 10px rgba(0, 0, 0, 0.15);z-index:2;height:70px;position:relative}header.header-fixed{position:fixed;top:0;left:0;height:70px}header .logo{font-weight:bold;color:#0056b3;line-height:0}header .logo .logo-texto{display:none}header .logo .logo-imagen{display:block}@media (min-width: 992px){header{opacity:0;animation:fadeIn 1.5s forwards}}header nav #nav-mobile #nav-hide,header nav #nav-show{cursor:pointer;font-size:2.5rem;padding:0.5rem 1rem;background-color:transparent;border:none;margin:0}header nav #nav-mobile #nav-hide{position:fixed;z-index:20;top:0;right:0.5rem}header nav ul#nav-full{display:none}header nav ul{padding:0;margin:0;list-style:none}header nav ul li{margin:0;vertical-align:middle;display:inline-block}header nav ul li a{text-decoration:none;color:#333;font-weight:500;padding:0.7em;display:flex;align-items:center;text-transform:uppercase;gap:12px;height:70px;position:relative}header nav #nav-mobile a:hover,header nav ul li a:hover{color:#00b33c}header nav ul li a:after{content:"";display:block;height:3px;width:0;position:absolute;bottom:0;left:0;right:0;background:#333;transition:0.3s}header nav ul li:hover a:after{width:100%}header nav #nav-mobile{display:none;background-color:#fdea45;width:100%;position:fixed;top:0;left:0;z-index:2;box-shadow:0 0 10px #333}header nav #nav-mobile .logo-container{display:flex;align-items:center;height:70px;margin-left:1rem}header nav #nav-mobile .nav-link{display:block;color:#333;padding:0.5rem 1rem;text-decoration:none}header nav #nav-mobile hr{border:0;border-top:1px solid #333;margin:2px 1.5rem;padding:2px 0;opacity:0.5}@media (min-width: 992px){header nav #nav-mobile .logo-container{margin-left:3vw}header nav #nav-show{display:none}header nav ul#nav-full{display:flex}}main{padding:20px 2vw;text-align:center}@media (min-width: 992px){main{padding:40px 6vw}}.intro{min-height:200px;margin:-40px -2vw 20px;padding:50px 0.5rem 1rem;position:relative;animation:fadeIn 1.5s forwards;border-radius:20px;border-top-left-radius:0;border-top-right-radius:0;z-index:0}.intro.index{background:linear-gradient( rgba(240, 240, 240, 0.7), rgba(240, 240, 240, 0.7)), url("clasevirtual.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;min-height:500px;padding:150px 0.5rem 0.5rem;animation:fadeIn 1.5s forwards, rotateBg 10s infinite;background-color:#f0f0f0;border-radius:30px;margin:0}.intro h1{font-size:2.5rem;color:#0056b3}.intro.index h1{margin-bottom:10px}.intro p,.modalidades p{font-size:1.1rem;color:#444;line-height:1.6em}@media (min-width: 992px){.intro{min-height:260px;padding:50px 2rem 1rem}.intro h1{font-size:3rem}}.intro.blog.blog-small{height:150px}.intro.programas{background:linear-gradient( rgba(240, 240, 240, 0.7), rgba(240, 240, 240, 0.7)), url("programas.jpg");background-size:cover;background-repeat:no-repeat;background-position:bottom center}.intro.compromiso{background:linear-gradient( rgba(240, 240, 240, 0.7), rgba(240, 240, 240, 0.7)), url("compromisofondo.jpg");background-size:cover;background-repeat:no-repeat;background-position:bottom center}.intro.faq{background:linear-gradient( rgba(240, 240, 240, 0.7), rgba(240, 240, 240, 0.7)), url("faqfondo.jpg");background-size:cover;background-repeat:no-repeat;background-position:bottom right}.intro.equipo{background:linear-gradient( rgba(240, 240, 240, 0.7), rgba(240, 240, 240, 0.7)), url("nosotros.jpg");background-size:cover;background-repeat:no-repeat;background-position:top center}.intro.material{background:linear-gradient( rgba(240, 240, 240, 0.7), rgba(240, 240, 240, 0.7)), url("material.jpg");background-size:cover;background-repeat:no-repeat;background-position:bottom center}.intro.blog{background:linear-gradient( rgba(240, 240, 240, 0.7), rgba(240, 240, 240, 0.7)), url("blog.jpg");background-size:cover;background-repeat:no-repeat;background-position:bottom center}.intro.contacto{background:linear-gradient( rgba(240, 240, 240, 0.7), rgba(240, 240, 240, 0.7)), url("contacto.jpg");background-size:cover;background-repeat:no-repeat;background-position:top center}@keyframes rotateBg{0%{background:linear-gradient( rgba(240, 240, 240, 0.7), rgba(240, 240, 240, 0.7)), url("clasevirtual.jpg");background-size:cover;background-repeat:no-repeat;background-position:center}50%{background:linear-gradient( rgba(240, 240, 240, 0.7), rgba(240, 240, 240, 0.7)), url("clasevirtual2.jpg");background-size:cover;background-repeat:no-repeat;background-position:center}100%{background:linear-gradient( rgba(240, 240, 240, 0.7), rgba(240, 240, 240, 0.7)), url("clasevirtual.jpg");background-size:cover;background-repeat:no-repeat;background-position:center}}.header-equipo{background-color:rgb(240, 240, 240);padding:40px;border-radius:30px;margin:40px;height:170px;overflow:hidden}.header-equipo.basica{background:linear-gradient( rgba(240, 240, 240, 0.7), rgba(240, 240, 240, 0.7)), url("basica.jpg");background-size:cover;background-repeat:no-repeat;background-position:bottom center;position:relative}.header-equipo.basica2{background:linear-gradient( rgba(240, 240, 240, 0.7), rgba(240, 240, 240, 0.7)), url("basica2.jpg");background-size:cover;background-repeat:no-repeat;background-position:bottom center;position:relative}.header-equipo.lenguaje{background:linear-gradient( rgba(240, 240, 240, 0.7), rgba(240, 240, 240, 0.7)), url("lenguaje.jpg");background-size:cover;background-repeat:no-repeat;background-position:bottom center;position:relative}.header-equipo.historia{background:linear-gradient( rgba(240, 240, 240, 0.7), rgba(240, 240, 240, 0.7)), url("historia.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;position:relative}.header-equipo.biologia{background:linear-gradient( rgba(240, 240, 240, 0.7), rgba(240, 240, 240, 0.7)), url("biologia.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;position:relative}.header-equipo.quimica{background:linear-gradient( rgba(240, 240, 240, 0.7), rgba(240, 240, 240, 0.7)), url("quimica.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;position:relative}.header-equipo.matematica{background:linear-gradient( rgba(240, 240, 240, 0.7), rgba(240, 240, 240, 0.7)), url("matematica.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;position:relative}.header-equipo.fisica{background:linear-gradient( rgba(240, 240, 240, 0.7), rgba(240, 240, 240, 0.7)), url("fisica.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;position:relative}.header-equipo.ingles{background:linear-gradient( rgba(240, 240, 240, 0.7), rgba(240, 240, 240, 0.7)), url("ingles.jpg");background-size:cover;background-repeat:no-repeat;background-position:bottom center;position:relative}.header-equipo.diferencial{background:linear-gradient( rgba(240, 240, 240, 0.7), rgba(240, 240, 240, 0.7)), url("diferencial.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;position:relative}.header-equipo.psiq{background:linear-gradient( rgba(240, 240, 240, 0.7), rgba(240, 240, 240, 0.7)), url("psiq.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;position:relative}.cta-btn{background-color:#ff7f32;color:#fff;border:none;padding:15px 30px;font-size:18px;border-radius:5px;cursor:pointer;transition:background-color 0.3s ease;text-decoration:none;display:inline-block}.cta-btn:hover{background-color:#e66c1f}.hover-effect:hover{transform:scale(1.1);transition:transform 0.3s ease}.features{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.feature{background-color:#ffffff;padding:20px;width:500px;text-align:left;line-height:1.6em;border-radius:10px}.features.faq{gap:15px}.features.faq .feature{flex:auto;box-shadow:4px 4px #000;border-radius:20px;cursor:pointer}.features.faq .feature-end{margin-top:15px;font-size:32px;text-align:center;line-height:40px;box-shadow:none}.features.faq .faq-contact .cta-btn{margin-top:1rem}.features-wide{flex-direction:column}.features-wide .feature{width:unset}.features-wide .feature img{width:100%;height:auto;border-radius:10px;margin-bottom:1em;transition:transform 0.3s ease}@media (min-width: 992px){.features-wide .feature{margin:0 6vw}.features-wide .feature img{float:right;margin:1em;max-width:30vw;width:auto;height:auto;transition:transform 0.3s ease}.features-wide .feature img:hover{transform:scale(1.05)}.features-wide .feature.blogpost img{margin:0 0 1.5rem 1.5rem;max-height:250px;border-radius:5px}.features-wide .feature.blogpost.blog-full img{margin:0 0 1.5rem 1.5rem;max-height:400px;border-radius:5px}.features.faq .feature{flex:1 0 30%}}.feature.blogpost{margin-left:1rem;margin-right:1rem}.feature.blogpost.blog-full{margin-left:0.25rem;margin-right:0.25rem}.blogpost h2{text-align:center}.blogpost h4{font-size:24px;color:#0056b3}.blogpost .blog-date{font-size:smaller;margin-bottom:8px}.blogpost.blog-full .blog-date{font-size:initial;margin:8px;text-align:center}.blogpost p{text-align:justify}.blogpost .readmore{display:block;padding-top:8px;margin-top:8px;border-top:1px dotted #333;color:#0056b3;text-decoration:none;font-weight:bold}.blogpost .readmore:active{color:red}.blogpost .share{margin-top:8px;padding-top:8px;border-top:1px solid #333}@media (min-width: 992px){.feature.blogpost{margin-left:15%;margin-right:15%}.feature.blogpost.blog-full{margin-left:10%;margin-right:10%}}h2{font-size:32px;color:#0056b3;margin-bottom:0.3em}.feature h3{font-size:27px;color:#0056b3;margin-bottom:0.3em}.feature p,.feature ul{color:#666}.feature ul{margin:0.5em 0;padding-left:20px}.feature.person h3{margin-bottom:0}.feature.person p{text-align:justify;margin-top:8px}.feature.person img{margin-top:0}.features-card{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:stretch;align-content:stretch}.feature-card{width:100%;display:block;flex-grow:1;flex-shrink:1;flex-basis:auto;align-self:auto;order:0;text-align:center}.feature-card .subject{color:#00b33c;text-align:center}.feature-card h3{font-size:20px}.feature-card .email{color:#555;font-style:italic;text-align:center}.modalidades{padding:20px 10px;background-color:#fff;text-align:center;margin-top:20px;border-radius:30px}@media (min-width: 992px){.modalidades{padding:40px 20px;margin-top:40px}.features-card{flex-direction:row}}.modalidad{background-color:#ffffff;color:#444;border-radius:20px;padding:20px;min-width:250px;box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);margin:20px 10px;transition:transform 0.3s ease;display:inline-block;text-align:center;font-size:18px;display:inline-block;font-weight:bold;text-decoration:none}.modalidad:hover{transform:scale(1.15)}.modalidad.nivelacion{background-color:#80deea}.modalidad.reforzamiento{background-color:#f8bbd0}.modalidad.examenes{background-color:#ffcc80}.modalidad.paes{background-color:#a5d6a7}.modalidad.orientacion1{background-color:#f3e5f5}.modalidad.orientacion2{background-color:#e7c8c0}.modalidad.ingles{background-color:#d37ddf}.modalidad.didacticos{background-color:#a3e070}.faq .feature{transition:0.2s}.faq-hidden{background:#0056b3;transition:0.25s}.faq-hidden:hover{background:#00458f;transition:0.25s}.faq-hidden .faq-question{color:#ffffff;transition:0.25s}.faq-hidden .faq-answer{display:none;transition:0.25s}#formulario-contacto{width:100%}.form-container{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px}.form-row{display:flex;flex-direction:column}.form-row label{margin-bottom:5px;font-weight:bold}.form-row input,.form-row textarea{padding:8px;font-size:14px;border:1px solid #ccc;border-bottom-width:3px;border-right-width:3px;border-radius:8px;outline:0}.form-row input:active,.form-row input:focus,.form-row textarea:active,.form-row textarea:focus{border:1px solid #333;border-bottom-width:3px;border-right-width:3px;outline:0}.form-row textarea{resize:vertical;min-height:100px}#formulario-contacto button,.form-row.full-width{grid-column:span 2}footer{padding:5em 0 2em;text-align:center;animation:fadeIn 1.5s forwards 1s;line-height:2em;background:#3a3a3a;background:linear-gradient(180deg, #f2f2f2 0%, #f2f2f2 5%, #3a3a3a 25%, #3a3a3a 100%)}footer a{display:block;color:inherit;text-decoration:none}.fade-in{opacity:0;animation:fadeIn 1.5s forwards}@keyframes fadeIn{to{opacity:1}}.btn{display:inline-flex;text-decoration:none;justify-content:center;align-items:center;text-align:center;cursor:pointer;padding:8px 15px;font-size:14px;background-color:#00a100;border-radius:4px;color:white;border:none;transition:all 0.2s ease-in;background-position:50%;outline:none !important}.btn.btn-circle{height:55px;width:55px;border-radius:50%;padding:0 !important;font-size:25px}.btn-multi input:checked ~ label .btn.btn-circle.btn-circle-red{background:#d10000 !important;transition:all 0.2s ease-in}.btn-multi{position:fixed;bottom:25px;right:25px;z-index:10}.btn-multi > label > .btn,.btn-multi > label > i{box-shadow:1px 1px 7px #333}.btn-multi input{display:none}.btn-multi input:not(:checked) ~ label{transform:rotate(0)}.btn-multi input:not(:checked) ~ label .btn{border-radius:0;height:30px;width:30px;box-shadow:none}.btn-multi input:not(:checked) ~ label .btn:first-child{border-top-left-radius:100%;transform:translate(25px,25px)}.btn-multi input:not(:checked) ~ label .btn:nth-child(2){border-top-right-radius:100%;transform:translate(55px,25px)}.btn-multi input:not(:checked) ~ label .btn:nth-child(3){border-bottom-left-radius:100%;transform:translate(25px,55px)}.btn-multi input:not(:checked) ~ label .btn:nth-child(4){border-bottom-right-radius:100%;transform:translate(55px,55px)}.btn-multi input:not(:checked) ~ label .btn .icon{opacity:0}.btn-multi input:not(:checked) ~ label > .icon{opacity:1;cursor:pointer}.btn-multi label{position:relative;height:110px;width:110px;display:block;transform:rotate(45deg);transition:all 0.2s ease-in;cursor:default;border-radius:30px}.btn-multi label .btn{position:absolute;box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)}.btn-multi label .btn:nth-child(2){transform:translate(60px,0)}.btn-multi label .btn:nth-child(3){transform:translate(0,60px)}.btn-multi label .btn:nth-child(4){transform:translate(60px,60px)}.btn-multi label .btn .icon{opacity:1;transition:all 0.15s ease-in-out;transform:rotate(-45deg)}.btn-multi label > .icon{color:white;position:absolute;border-radius:50%;display:flex;font-size:30px;align-items:center;justify-content:center;height:60px;width:60px;top:25px;left:25px;opacity:0;transition:all 0.25s ease-in-out}.btn-multi label .icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}