@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Inter:wght@300;400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fafaf7;--bg-gradient:linear-gradient(135deg, #fafaf7 0%, #e8ede8 100%);--sage:#e8ede8;--sage-mid:#c8d4c8;--slate:#3d5467;--slate-light:#6b8499;--warm:#8b7355;--text:#2c2c2c;--text-soft:#6b6b6b;--white:#fff;--radius:8px;--radius-lg:16px;--shadow-sm:0 4px 12px #3d546714;--shadow-md:0 12px 32px #3d54671f;--shadow-lg:0 24px 64px #3d546726;--glass-bg:#fafaf7d9;--glass-border:1px solid #c8d4c84d;--transition:all .3s cubic-bezier(.25, .8, .25, 1)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;overflow-x:hidden}.title-serif{font-family:Cormorant Garamond,serif}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:.8s ease-out forwards fadeInUp}.btn{border-radius:var(--radius);letter-spacing:.02em;transition:var(--transition);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:#ffffff1a;width:100%;height:100%;transition:transform .4s;position:absolute;top:0;left:0;transform:translate(-100%)}.btn:hover:after{transform:translate(0)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #3d546740}.btn-primary{background:var(--slate);color:var(--white);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--slate-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{border:1.5px solid var(--sage-mid);color:var(--slate);background:0 0}.btn-secondary:hover{border-color:var(--slate);background:var(--sage);transform:translateY(-2px)}section{padding:100px max(8%, env(safe-area-inset-right)) 100px max(8%, env(safe-area-inset-left))}.section-eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--warm);margin-bottom:16px;font-size:.75rem;font-weight:600;display:block}.section-title{color:var(--slate);margin-bottom:24px;font-size:clamp(2.2rem,4vw,3rem);font-weight:300;line-height:1.2}.section-body{color:var(--text-soft);max-width:600px;font-size:1rem;font-weight:300;line-height:1.8}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:var(--glass-border)}@media (width<=480px){section{padding:60px 5%}.section-title{font-size:clamp(1.6rem,6vw,2.2rem)}}.navbar{z-index:100;padding:24px max(8%, env(safe-area-inset-right)) 24px max(8%, env(safe-area-inset-left));background:0 0;justify-content:space-between;align-items:center;transition:transform .4s cubic-bezier(.25,.8,.25,1),padding .3s,background-color .3s,box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0}body.menu-open{overflow:hidden}.navbar.hidden{transform:translateY(-100%)}.navbar.scrolled{padding:16px max(8%, env(safe-area-inset-right)) 16px max(8%, env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);background:#fafaf7f5;border-bottom:1px solid #c8d4c866}.nav-logo{color:var(--slate);letter-spacing:.03em;font-size:1.6rem;font-weight:600;text-decoration:none}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links a{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;transition:var(--transition);font-size:.85rem;font-weight:500;text-decoration:none}.nav-links a:hover:not(.nav-cta){color:var(--slate)}.nav-cta{flex-shrink:0;padding:10px 20px;font-size:.8rem;color:var(--white)!important}.nav-links-container{align-items:center;gap:32px;display:flex}.hamburger{cursor:pointer;z-index:101;background:0 0;border:none;padding:8px;display:none}.hamburger-line{background-color:var(--slate);width:24px;height:2px;margin:5px auto;transition:all .3s ease-in-out;display:block}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.active .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=768px){.hamburger{display:block}.nav-links-container{background:var(--bg);z-index:100;flex-direction:column;justify-content:center;gap:40px;width:100%;height:100vh;transition:right .4s cubic-bezier(.77,0,.175,1);position:fixed;top:0;right:-100%}.nav-links-container.open{right:0}.nav-links{flex-direction:column;gap:32px}.nav-links a{font-size:1.2rem}.nav-cta{padding:14px 32px;font-size:1rem}}@media (width<=480px){.nav-logo{font-size:1.4rem}}.hero{background:var(--bg-gradient);grid-template-columns:1.2fr 1fr;gap:40px;min-height:90vh;padding-top:80px;padding-bottom:40px;display:grid}.hero-text{flex-direction:column;justify-content:center;padding-right:40px;display:flex}.hero-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin-bottom:12px;font-size:.85rem;font-weight:600}.hero-title{color:var(--text);margin-bottom:20px;font-size:clamp(2.5rem,5vw,4rem);font-weight:300;line-height:1.1}.hero-highlight{color:var(--warm);font-style:italic}.hero-sub{color:var(--text-soft);max-width:560px;font-size:1.1rem;font-weight:300;line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;display:flex}.hero-actions .btn-primary{padding:16px 32px;font-size:1.1rem}.hero-cta-icon{margin-right:8px}.hero-support{max-width:480px;color:var(--slate);margin-top:16px;font-size:.95rem;line-height:1.7}.hero-badges{border-top:1px solid var(--sage-mid);gap:32px;margin-top:48px;padding-top:36px;display:flex}.badge{flex-direction:column;display:flex}.badge-num{color:var(--slate);font-size:2.2rem;font-weight:500;line-height:1}.badge-label{color:var(--text-soft);letter-spacing:.05em;margin-top:8px;font-size:.8rem}.hero-image-panel{background:var(--sage);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-height:500px;display:flex;position:relative;overflow:hidden}.hero-image-panel picture{width:100%;height:100%;display:block}.hero-image{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.hero-tag{background:var(--white);letter-spacing:.15em;text-transform:uppercase;color:var(--slate);border-left:4px solid var(--warm);box-shadow:var(--shadow-sm);border-radius:0 var(--radius) var(--radius) 0;padding:12px 24px;font-size:.75rem;font-weight:600;position:absolute;top:40px;left:-2px}@media (width<=992px){.hero{grid-template-columns:1fr;padding-top:100px}.hero-text{padding-right:0}.hero-image-panel{min-height:350px}}@media (width<=480px){.hero{gap:24px;padding-top:80px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn-primary{justify-content:center;width:100%;padding:14px 24px;font-size:.95rem}.hero-badges{flex-wrap:wrap;gap:20px}.hero-image-panel{min-height:300px}}.about{background:var(--white);grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.about-quote{color:var(--slate);border-left:3px solid var(--warm);margin:32px 0;padding-left:24px;font-family:Cormorant Garamond,serif;font-size:1.6rem;font-style:italic;font-weight:300;line-height:1.5}.about-credentials{flex-direction:column;gap:16px;margin-top:32px;display:flex}.credential{color:var(--text-soft);align-items:center;gap:12px;font-size:.9rem;font-weight:500;display:flex}.credential-dot{background:var(--warm);border-radius:50%;flex-shrink:0;width:8px;height:8px}.about-visual{background:var(--sage);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);flex-direction:column;gap:28px;padding:48px;display:flex}.about-visual:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.about-visual-title{color:var(--slate);margin-bottom:8px;font-size:1.5rem;font-weight:500}.approach-item{border-bottom:1px solid var(--sage-mid);padding-bottom:24px}.approach-item:last-child{border-bottom:none;padding-bottom:0}.approach-item h4{color:var(--slate);margin-bottom:8px;font-size:1rem;font-weight:600}.approach-item p{color:var(--text-soft);font-size:.9rem;line-height:1.6}@media (width<=992px){.about{grid-template-columns:1fr;gap:48px}}.especialidades{background:var(--bg)}.esp-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;margin-top:56px;display:grid}.esp-card{background:var(--white);border:1px solid var(--sage-mid);border-radius:var(--radius-lg);transition:var(--transition);padding:40px 32px;position:relative;overflow:hidden}.esp-card:before{content:"";background:var(--slate);transform-origin:0;width:100%;height:4px;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.esp-card:hover{box-shadow:var(--shadow-md);border-color:#0000;transform:translateY(-5px)}.esp-card:hover:before{transform:scaleX(1)}.esp-icon{background:var(--sage);width:56px;height:56px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;font-size:1.5rem;display:flex}.esp-card:hover .esp-icon{background:var(--slate)}.esp-card h3{color:var(--slate);margin-bottom:16px;font-size:1.5rem;font-weight:500}.esp-card p{color:var(--text-soft);font-size:.95rem;line-height:1.7}.modalidad{background:var(--slate);color:var(--white)}.modalidad .section-eyebrow{color:var(--sage-mid)}.modalidad .section-title{color:var(--white)}.modalidad .section-body{color:#ffffffb3}.mod-grid{grid-template-columns:1fr 1fr;gap:40px;margin-top:56px;display:grid}.glass-dark{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);transition:var(--transition);background:#ffffff08;border:1px solid #ffffff14;padding:48px 40px}.glass-dark:hover{background:#ffffff0f;transform:translateY(-5px);box-shadow:0 16px 40px #0003}.mod-tag{letter-spacing:.15em;text-transform:uppercase;color:var(--sage-mid);background:#ffffff05;border:1px solid #c8d4c833;border-radius:24px;margin-bottom:24px;padding:6px 16px;font-size:.75rem;font-weight:600;display:inline-block}.glass-dark h3{color:var(--white);margin-bottom:16px;font-size:1.8rem;font-weight:400}.glass-dark p{color:#ffffffb3;margin-bottom:24px;font-size:.95rem;font-weight:300;line-height:1.8}.mod-detail{color:var(--sage-mid);align-items:center;gap:12px;font-size:.85rem;font-weight:500;display:flex}.mod-detail:before{content:"→";color:var(--warm)}@media (width<=992px){.mod-grid{grid-template-columns:1fr}}.testimonios{background:var(--bg)}.test-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px;display:grid}.test-card{border-radius:var(--radius-lg);transition:var(--transition);flex-direction:column;justify-content:space-between;min-height:280px;padding:36px 32px 28px;display:flex;position:relative}.test-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.test-quote-mark{color:var(--sage-mid);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:4rem;line-height:1;position:absolute;top:16px;left:28px}.test-texto{color:var(--text);flex:1;margin-top:24px;font-size:.95rem;font-weight:300;line-height:1.75}.test-footer{border-top:1px solid var(--sage-mid);align-items:center;gap:14px;margin-top:24px;padding-top:20px;display:flex}.test-emoji{flex-shrink:0;font-size:1.8rem}.test-autor-info{flex-direction:column;gap:2px;display:flex}.test-autor{color:var(--slate);font-size:.9rem;font-weight:600}.test-detalle{color:var(--text-soft);letter-spacing:.03em;font-size:.75rem}@media (width<=992px){.test-grid{grid-template-columns:1fr;max-width:540px;margin-left:auto;margin-right:auto}}.contacto{background:var(--bg);grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.contact-steps{margin:2rem 0}.contact-steps h3{color:var(--slate);margin-bottom:1rem;font-size:1rem}.contact-steps ol{color:var(--text-soft);flex-direction:column;gap:.8rem;padding-left:1.2rem;display:flex}.contact-channels{flex-direction:column;gap:20px;margin-top:48px;display:flex}.channel-link{background:var(--white);border:1px solid var(--sage-mid);border-radius:var(--radius-lg);color:var(--text);transition:var(--transition);box-shadow:var(--shadow-sm);align-items:center;gap:20px;padding:24px;text-decoration:none;display:flex}.channel-link:hover,.channel-link:focus-visible{box-shadow:var(--shadow-md);border-color:var(--slate);transform:translate(8px)}.channel-icon{width:52px;height:52px;transition:var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.ch-wa:hover .channel-icon,.ch-wa:focus-visible .channel-icon{background:#e8f5e9}.ch-mail:hover .channel-icon,.ch-mail:focus-visible .channel-icon{background:var(--sage)}.channel-info strong{color:var(--slate);margin-bottom:4px;font-size:1rem;font-weight:600;display:block}.channel-info span{color:var(--text-soft);font-size:.9rem}.contact-form-side{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:48px}.form-title{color:var(--slate);margin-bottom:12px;font-size:2rem;font-weight:500}.contact-note{color:var(--text-soft);margin-bottom:12px;font-size:.9rem;line-height:1.6}.contact-trust-note{border-radius:var(--radius);color:var(--slate);background:#e8ede8b3;margin-bottom:32px;padding:14px 16px;font-size:.88rem;line-height:1.6}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{margin-bottom:24px}.form-group label{letter-spacing:.08em;text-transform:uppercase;color:var(--slate);margin-bottom:10px;font-size:.8rem;font-weight:600;display:block}.form-group input,.form-group textarea{border:1.5px solid var(--sage-mid);border-radius:var(--radius);background:var(--white);width:100%;color:var(--text);transition:var(--transition);outline:none;padding:16px;font-family:Inter,sans-serif;font-size:.95rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--slate);box-shadow:0 0 0 4px #3d54671a}.form-group textarea{resize:vertical;min-height:140px}.field-help{color:var(--text-soft);margin-top:6px;font-size:.8rem;display:block}.input-error{border-color:#c25555!important}.input-error:focus{box-shadow:0 0 0 4px #c255551f!important}.error-text{color:#c25555;margin-top:6px;font-size:.8rem;display:block}.contact-error{margin-top:-10px;margin-bottom:18px}.form-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.form-action-button{flex:1;min-width:180px;padding:14px 18px;font-size:.92rem}.form-status{min-height:24px;color:var(--text-soft);margin-top:16px;font-size:.88rem;line-height:1.5}.form-status.is-error{color:#9f3030}.form-status.is-success{color:#2f5d3a}@media (width<=992px){.contacto{grid-template-columns:1fr;gap:64px}}@media (width<=640px){.form-row{grid-template-columns:1fr;gap:0}.form-actions{flex-direction:column}.form-action-button{width:100%}}.footer{background:var(--bg);border-top:1px solid var(--sage-mid);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:48px 8%;display:flex}.footer-brand{color:var(--slate);font-size:1.2rem;font-weight:500}.footer-meta{color:var(--text-soft);font-size:.85rem}.footer-meta p{margin:0}.footer-meta .johnhat-attribution{margin-top:6px;font-size:.8rem}.johnhat-link{color:inherit;font-weight:500;text-decoration:none;transition:opacity .2s,color .2s}.johnhat-link:hover{opacity:.8;text-decoration:underline}@media (width<=768px){.footer{flex-direction:column;align-items:flex-start}}