:root{--ink:#0b0d0b;--ink2:#151915;--paper:#f4efe6;--paper2:#fbf8f2;--white:#fffdf8;--green:#365f34;--green2:#6f9368;--copper:#b66a35;--muted:#6f6a62;--line:rgba(22,30,23,.14);--shadow:0 28px 80px rgba(0,0,0,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;background:var(--paper);color:var(--ink);line-height:1.65}button,input,select,textarea{font:inherit}.skip-link{position:fixed;left:1rem;top:-4rem;background:var(--white);color:var(--ink);padding:.75rem 1rem;z-index:9999}.skip-link:focus{top:1rem}.shell{width:min(1180px,90vw);margin:auto}.site-header{position:fixed;inset:0 0 auto;z-index:1000;height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(8,11,8,.91);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);transition:.3s}.site-header.compact{height:70px;background:rgba(8,11,8,.97)}.brand{display:flex;gap:.8rem;align-items:center;color:var(--white);text-decoration:none}.brand-mark{width:48px;height:48px;border:1px solid var(--green2);border-radius:50%;display:grid;place-items:center;font-family:'Playfair Display',serif;font-size:1.75rem;color:var(--green2)}.brand strong{display:block;font-family:'Playfair Display',serif;font-size:1.4rem;letter-spacing:.04em}.brand small{display:block;font-size:.58rem;letter-spacing:.22em;color:var(--green2)}.main-nav{display:flex;align-items:center;gap:1.45rem}.main-nav a{position:relative;color:rgba(255,255,255,.77);text-decoration:none;font-size:.78rem;padding:.55rem 0}.main-nav a::after{content:'';position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--green2);transition:.25s}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a:hover::after,.main-nav a.active::after{right:0}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:6px auto}.view{display:none;min-height:calc(100vh - 84px);padding-top:84px;animation:viewIn .35s ease}.view-active{display:block}@keyframes viewIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero{position:relative;min-height:calc(100vh - 84px);display:flex;align-items:center;overflow:hidden;background:var(--ink)}.hero-slides,.hero-overlay,#particles{position:absolute;inset:0}.hero-image-2{background-image:url('../img/photo-02.webp')} .hero-image-3{background-image:url('../img/photo-03.webp')} .hero-image-4{background-image:url('../img/photo-04.webp')} .hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.02);transition:opacity 1.2s ease}.hero-slide.is-active{opacity:1;animation:ken 9s ease-out both}@keyframes ken{from{transform:scale(1.02)}to{transform:scale(1.11)}}.hero-overlay{background:linear-gradient(90deg,rgba(5,8,5,.98) 0%,rgba(5,8,5,.92) 38%,rgba(5,8,5,.55) 62%,rgba(5,8,5,.14) 100%)}#particles{z-index:1;opacity:.52;pointer-events:none}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.64fr);gap:5rem;align-items:center;padding:5rem 0}.eyebrow{margin:0 0 1rem;color:var(--copper);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.eyebrow.light{color:#b8cfb2}.hero h1,.section-head h2,.split-photo h2,.contact-copy h2{font-family:'Playfair Display',serif;letter-spacing:-.035em}.hero h1{margin:0;color:var(--white);font-size:clamp(3.2rem,6vw,6.2rem);line-height:.98;max-width:760px}.hero-lead{max-width:680px;color:rgba(255,255,255,.74);font-size:1.08rem;margin:1.6rem 0 2.2rem}.actions{display:flex;gap:.8rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.3rem;border:1px solid transparent;border-radius:6px;text-decoration:none;font-weight:600;cursor:pointer}.button-primary{background:var(--green);color:#fff}.button-primary:hover{background:#457444}.button-ghost{color:#fff;border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.04)}.hero-proof{padding:2rem;background:rgba(9,13,9,.7);border:1px solid rgba(255,255,255,.16);border-top-color:var(--green2);border-radius:14px;backdrop-filter:blur(16px);box-shadow:var(--shadow)}.proof-kicker{color:#b8cfb2;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.hero-proof ul{list-style:none;padding:0;margin:1rem 0 0}.hero-proof li{padding:.72rem 0;color:rgba(255,255,255,.82);border-bottom:1px solid rgba(255,255,255,.1)}.hero-proof li:last-child{border:0}.slide-controls{position:absolute;z-index:3;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;gap:.55rem}.slide-controls button{width:30px;height:3px;padding:0;border:0;background:rgba(255,255,255,.4);cursor:pointer}.slide-controls button.active{background:var(--green2)}.value-strip{background:var(--paper2);border-bottom:1px solid var(--line)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr)}.value-grid div{padding:1.5rem 2rem;border-right:1px solid var(--line)}.value-grid div:last-child{border:0}.value-grid strong{display:block;font-family:'Playfair Display',serif;font-size:1.2rem}.value-grid span{font-size:.84rem;color:var(--muted)}.split-view{grid-template-columns:46% 54%;background:var(--ink)}.split-view.view-active{display:grid}.split-photo{background-image:linear-gradient(180deg,transparent,rgba(8,10,8,.9)),url('../img/photo-02.webp');min-height:calc(100vh - 84px);background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;padding:5vw}.split-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(5,8,5,.86))}.split-photo>div{position:relative;z-index:1}.split-photo h2{color:#fff;font-size:clamp(2.5rem,4vw,5rem);line-height:1.02;max-width:640px;margin:0}.split-content{padding:5rem clamp(2rem,5vw,5rem);background:radial-gradient(circle at 100% 0%,rgba(54,95,52,.22),transparent 35%),linear-gradient(180deg,#0b0d0b,#171b17);color:#fff;overflow:auto}.section-head{max-width:780px}.section-head h2{font-size:clamp(2.4rem,4.5vw,4.8rem);line-height:1.04;margin:0 0 1.2rem}.section-head>p:last-child{color:var(--muted);font-size:1rem}.section-head.light h2,.section-head.light p{color:#fff}.accordion{margin-top:2rem;border-top:1px solid rgba(255,255,255,.18)}.accordion details{border-bottom:1px solid rgba(255,255,255,.14)}.accordion summary{list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.35rem 0;cursor:pointer}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{font-family:'Playfair Display',serif;font-size:1.45rem}.accordion summary small{color:#b8cfb2;text-transform:uppercase;letter-spacing:.12em}.accordion details>div{padding:0 0 1.5rem;animation:open .3s ease}.accordion h3{color:#b8cfb2;margin:.2rem 0 .45rem;font-size:1.08rem}.accordion p{color:rgba(255,255,255,.65);margin:0;max-width:680px}@keyframes open{from{opacity:0;transform:translateY(-5px)}}.legal-note{font-size:.75rem;color:rgba(255,255,255,.42);padding-top:1.2rem}.editorial-view{background:var(--paper)}.editorial-grid{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1fr .82fr 1fr;gap:4vw;align-items:center;padding:4rem 0}.editorial-photo{background-image:url('../img/photo-04.webp');height:68vh;min-height:460px;background-size:cover;background-position:center;border-radius:4px;box-shadow:var(--shadow)}.text-link{display:inline-block;margin-top:1rem;color:var(--green);font-weight:600}.principles article{padding:1.3rem 0;border-bottom:1px solid var(--line)}.principles span{color:var(--green2);font-size:.72rem}.principles h3{font-family:'Playfair Display',serif;margin:.3rem 0}.principles p{color:var(--muted);margin:0;font-size:.9rem}.audience-view{position:relative;background:#0b0d0b;color:#fff;overflow:hidden}.audience-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,9,6,.96),rgba(6,9,6,.78),rgba(6,9,6,.44)),url('../img/photo-03.webp') center/cover}.audience-shell{position:relative;z-index:1;padding:5rem 0}.audience-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.15);margin:3rem 0}.audience-list article{background:rgba(8,13,8,.78);padding:2rem;min-height:280px;backdrop-filter:blur(8px)}.audience-list span{color:#b8cfb2;font-size:.7rem}.audience-list h3{font-family:'Playfair Display',serif;font-size:1.55rem}.audience-list p{color:rgba(255,255,255,.66)}.method-view{background:var(--paper2)}.method-view .shell{padding:4.5rem 0}.centered{text-align:center;margin:auto}.method-line{display:grid;grid-template-columns:repeat(4,1fr);margin-top:4rem;border-top:1px solid var(--line)}.method-line article{padding:2rem 2rem 0;border-right:1px solid var(--line)}.method-line article:last-child{border:0}.method-line span{color:var(--green);font-weight:600}.method-line h3{font-family:'Playfair Display',serif;font-size:1.35rem}.method-line p{color:var(--muted);font-size:.9rem}.contact-view{background:linear-gradient(110deg,#0a0d0a,#192019);color:#fff}.contact-grid{min-height:calc(100vh - 84px);display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:center;padding:4rem 0}.contact-copy h2{font-size:clamp(2.8rem,5vw,5.5rem);line-height:1;margin:0}.contact-copy>p{color:rgba(255,255,255,.68)}.contact-links{display:flex;flex-direction:column;margin:1.4rem 0}.contact-links a{color:#b8cfb2}.contact-copy ul{padding-left:1.1rem;color:rgba(255,255,255,.66)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:2rem;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14);border-radius:12px}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.62)}.field input,.field select,.field textarea{width:100%;padding:.82rem .9rem;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:rgba(255,255,255,.07);color:#fff;outline:none}.field select option{color:#111}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(111,147,104,.18)}.full{grid-column:1/-1}.consent{display:flex;gap:.6rem;font-size:.78rem;color:rgba(255,255,255,.58)}.consent a{color:#b8cfb2}.form-status{min-height:1.4rem;margin:0;font-size:.82rem}.privacy-view{background:var(--paper2)}.privacy-shell{padding:4.5rem 0}.privacy-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem}.privacy-columns article{padding:1.5rem;border:1px solid var(--line);background:#fff}.privacy-columns h3{font-family:'Playfair Display',serif}.privacy-columns p{color:var(--muted)}footer{background:#070907;color:#fff;border-top:1px solid rgba(255,255,255,.1)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;padding:2rem 0}.footer-grid div{display:flex;flex-direction:column;gap:.4rem}.footer-grid p,.footer-grid a,.footer-grid span{color:rgba(255,255,255,.55);font-size:.78rem;text-decoration:none}.footer-grid a:hover{color:#b8cfb2}
@media(max-width:980px){.main-nav{position:fixed;top:84px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:1rem 5vw;background:#0b0d0b}.main-nav.open{display:flex}.menu-toggle{display:block}.hero-content{grid-template-columns:1fr}.hero-proof{max-width:520px}.split-view.view-active{grid-template-columns:1fr}.split-photo{background-image:linear-gradient(180deg,transparent,rgba(8,10,8,.9)),url('../img/photo-02.webp');min-height:55vh}.split-content{min-height:auto}.editorial-grid{grid-template-columns:1fr 1fr}.editorial-photo{order:3;grid-column:1/-1;height:45vh}.audience-list,.method-line{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.contact-copy{padding-top:2rem}}
@media(max-width:680px){.site-header{height:72px}.view{padding-top:72px}.main-nav{top:72px}.brand-mark{width:40px;height:40px}.brand strong{font-size:1.15rem}.hero{min-height:calc(100vh - 72px)}.hero-content{padding:4rem 0 6rem}.hero h1{font-size:clamp(2.8rem,14vw,4.2rem)}.hero-proof{display:none}.hero-overlay{background:linear-gradient(90deg,rgba(5,8,5,.96),rgba(5,8,5,.7))}.value-grid{grid-template-columns:1fr}.value-grid div{border-right:0;border-bottom:1px solid var(--line)}.editorial-grid,.audience-list,.method-line,.privacy-columns,.footer-grid{grid-template-columns:1fr}.editorial-grid{padding:3rem 0}.editorial-photo{grid-column:auto;order:0;height:48vh;min-height:320px}.audience-list article{min-height:0}.method-line article{border-right:0;border-bottom:1px solid var(--line)}.contact-form{grid-template-columns:1fr;padding:1.2rem}.full{grid-column:auto}.footer-grid{padding:1.5rem 0}.split-photo{padding:2rem}.split-content{padding:3rem 1.4rem}.section-head h2{font-size:clamp(2.2rem,11vw,3.5rem)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;animation:none;transition:none}#particles{display:none}}


/* Logotipo original GARMEX — preservado sin alterar su diseño */
.brand{display:flex;align-items:center;flex:0 1 520px;min-width:240px;max-width:520px;text-decoration:none}
.brand svg{display:block;width:100%;height:auto;max-height:74px}
@media(max-width:1100px){.brand{flex-basis:390px;max-width:390px}.brand svg{max-height:62px}}
@media(max-width:680px){.brand{flex-basis:245px;max-width:245px;min-width:0}.brand svg{max-height:48px}}




/* ÚNICAMENTE MOVIMIENTO DE LAS IMÁGENES EXISTENTES */

/* Inicio: zoom y paneo visibles durante cada diapositiva. */
.hero-slide {
  transform-origin: 72% 48%;
}
.hero-slide.is-active {
  animation: garmexHeroKenBurns 6.8s ease-in-out both;
}
@keyframes garmexHeroKenBurns {
  0%   { transform: scale(1.025) translate3d(0,0,0); }
  100% { transform: scale(1.16) translate3d(-2.5%, -1%, 0); }
}

/* Servicios: la primera capa es el degradado y la segunda es la fotografía. */
.split-photo {
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 100%, 118% auto;
  background-position: center center, 38% 50%;
  animation: garmexServicePhotoMove 10s ease-in-out infinite alternate;
  will-change: background-position, background-size;
}
@keyframes garmexServicePhotoMove {
  0% {
    background-size: 100% 100%, 118% auto;
    background-position: center center, 38% 50%;
  }
  100% {
    background-size: 100% 100%, 132% auto;
    background-position: center center, 64% 48%;
  }
}

/* ¿Para quién?: paneo contrario para que no todas se muevan igual. */
.audience-bg {
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 100%, 116% auto;
  background-position: center center, 66% 50%;
  animation: garmexAudiencePhotoMove 11s ease-in-out infinite alternate;
  will-change: background-position, background-size;
}
@keyframes garmexAudiencePhotoMove {
  0% {
    background-size: 100% 100%, 116% auto;
    background-position: center center, 66% 50%;
  }
  100% {
    background-size: 100% 100%, 130% auto;
    background-position: center center, 40% 52%;
  }
}

@media (max-width: 760px) {
  .split-photo {
    background-size: 100% 100%, auto 122%;
  }
  .audience-bg {
    background-size: 100% 100%, auto 120%;
  }
}

/* Formulario conectado a Titan */
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status.success{color:#b9e7c2}.form-status.error{color:#ffc0b5}.form-status.error a{color:#fff;text-decoration:underline}