@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16pt;scroll-behavior:smooth}body{font-family:Open Sans,sans-serif;font-size:16pt;line-height:1.6;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:none}button{background:none;border:none;padding:0;font:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:Open Sans,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-family:Open Sans,sans-serif;font-weight:700;line-height:1.2;color:#f9cd1d;margin-bottom:1.5rem;text-align:center}@media (max-width: 575px){h1{font-size:2rem}}h2{font-size:1.5rem;color:#f9cd1d}h3{font-size:12pt;color:#666}p{margin-bottom:1rem;line-height:1.6}strong,b{font-weight:700}em,i{font-style:italic}blockquote{font-style:italic;padding:1rem;border-left:4px solid #F9CD1D;margin:1.5rem 0;background-color:#f8f9fa}ul,ol{margin-bottom:1rem;padding-left:1.5rem}ul li,ol li{margin-bottom:.25rem}header nav{background-color:#f9cd1d;width:100%;border-bottom:1px solid #ddd;position:sticky;top:0;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-evenly;align-items:center;min-height:80px;z-index:100;flex-wrap:wrap;box-shadow:0 2px 4px #0000001a}@media (max-width: 575px){header nav{padding:.5rem}}header nav a{padding:.5rem 1rem .15rem;transition:all .3s ease;font-weight:500;color:#333;border-bottom:2px solid transparent}header nav a:hover,header nav a:focus,header nav a.active{border-bottom:2px solid #333}header nav a.active{font-weight:600;color:#333}@media (max-width: 575px){header nav a{font-size:14pt;padding:.5rem .5rem .15rem}}header .landing-hero{background:linear-gradient(135deg,#fad74a,#f9cd1d);width:100%;padding:1rem 0;margin:0;display:flex;align-items:center}header .landing-hero .hero-content{max-width:1200px;margin:0 auto;padding:0;display:flex;gap:1rem;align-items:center}@media (min-width: 576px) and (max-width: 767px){header .landing-hero .hero-content{flex-direction:column;gap:2rem;text-align:center}}@media (max-width: 575px){header .landing-hero .hero-content{flex-direction:column;gap:0;text-align:center}}header .landing-hero .hero-content .hero-text{padding:1rem}@media (max-width: 575px){header .landing-hero .hero-content .hero-text{padding-bottom:0;padding-top:0}}header .landing-hero .hero-content .hero-text h1{height:100%;color:#333;font-size:1.5rem;font-weight:700;line-height:1.1;letter-spacing:2px}@media (max-width: 575px){header .landing-hero .hero-content .hero-text h1{font-size:1.5rem}}header .landing-hero .hero-content .hero-text .hero-subtitle{padding:1rem;font-size:18pt;color:#333;margin-bottom:0;line-height:1.4;text-align:center}@media (max-width: 575px){header .landing-hero .hero-content .hero-text .hero-subtitle{font-size:16pt}}header .landing-hero .hero-content .hero-image{padding:1rem;display:flex;justify-content:center}@media (max-width: 575px){header .landing-hero .hero-content .hero-image{padding:0}}header .landing-hero .hero-content .hero-image img{max-width:300px;height:auto;transition:transform .3s ease;border-radius:20px}@media (max-width: 575px){header .landing-hero .hero-content .hero-image img{width:80%;min-width:200px;padding:0}}header .landing-hero .hero-content .hero-image img:hover{transform:scale(1.05)}footer{background-color:#f9cd1d;color:#333;text-align:center;padding:1.5rem;margin-top:auto;font-size:16pt}footer p{margin:0;font-size:14pt}main{max-width:70ch;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 140px)}@media (max-width: 575px){main{padding:1.5rem 1rem}}body{display:flex;flex-direction:column;min-height:100vh}.social-bar{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;z-index:100;background:#ffffffe6;padding:.5rem;border-radius:50px;box-shadow:0 4px 12px #0000001a;backdrop-filter:blur(10px)}.social-bar a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#fff;transition:all .3s ease;text-decoration:none;border:2px solid transparent}.social-bar a:hover{transform:scale(1.1);border-color:#f9cd1d;box-shadow:0 4px 8px #0003}.social-bar a img{width:24px;height:24px;transition:all .3s ease}.social-bar a img:hover{filter:brightness(1.2)}@media (max-width: 575px){.social-bar{position:static;right:auto;top:auto;transform:none;flex-direction:row;justify-content:center;margin:2rem auto 0;background:transparent;box-shadow:none;backdrop-filter:none;padding:0}.social-bar a{width:60px;height:60px;background:#f9cd1d}.social-bar a:hover{background:#f4c406}.social-bar a img{width:30px;height:30px;filter:brightness(0) invert(1)}}@media (min-width: 576px) and (max-width: 767px){.social-bar{right:1rem}.social-bar a{width:45px;height:45px}.social-bar a img{width:22px;height:22px}}.scroll-to-top{position:fixed;bottom:1.5rem;right:1.5rem;width:80px;height:80px;border-radius:50%;border:2px solid white;background:#f9cd1d;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(100px);transition:all .3s cubic-bezier(.4,0,.2,1)}.scroll-to-top.visible{opacity:.8;visibility:visible;transform:translateY(0)}.scroll-to-top svg{color:#fff;transition:transform .2s ease}.scroll-to-top:hover{background:#f4c406;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.scroll-to-top:hover svg{transform:translateY(-2px)}.scroll-to-top:active{transform:translateY(0)}@media (max-width: 575px){.scroll-to-top{bottom:1rem;right:1rem;width:60px;height:60px}.scroll-to-top svg{width:20px;height:20px}}@media (min-width: 576px) and (max-width: 767px){.scroll-to-top{right:1rem}}@media (max-width: 575px){.scroll-to-top{right:1rem}}.cta-section{text-align:center;padding:0 0 2rem;margin-top:0}.cta-section .cta-button{display:inline-block;background:#f9cd1d;color:#333;padding:1.5rem 3rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:18pt;transition:all .3s ease;box-shadow:0 4px 15px #f9cd1d4d}.cta-section .cta-button:hover{background:#f4c406;transform:translateY(-2px);box-shadow:0 8px 25px #f9cd1d66}@media (max-width: 575px){.cta-section .cta-button{padding:1rem 2rem;font-size:16pt}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#111111f2;backdrop-filter:blur(10px);color:#fff;padding:1.5rem;transform:translateY(100%);transition:transform .5s cubic-bezier(.4,0,.2,1);z-index:1000;border-top:3px solid #F9CD1D;box-shadow:0 -4px 20px #00000026}.cookie-banner.visible{transform:translateY(0)}.cookie-banner.hidden{transform:translateY(100%)}.cookie-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}@media (max-width: 575px){.cookie-content{flex-direction:column;text-align:center;gap:1rem}}.cookie-content p{margin:0;font-size:.95rem;line-height:1.4;flex:1}@media (max-width: 575px){.cookie-content p{font-size:.9rem}}.cookie-button{background:#f9cd1d;color:#111;border:none;padding:.5rem 1.5rem;border-radius:25px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:120px}.cookie-button:hover{background:#f4c406;transform:translateY(-2px);box-shadow:0 4px 12px #f9cd1d4d}.cookie-button:active{transform:translateY(0)}@media (max-width: 575px){.cookie-button{padding:1rem 2rem;font-size:1rem}}.contact-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.contact-overlay.visible{opacity:1;visibility:visible}.contact-form-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:20px;padding:2rem;max-height:80vh;width:clamp(40ch,80%,90ch);overflow-y:auto;box-shadow:0 -10px 40px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;scale:.9}.contact-overlay.visible .contact-form-container{opacity:1;scale:1}.close-form{position:absolute;top:1.5rem;right:1.5rem;background:#f3f4f6;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-form:hover{background:#e5e7eb;color:#374151}.form-header{margin-bottom:2rem;text-align:center}.form-header h2{color:#10b981;margin-bottom:.5rem;font-size:1.5rem}.form-header p{color:#666;font-size:.95rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;margin-bottom:.25rem;color:#111;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .2s ease;background:#fafafa}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#f9cd1d;background:#fff;box-shadow:0 0 0 3px #f9cd1d1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;font-size:.9rem}.form-group input.valid,.form-group textarea.valid{border-color:#10b981;background:#f0fdf4}.form-group input.invalid,.form-group textarea.invalid{border-color:#ef4444;background:#fef2f2}.form-group textarea{resize:vertical;min-height:100px;max-height:150px}.error-message{display:block;color:#ef4444;font-size:.8rem;margin-top:.25rem;min-height:1rem;transition:opacity .2s ease;opacity:0}.error-message.visible{opacity:1}.cta-button{background:#f9cd1d;color:#111;border:none;padding:1.5rem 3rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.cta-button:hover{background:#ddb206;transform:translateY(-2px);box-shadow:0 8px 25px #f9cd1d4d}.cta-button:active{transform:translateY(0)}.cta-button.form-mode{background:#10b981}.cta-button.form-mode:hover{background:#059669}.cta-button.loading{pointer-events:none}.cta-button.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-message{text-align:center;padding:2rem 0;opacity:0;transform:translateY(20px);transition:all .3s ease}.success-message.visible{opacity:1;transform:translateY(0)}.success-message h3{color:#10b981;margin-bottom:1rem;font-size:1.3rem}.success-message p{color:#666;font-size:1rem}#contact-form{transition:opacity .3s ease}#contact-form.hidden{opacity:0;pointer-events:none}.submit-form-button{background:#10b981;color:#fff;border:none;padding:1.5rem 3rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;margin-top:1.5rem}.submit-form-button:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 15px #10b9814d}.submit-form-button:active{transform:translateY(0)}.submit-form-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 575px){.submit-form-button{padding:1rem 1.5rem;font-size:.95rem}}@media (max-width: 575px){.contact-form-container{padding:1.5rem;max-height:90vh;max-width:95vw}.form-header h2{font-size:1.3rem}.cta-button{font-size:1rem;padding:1rem 2rem}}.maria-bio .bio-content{max-width:800px;margin:0 auto}.maria-bio .journey-section{margin-bottom:2rem}.maria-bio .journey-section h3{color:#e74c3c;margin-bottom:1rem;border-bottom:2px solid #f39c12;padding-bottom:.25rem}.maria-bio .journey-section p{text-align:justify;color:#333}.maria-bio .mission-statement{margin-top:3rem;text-align:center}.maria-bio .mission-statement blockquote{background-color:#f8f9fa;border-left-color:#f39c12;font-size:18pt;font-style:italic}#cv-download{margin-top:3rem;text-align:center}#cv-download .cv-button{background:linear-gradient(90deg,#f39c12,#e74c3c);color:#fff;border:none;border-radius:30px;padding:.8em 2em;font-size:1.1rem;font-weight:700;box-shadow:0 4px 16px #f39c1226;cursor:pointer;transition:transform .2s,box-shadow .2s,background .3s}#cv-download .cv-button:hover{transform:scale(1.07) rotate(-2deg);box-shadow:0 8px 24px #f39c1240;background:linear-gradient(90deg,#e74c3c,#f39c12)}.talleres .talleres-content{max-width:900px;margin:0 auto}.talleres .talleres-header{text-align:center;margin-bottom:2rem}.talleres .talleres-nav{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:3rem;margin-left:auto;margin-right:auto}@media (min-width: 768px){.talleres .talleres-nav{max-width:600px}}.talleres .taller-nav-link{display:block;border-radius:50%;border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.talleres .taller-nav-link:hover{transform:translateY(-4px) scale(1.05);border-color:#f9cd1d;box-shadow:0 2px 4px #0000001a}.talleres .taller-nav-link:hover:before{left:100%}.talleres .taller-nav-link:active{transform:translateY(-2px) scale(1.02);transition-duration:.1s}.talleres .taller-icon{width:180px;height:180px;object-fit:contain;transition:filter .3s ease}@media (min-width: 768px){.talleres .taller-icon{width:180px;height:180px}}.taller-nav-link:hover .talleres .taller-icon{filter:grayscale(0%) brightness(1.1)}.talleres .taller-item{margin-bottom:3rem;padding:2rem;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a}.talleres .taller-item p{text-align:justify;margin-bottom:1rem}.talleres .taller-item ul li{margin-bottom:.5rem}.talleres .beneficios{margin-top:3rem}.talleres .beneficio-item{margin-bottom:2rem;padding:1.5rem;border:1px solid #ddd;border-radius:8px}.talleres .beneficio-item ul{margin-bottom:1rem}.talleres .beneficio-item ul li{padding-left:.5rem;position:relative}.talleres .beneficio-item ul li:before{content:"✓";position:absolute;left:0;color:#f39c12;font-weight:700}.talleres .beneficio-item .beneficio-resumen{font-style:italic;color:#666;text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #ddd}.beneficios .secondary-image{width:100%;max-width:400px;height:auto;border-radius:12px;margin:1.5rem auto;display:block;box-shadow:0 2px 4px #0000001a}@media (max-width: 575px){.beneficios .secondary-image{max-width:300px}}.beneficios .beneficios-content{max-width:800px;margin:0 auto}.beneficios .beneficios-docentes p{text-align:justify;margin-bottom:1.5rem}.beneficios .beneficios-docentes p strong{margin-bottom:.25rem}.beneficios ul{list-style:none}.beneficios ul li{margin-bottom:.5rem;padding-left:1.5rem;position:relative;background-repeat:no-repeat;background-size:1rem;background-position:left center}.beneficios ul li:before{content:"";position:absolute;left:0;top:.8em;transform:translateY(-50%);width:1rem;height:1rem;background-image:url(../../icons/figures/pomelo.svg);background-size:contain;background-repeat:no-repeat}.landing-content{background:#fff}.landing-content .content-wrapper{max-width:800px;margin:0 auto;padding:0 1.5rem}.landing-content .content-wrapper h2{margin-bottom:1.5rem;text-align:center}.landing-content .content-wrapper p{margin-bottom:1.5rem;line-height:1.6;color:#333}.landing-content .content-wrapper ul{margin:1.5rem 0;padding-left:2rem}.landing-content .content-wrapper ul li{margin-bottom:.5rem;color:#333;line-height:1.6}.landing-content .content-wrapper ul li strong{color:#f9cd1d}.trayectoria{padding:2rem 1rem;max-width:1200px;margin:0 auto}.trayectoria .secondary-image{width:100%;max-width:400px;height:auto;border-radius:12px;margin:1.5rem auto;display:block;box-shadow:0 2px 4px #0000001a}@media (max-width: 575px){.trayectoria .secondary-image{max-width:300px}}.trayectoria-header{text-align:center;margin-bottom:3rem}.trayectoria-header h1{margin-bottom:1rem}.trayectoria-content{width:100%}.trayectoria-item{margin-bottom:3rem;padding:2rem;background:#f8f9fa;border-radius:8px;box-shadow:0 4px 6px #0000001a}.trayectoria-item p{margin-bottom:1rem;line-height:1.6}.trayectoria-item em{color:#999;font-style:italic}@media (min-width: 576px) and (max-width: 767px){.trayectoria{padding:3rem 2rem}.trayectoria-item{padding:2.5rem}}.image-collage{margin:3rem 0;position:relative}.collage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:600px;width:calc(100% - 2rem);margin:0 auto}@media (max-width: 575px){.collage-grid{gap:.5rem}}.collage-item{position:relative;overflow:hidden;border-radius:12px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.collage-item:hover{transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.collage-item:nth-child(1){grid-row:span 1}.collage-item:nth-child(2){grid-row:span 1}.collage-item:nth-child(3){grid-column:span 1;grid-row:span 1}.collage-item:nth-child(4){grid-column:span 1;grid-row:span 1}.collage-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.collage-item:hover .collage-image{transform:scale(1.1)}.image-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.image-modal.active{opacity:1;visibility:visible}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;cursor:pointer}.modal-content{position:relative;max-width:75vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.modal-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;cursor:pointer;box-shadow:0 2px 4px #0000001a}.modal-close{position:absolute;top:10px;right:10px;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease;color:#111}.modal-close:hover{background:#fff}@media (max-width: 575px){.modal-close{top:-40px;right:0}}.modal-prev,.modal-next{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease,opacity .3s ease;color:#111;opacity:.7}.modal-prev:hover,.modal-next:hover{background:#fff;opacity:1}@media (max-width: 575px){.modal-prev,.modal-next{width:40px;height:40px;font-size:20px}}.modal-prev{left:-70px}@media (max-width: 575px){.modal-prev{left:-50px}}.modal-next{right:-70px}@media (max-width: 575px){.modal-next{right:-50px}}.modal-image{animation:modalImageIn .3s ease-out}@keyframes modalImageIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}