:root{--ww-green:#09281a;--ww-bright:#00a849;--ww-paper:#f7f8f4;--ww-line:#d8dfd9;--ww-muted:#52645a}
.wwr{background:var(--ww-paper)!important}
.wwr-nav{position:absolute!important;background:transparent!important}
.ww-section-inner{width:min(1380px,88vw);margin:auto}
.ww-commercial-hero{min-height:780px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);background:var(--ww-green);color:#fff}
.ww-commercial-hero__copy{padding:clamp(9rem,12vw,12.5rem) clamp(2rem,7vw,8rem) 4.5rem}
.ww-commercial-hero h1{max-width:860px;margin-bottom:1.7rem;font-size:clamp(3.55rem,5.4vw,6.8rem);line-height:.9}
.ww-commercial-hero__intro{max-width:680px!important;margin-bottom:1.15rem!important;font-size:clamp(1.22rem,1.6vw,1.55rem)!important;font-weight:700;line-height:1.42!important}
.ww-commercial-hero__copy>p:not(.ey):not(.ww-commercial-hero__intro){max-width:665px;font-size:1.05rem;line-height:1.62;color:#e2eae3}
.ww-commercial-hero__image{min-height:100%;background:linear-gradient(90deg,var(--ww-green),rgba(9,40,26,.03) 25%),url('assets/img01.jpg') center/cover}
.ww-commercial-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.4rem;margin-top:2rem}
.ww-commercial-link{border:0;background:none;padding:.85rem 0;color:#fff;cursor:pointer;font:800 .77rem/1.2 Manrope,Arial,sans-serif}
.ww-commercial-link:hover{color:#b8d82c}
.ww-needs{padding:clamp(5rem,9vw,9rem) 0;background:#fff}
.ww-needs .ww-section-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,.9fr);gap:clamp(3rem,9vw,10rem);align-items:start}
.wwr h2{font-size:clamp(3rem,5vw,5.7rem)!important;line-height:.9!important}
.ww-needs__lead>p:not(.ey){max-width:650px;color:var(--ww-muted);font-size:1.05rem;line-height:1.65}
.ww-needs__list{border-top:1px solid var(--ww-line)}
.ww-needs__list button{width:100%;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;border:0;border-bottom:1px solid var(--ww-line);background:transparent;padding:1.25rem 0;color:#163125;cursor:pointer;text-align:left;font:700 1.05rem/1.35 Manrope,Arial,sans-serif}
.ww-needs__list button span{color:var(--ww-bright);font-size:1.3rem;transition:transform .2s}
.ww-needs__list button:hover span{transform:translateX(5px)}
.ww-areas{padding:clamp(5rem,8vw,8rem) 0;background:#eff3ed}
.ww-section-head,.ww-catalogue__top{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:3rem}
.ww-section-head>p{max-width:360px;color:var(--ww-muted);font-size:1rem;line-height:1.55}
.ww-area-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.ww-area-card{position:relative;isolation:isolate;display:flex;min-height:370px;overflow:hidden;flex-direction:column;justify-content:end;border:0;padding:1.55rem;color:#fff;cursor:pointer;text-align:left;transition:transform .25s ease,box-shadow .25s ease}
.ww-area-card::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(6,35,22,.94),rgba(6,35,22,.08) 75%)}
.ww-area-card img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.ww-area-card:hover,.ww-area-card.is-active{transform:translateY(-5px);box-shadow:0 18px 30px rgba(9,40,26,.18)}
.ww-area-card:hover img,.ww-area-card.is-active img{transform:scale(1.05)}
.ww-area-card span{margin-bottom:auto;color:#c8e837;font:600 .62rem/1.3 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
.ww-area-card strong{font-size:clamp(1.5rem,1.8vw,2.1rem);letter-spacing:-.06em;line-height:.93}
.ww-area-card small{margin-top:.8rem;font-size:.82rem;line-height:1.4}
.ww-area-card i{margin-top:1.5rem;color:#c8e837;font:800 .68rem/1.2 Manrope,Arial,sans-serif;font-style:normal}
.ww-catalogue{padding:clamp(5rem,8vw,8rem) 0;background:#fff}
.ww-catalogue__top{align-items:center}
.ww-selection{display:grid;grid-template-columns:1fr auto;min-width:260px;gap:.15rem 1rem;border:1px solid var(--ww-line);padding:1rem 1.1rem}
.ww-selection span{color:var(--ww-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.ww-selection strong{grid-row:span 2;color:var(--ww-bright);font-size:2.2rem;line-height:1}
.ww-selection button{grid-column:1;border:0;background:none;padding:0;color:#0a7e3b;cursor:pointer;text-align:left;font:800 .72rem/1.2 Manrope,Arial,sans-serif}
.ww-catalogue-tabs{display:flex;overflow:auto;border-top:1px solid var(--ww-line);border-bottom:1px solid var(--ww-line);scrollbar-width:none}
.ww-catalogue-tabs button{position:relative;flex:1 0 auto;border:0;background:none;padding:1.1rem .9rem;color:#40564a;cursor:pointer;font:800 .77rem/1.2 Manrope,Arial,sans-serif}
.ww-catalogue-tabs button::after{content:'';position:absolute;right:1rem;bottom:0;left:1rem;height:3px;background:var(--ww-bright);transform:scaleX(0);transition:transform .2s}
.ww-catalogue-tabs button.is-active{color:var(--ww-bright)}
.ww-catalogue-tabs button.is-active::after{transform:scaleX(1)}
.ww-catalogue-panels{padding-top:2rem}
.ww-catalogue-panel{display:none;animation:wwFade .3s ease}
.ww-catalogue-panel.is-active{display:block}
.ww-panel-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem}
.ww-panel-head h3{margin:0;color:#10251a;font-size:clamp(2rem,3vw,3.5rem);letter-spacing:-.06em;line-height:.95}
.ww-panel-head p{max-width:430px;margin:0;color:var(--ww-muted);line-height:1.5}
.ww-activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.ww-activity{display:flex;min-height:255px;flex-direction:column;border:1px solid var(--ww-line);padding:1.45rem;background:#fff}
.ww-activity small{color:#008844;font:600 .64rem/1.3 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
.ww-activity h4{margin:1rem 0 .7rem;color:#10251a;font-size:1.35rem;letter-spacing:-.04em;line-height:1.08}
.ww-activity p{margin:0;color:var(--ww-muted);font-size:.88rem;line-height:1.48}
.ww-activity__meta{margin-top:auto!important;padding-top:1rem;color:#172e22!important;font-size:.7rem!important;font-weight:800!important;letter-spacing:.06em;text-transform:uppercase}
.ww-activity__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.15rem}
.ww-activity__actions a,.ww-activity__actions button{border:0;background:none;padding:0;color:#008844;cursor:pointer;font:800 .7rem/1.2 Manrope,Arial,sans-serif;text-decoration:none}
.ww-activity__actions button.is-selected{color:#10251a}
.ww-custom{display:grid;grid-template-columns:.85fr 1.15fr;min-height:620px;background:#f1f4f0}
.ww-custom__image{background:linear-gradient(90deg,rgba(241,244,240,0),rgba(241,244,240,.1)),url('assets/img08.png') center/cover}
.ww-custom__copy{align-self:center;max-width:780px;padding:clamp(4.5rem,8vw,8rem)}
.ww-custom__copy p:not(.ey){color:var(--ww-muted);font-size:1.05rem;line-height:1.6}
.ww-custom__copy .wwr-btn{margin-top:1rem}
.ww-method{padding:clamp(5rem,8vw,8rem) 0;background:var(--ww-green);color:#fff}
.ww-method__head{display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:end}
.ww-method__head h2{margin-bottom:0}
.ww-method__head>p:not(.ey){max-width:480px;margin:0;color:#d5dfd7;line-height:1.6}
.ww-method__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem}
.ww-method__grid article{border-top:1px solid #5b7260;padding-top:1.2rem}
.ww-method__grid b{color:#c8e837;font:600 .7rem/1 'DM Mono',monospace}
.ww-method__grid h3{margin:1.2rem 0 .6rem;font-size:1.55rem;letter-spacing:-.05em}
.ww-method__grid p{margin:0;color:#d5dfd7;font-size:.9rem;line-height:1.5}
.ww-contact{padding:clamp(5rem,8vw,8rem) 0;background:#fff;scroll-margin-top:4rem}
.ww-contact__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem);align-items:start}
.ww-contact p:not(.ey){max-width:470px;color:var(--ww-muted);font-size:1.05rem;line-height:1.6}
.ww-selected-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}
.ww-selected-list:empty{display:none}
.ww-selected-list button{display:flex;align-items:center;gap:.5rem;border:1px solid #b9d6c2;border-radius:99px;background:#eff8f1;padding:.5rem .7rem;color:#15472b;cursor:pointer;font:700 .72rem/1.2 Manrope,Arial,sans-serif}
.ww-form{display:grid;gap:1rem}
.ww-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.ww-form label{display:grid;gap:.5rem;color:#173126;font:800 .68rem/1.2 Manrope,Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase}
.ww-form label small{color:#6d7b73;font-size:.62rem}
.ww-form input,.ww-form select,.ww-form textarea{width:100%;box-sizing:border-box;border:1px solid #cbd4ce;border-radius:.35rem;background:#fff;padding:.9rem 1rem;color:#10251b;font:500 .95rem/1.35 Manrope,Arial,sans-serif;text-transform:none}
.ww-form textarea{min-height:100px;resize:vertical}
.ww-form textarea[readonly]{min-height:72px;background:#f6f8f5}
.ww-form__privacy{display:flex!important;grid-template-columns:auto 1fr;align-items:start;font:600 .72rem/1.4 Manrope,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.ww-form__privacy input{width:1rem;height:1rem;margin:.1rem 0 0}
.ww-form__trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.ww-form button[type=submit]{justify-self:start;border:0;border-radius:99px;background:var(--ww-bright);padding:1rem 1.35rem;color:#fff;cursor:pointer;font:800 .75rem/1 Manrope,Arial,sans-serif}
.ww-form__notice{margin:0;color:#58675f;font-size:.8rem;line-height:1.45}
.ww-form__notice.is-success{color:#08763d;font-weight:700}
.ww-form__notice.is-error{color:#a32525;font-weight:700}
.ww-faq{padding:clamp(5rem,8vw,8rem) 0;background:#eff3ed}
.ww-faq .ww-section-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,8vw,8rem)}
.ww-faq h2{margin-bottom:0}
.ww-faq__items{border-top:1px solid var(--ww-line)}
.ww-faq details{border-bottom:1px solid var(--ww-line);padding:1.1rem 0}
.ww-faq summary{display:flex;justify-content:space-between;gap:1rem;cursor:pointer;color:#172f22;font-size:1rem;font-weight:800;list-style:none}
.ww-faq summary::after{content:'+';color:var(--ww-bright);font-size:1.3rem}
.ww-faq details[open] summary::after{content:'−'}
.ww-faq details p{max-width:690px;margin:.8rem 0 0;color:var(--ww-muted);font-size:.93rem;line-height:1.55}
@keyframes wwFade{from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:none}
}
@media(max-width:1100px){.ww-commercial-hero{grid-template-columns:1fr 1fr}
.ww-area-cards{grid-template-columns:repeat(3,1fr)}
.ww-activity-grid{grid-template-columns:repeat(2,1fr)}
.ww-custom__copy{padding:4rem}
.wwr-nav{position:relative!important;background:var(--ww-green)!important}
}
@media(max-width:760px){.ww-section-inner{width:min(100% - 2.8rem,600px)}
.ww-commercial-hero{grid-template-columns:1fr}
.ww-commercial-hero__copy{padding:5.5rem 1.4rem 3rem}
.ww-commercial-hero h1{font-size:clamp(3.1rem,13vw,4.6rem)}
.ww-commercial-hero__image{min-height:360px;background:linear-gradient(0deg,var(--ww-green),rgba(9,40,26,.08) 38%),url('assets/img01.jpg') center/cover}
.ww-needs .ww-section-inner,.ww-contact__grid,.ww-faq .ww-section-inner,.ww-method__head{grid-template-columns:1fr}
.ww-section-head,.ww-catalogue__top{display:block}
.ww-section-head>p{margin-top:1rem}
.ww-area-cards{grid-template-columns:1fr 1fr}
.ww-area-card{min-height:285px;padding:1.1rem}
.ww-area-card strong{font-size:1.55rem}
.ww-area-card small{display:none}
.ww-catalogue__top .ww-selection{margin-top:1.5rem}
.ww-panel-head{display:block}
.ww-panel-head p{margin-top:1rem}
.ww-activity-grid{grid-template-columns:1fr}
.ww-custom{grid-template-columns:1fr}
.ww-custom__image{min-height:340px}
.ww-custom__copy{padding:4rem 1.4rem}
.ww-method__grid{grid-template-columns:1fr 1fr}
.ww-form__row{grid-template-columns:1fr}
.ww-faq__items{margin-top:0}
}
@media(max-width:420px){.ww-area-cards{grid-template-columns:1fr}
.ww-area-card{min-height:250px}
.ww-method__grid{grid-template-columns:1fr}
.ww-commercial-actions{align-items:flex-start;flex-direction:column}
}

/* Navegación y cabecera alineadas con las páginas de servicio. */
.wwr-nav{position:sticky!important;top:0;z-index:30;min-height:84px!important;padding:0 3vw!important;background:rgba(248,249,246,.97)!important;border-bottom:1px solid var(--ww-line);box-shadow:none!important;backdrop-filter:blur(12px);color:#10251a!important}
.wwr-nav img{filter:none!important}
.wwr-nav nav a{color:#10251a!important}
.wwr-nav .is-active{color:var(--ww-bright)!important}
.wwr-nav .is-active:after{bottom:-10px!important;background:var(--ww-bright)!important}
.wwr-talk.contact-trigger{background:var(--ww-bright)!important;color:#fff!important}
.ww-commercial-hero{display:flex;align-items:center;min-height:calc(100svh - 84px);position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,rgba(5,40,25,.96) 0%,rgba(5,40,25,.8) 48%,rgba(5,40,25,.14) 100%),url('assets/img01.jpg') center/cover!important}
.ww-commercial-hero__copy{width:min(950px,100%);min-height:unset;padding:clamp(2rem,2.5vw,3.4rem) 8vw!important}
.ww-commercial-hero__image{display:none}
/* Mantiene las llamadas a la acción visibles en el primer impacto del banner. */
.ww-commercial-hero h1{max-width:930px;font-size:clamp(3.35rem,4.55vw,5.55rem)}
@media(max-width:1100px){.wwr-nav{min-height:74px!important;padding:0 1.4rem!important;background:rgba(248,249,246,.98)!important}.wwr-nav .mobile-nav-toggle{border-color:rgba(16,37,26,.22)!important;background:#eff4f0!important;color:#10251a!important}.ww-commercial-hero{min-height:calc(100svh - 74px)}.ww-commercial-hero__copy{padding:3rem 7vw!important}}
@media(max-width:760px){.ww-commercial-hero{min-height:calc(100svh - 74px);background:linear-gradient(0deg,rgba(5,40,25,.95),rgba(5,40,25,.55) 68%,rgba(5,40,25,.22)),url('assets/img01.jpg') center/cover!important}.ww-commercial-hero__copy{padding:4rem 1.4rem 3rem!important}}

/* Ritmo más compacto y bloque de necesidades con una capa visual propia. */
.ww-needs,.ww-areas,.ww-catalogue,.ww-method,.ww-contact,.ww-faq{padding-block:clamp(3.2rem,4.6vw,4.9rem)!important}
.ww-needs{position:relative;isolation:isolate;overflow:hidden;background:#f4f7f3!important}
.ww-needs::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(244,247,243,.99) 0%,rgba(244,247,243,.96) 40%,rgba(244,247,243,.77) 66%,rgba(244,247,243,.64) 100%),url('assets/img02.png') right center/52% auto no-repeat}
.ww-needs::after{content:"";position:absolute;z-index:-1;right:-8%;bottom:-34%;width:42vw;height:42vw;border-radius:50%;background:radial-gradient(circle,rgba(184,216,44,.2),rgba(184,216,44,0) 69%);pointer-events:none}
.ww-needs .ww-section-inner{position:relative}
.ww-needs h2{font-size:clamp(3.35rem,4.25vw,4.8rem)!important}
.ww-needs h2 em{white-space:nowrap}
.ww-needs__list{padding:0 .25rem;background:rgba(255,255,255,.62);box-shadow:0 16px 30px rgba(11,45,28,.06)}
.ww-needs__list button{padding-inline:.8rem;transition:background .2s ease,padding .2s ease}
.ww-needs__list button:hover{background:rgba(255,255,255,.72);padding-left:1.15rem}
@media(max-width:760px){.ww-needs,.ww-areas,.ww-catalogue,.ww-method,.ww-contact,.ww-faq{padding-block:3.2rem!important}.ww-needs::before{background:linear-gradient(rgba(244,247,243,.93),rgba(244,247,243,.88)),url('assets/img02.png') center/cover no-repeat}.ww-needs h2{font-size:clamp(3rem,11.5vw,4.4rem)!important}.ww-needs h2 em{white-space:normal}.ww-needs__list{margin-top:2rem}}

/* Metodología: una escena única, con jerarquía y tarjetas más claras. */
.ww-method{position:relative;isolation:isolate;overflow:hidden;background:#062d1c!important}
.ww-method::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(6,45,28,.98) 0%,rgba(6,45,28,.91) 48%,rgba(6,45,28,.68) 100%),url('assets/img02.png') right center/48% auto no-repeat}
.ww-method::after{content:"";position:absolute;z-index:-1;right:-10%;top:-35%;width:54vw;height:54vw;border-radius:50%;background:radial-gradient(circle,rgba(185,230,77,.15),rgba(185,230,77,0) 68%);pointer-events:none}
.ww-method .ww-section-inner{position:relative}
.ww-method__head{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(280px,.75fr)!important;gap:clamp(2rem,7vw,7rem)!important;align-items:end!important}
.ww-method__head>div{grid-column:1!important;grid-row:1!important;max-width:760px}
.ww-method__head h2{max-width:720px;margin:.75rem 0 0!important;font-size:clamp(3.15rem,4.5vw,5.15rem)!important}
.ww-method__head>p:not(.ey){grid-column:2!important;grid-row:1!important;align-self:end!important;margin:0 0 .45rem!important;padding:1.1rem 0 1.1rem 1.35rem;border-left:2px solid #b9e64d;color:#eef4ee!important;font-size:1.05rem!important}
.ww-method__grid{position:relative;z-index:1;gap:1rem!important;margin-top:2.8rem!important}
.ww-method__grid article{position:relative;min-height:190px;border:1px solid rgba(255,255,255,.22)!important;border-top:1px solid rgba(185,230,77,.72)!important;padding:1.35rem!important;background:rgba(7,57,35,.5);box-shadow:0 15px 26px rgba(0,0,0,.12);transition:transform .2s ease,background .2s ease}
.ww-method__grid article:hover{transform:translateY(-5px);background:rgba(18,79,49,.72)}
.ww-method__grid b{display:flex;align-items:center;justify-content:space-between;color:#c8e837!important}.ww-method__grid b::after{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(200,232,55,.7);border-radius:50%;color:#c8e837;font:400 1rem Georgia,serif}.ww-method__grid article:nth-child(1) b::after{content:'↗'}.ww-method__grid article:nth-child(2) b::after{content:'◌'}.ww-method__grid article:nth-child(3) b::after{content:'+'}.ww-method__grid article:nth-child(4) b::after{content:'→'}
.ww-method__grid h3{margin:.9rem 0 .55rem!important;font-size:1.65rem!important}
.ww-method__grid p{color:#e0ebe2!important;font-size:.9rem!important}
@media(max-width:760px){.ww-method::before{background:linear-gradient(rgba(6,45,28,.96),rgba(6,45,28,.78)),url('assets/img02.png') center/cover no-repeat}.ww-method__head{grid-template-columns:1fr!important;gap:1.5rem!important}.ww-method__head>div,.ww-method__head>p:not(.ey){grid-column:1!important;grid-row:auto!important}.ww-method__head>p:not(.ey){margin:0!important}.ww-method__grid{margin-top:2rem!important}.ww-method__grid article{min-height:0}}

/* En escritorio, explicación a la izquierda y metodologías en una cuadrícula 2×2 a la derecha. */
@media(min-width:761px){
  .ww-method .ww-section-inner{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(2.2rem,6vw,6rem);align-items:center}
  .ww-method__head{display:block!important;grid-column:1!important;grid-row:1!important}
  .ww-method__head>div{max-width:none!important}
  .ww-method__head>p:not(.ey){display:block!important;margin:1.4rem 0 0!important;padding:1.1rem 0 0!important;border-top:1px solid rgba(185,230,77,.55);border-left:0!important;max-width:480px}
  .ww-method__grid{grid-column:2!important;grid-row:1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0!important}
  .ww-method__grid article{min-height:190px}
}