/* Iteración del brief maestro: la identidad aprobada vive sobre la composición original. */
body,button,input,select,textarea{font-family:Poppins,Arial,sans-serif;font-weight:400}
button{font-weight:600}
.desktop-nav a,.chapter-heading,.eyebrow,.small-label,.market-tab,.flip-front small,.flip-back small,.flip-front em,.flip-back em,.package-type,.card-top,.channel-no,.pillar-tab span,.idea-filter,.decision-row label{font-family:Poppins,Arial,sans-serif}
.desktop-nav{gap:clamp(10px,1.3vw,20px)}.desktop-nav a{font-size:13px;white-space:nowrap}
.eyebrow,.small-label{font-size:12px;font-weight:700;letter-spacing:.1em}

.hero{align-items:center}
.hero-content{padding-top:45px}
.hero-title{font-size:clamp(78px,9.5vw,150px);line-height:.83;max-width:1250px}
.hero-title span{display:inline-block}
.hero-bottom{margin-top:45px}
.hero-bottom p{font-family:Poppins,Arial,sans-serif;font-size:17px;font-weight:700}
.hero-bottom p span{font-size:15px;font-weight:400}
.hero-board .board-grid{opacity:.75}

.statement .section-frame{min-height:100svh}
.essence-story{display:grid;grid-template-columns:1fr 1fr;gap:7vw;min-height:52vh;align-items:center;padding:55px 0}
.essence-question{font-family:Nerko,cursive;font-size:clamp(48px,5.5vw,90px);line-height:.9;margin:0;position:sticky;top:115px}
.essence-answer{font-family:Gaegu,cursive;font-size:clamp(28px,3vw,47px);line-height:1.05;color:var(--butter);margin:0}
.statement-kicker{margin:60px 0 18px}
.statement-title{font-size:clamp(50px,6vw,96px)}
.statement-bottom{margin:25px 0 70px;justify-content:flex-end}
.statement-bottom p{font-size:17px;max-width:580px}
.essence-tabs{display:flex;gap:8px;border-bottom:1px solid #fff8ed80}
.essence-tab{background:transparent;color:#fff8edb0;border:0;padding:18px 26px;font-size:16px;cursor:pointer}
.essence-tab.active{background:var(--butter);color:var(--wine);border-radius:14px 14px 0 0}
.essence-panels{min-height:230px;padding:34px;border:1px solid #fff8ed80;border-top:0;border-radius:0 0 18px 18px}
.essence-panels [hidden]{display:none}
.essence-panels h3{font-size:clamp(35px,4vw,60px);margin:0 0 8px}
.essence-panels p{font-size:18px;line-height:1.5;max-width:980px;margin:0}
.values-card{margin-top:70px}
.values-card>.eyebrow{color:var(--butter)}
.values-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px}
.values-list details{border-top:1px solid #fff8ed80;padding:16px 2px}
.values-list summary{font-family:Nerko,cursive;font-size:31px;line-height:1;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}
.values-list summary::-webkit-details-marker{display:none}
.values-list summary:after{content:'+';font-family:Poppins,Arial,sans-serif;font-size:22px}
.values-list details[open] summary:after{content:'−'}
.values-list p{font-size:16px;line-height:1.45;max-width:420px;margin:13px 0 0;color:#fff8eddd}

.market-route{display:flex;align-items:center;gap:18px;margin:0 0 30px;color:var(--wine);font-size:12px;font-weight:700;letter-spacing:.1em}
.market-route span{white-space:nowrap}
.market-route i{flex:1;height:2px;background:linear-gradient(90deg,var(--wine),var(--olive));position:relative;transform-origin:left;animation:routeGrow 1.6s ease both}
.market-route i:before,.market-route i:after{content:'';position:absolute;top:-6px;width:14px;height:14px;border:2px solid var(--wine);border-radius:50%;background:var(--butter)}
.market-route i:before{left:0}.market-route i:after{right:0;border-color:var(--olive)}
@keyframes routeGrow{from{scale:0 1}to{scale:1 1}}
.market-tab{font-size:clamp(16px,1.7vw,24px)}
.market-copy h3{font-size:clamp(34px,3.7vw,55px)}

.pricing{background:#fff8ed}
.pricing .section-intro{margin-bottom:48px}
.package-card{min-height:440px}
.package-card .package-foot{border-top:1px solid #aa19455c;padding-top:18px;font-size:14px;font-weight:600}
.bundle-note{display:grid;grid-template-columns:.48fr 1fr;gap:25px;align-items:center;border:2px solid var(--olive);border-radius:20px;background:#f5e8aa8c;padding:24px 30px;margin:20px 0 75px}
.bundle-note strong{font-family:Nerko,cursive;font-size:clamp(34px,3.5vw,55px);color:var(--olive);font-weight:400}
.bundle-note p{font-size:16px;line-height:1.5;margin:0}
.price-heading{display:flex;justify-content:space-between;gap:25px;align-items:end}
.price-heading h3{font-size:clamp(42px,5vw,72px);line-height:.9;color:var(--wine);margin:7px 0 0}
.price-switch{display:flex;gap:4px;padding:5px;border:1px solid var(--wine);border-radius:100px;flex-shrink:0}
.price-market{border:0;border-radius:100px;background:transparent;color:var(--wine);padding:12px 22px;cursor:pointer;font-size:14px}
.price-market.active{background:var(--wine);color:#fff8ed}
.price-table{border-top:2px solid var(--wine);margin-top:22px}
.price-row{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:22px 4px;border-bottom:1px solid #aa19454f}
.price-row h4{font-family:Nerko,cursive;font-size:clamp(28px,2.8vw,43px);font-weight:400;line-height:1;margin:0}
.price-row p{font-size:13px;line-height:1.45;margin:6px 0 0;color:#6f5d54}
.price-value{font-family:Nerko,cursive;font-size:clamp(27px,3vw,45px);color:var(--wine);font-weight:400;white-space:nowrap;transition:opacity .25s,transform .25s}
.price-value.changing{opacity:0;transform:translateY(8px)}

.acquisition .channel-grid{position:relative}
.channel-card{min-height:380px}
.channel-icon{font-size:55px;margin:auto 0 20px;opacity:.55}
.channel-card p{line-height:1.4}
.route-convergence{height:100px;display:grid;grid-template-columns:repeat(3,1fr);position:relative;overflow:hidden}
.route-convergence span{height:2px;background:var(--butter);align-self:start;transform-origin:center;opacity:.8}
.route-convergence span:first-child{transform:translateY(10px) rotate(11deg)}
.route-convergence span:nth-child(2){transform:translateY(15px)}
.route-convergence span:nth-child(3){transform:translateY(10px) rotate(-11deg)}
.route-convergence i{position:absolute;left:50%;bottom:8px;width:16px;height:16px;border-radius:50%;background:var(--butter);transform:translateX(-50%);box-shadow:0 0 0 8px #f5e8aa33;animation:pulse 2.5s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 19px #f5e8aa10}}
.opportunity{font-family:Nerko,cursive;font-size:clamp(27px,3vw,44px);line-height:1;text-align:center;color:var(--butter);max-width:800px;margin:0 auto}

.content-plan .question-box{margin:35px 0 70px;background:var(--butter)}
.pillar-chart{display:flex;height:18px;gap:6px;margin:18px 0 12px;border-radius:100px;overflow:hidden}
.pillar-chart span{display:block;height:100%;transform-origin:left;animation:chartIn 1s ease both}
.pillar-chart .chart-reach{width:40%;background:var(--wine)}
.pillar-chart .chart-niche{width:35%;background:var(--olive);animation-delay:.15s}
.pillar-chart .chart-education{width:25%;background:var(--pink);animation-delay:.3s}
@keyframes chartIn{from{scale:0 1}to{scale:1 1}}
.pillar-chart[data-active="reach"] .chart-reach,.pillar-chart[data-active="niche"] .chart-niche,.pillar-chart[data-active="education"] .chart-education{filter:brightness(1.3);outline:2px solid #392d2a;outline-offset:-2px}
.digital-path{margin-top:115px;padding:38px;background:#fff9f0;border:2px solid #aa194545;border-radius:28px}
.digital-heading h3{font-family:Nerko,cursive;font-size:clamp(44px,5vw,78px);line-height:.88;color:var(--wine);margin:8px 0 20px}
.digital-heading h3 em{font-style:normal;color:var(--olive)}
.digital-heading>p:last-child{font-size:18px;line-height:1.5;max-width:700px}
.digital-steps{display:flex;align-items:stretch;gap:12px;margin:35px 0 20px}
.digital-step{flex:1;min-width:0;min-height:235px;background:var(--butter);border-radius:18px;padding:23px;display:flex;flex-direction:column;box-shadow:0 10px 24px #aa194516;transform:rotate(-1deg);animation:stepFloat 5s ease-in-out infinite}
.digital-step:nth-of-type(2){background:var(--pink);transform:rotate(1deg);animation-delay:-1.5s}
.digital-step.future{background:#d9dec3;animation-delay:-3s}
.digital-step span{font-size:12px;font-weight:700;letter-spacing:.08em}
.digital-step strong{font-family:Nerko,cursive;font-weight:400;font-size:clamp(27px,2.9vw,44px);line-height:.9;margin:34px 0 10px}
.digital-step p{font-size:14px;line-height:1.4;margin:auto 0 0}
.step-arrow{align-self:center;font-family:Nerko,cursive;font-size:39px;color:var(--wine);animation:arrowMove 1.8s ease-in-out infinite}
@keyframes arrowMove{50%{translate:7px 0}}@keyframes stepFloat{50%{translate:0 -7px}}
.js-reveal .digital-step,.js-reveal .step-arrow{opacity:0;transition:opacity .55s ease}
.js-reveal .digital-path.visible .digital-step,.js-reveal .digital-path.visible .step-arrow{opacity:1}
.js-reveal .digital-path.visible .digital-steps>:nth-child(1){transition-delay:.08s}
.js-reveal .digital-path.visible .digital-steps>:nth-child(2){transition-delay:.35s}
.js-reveal .digital-path.visible .digital-steps>:nth-child(3){transition-delay:.55s}
.js-reveal .digital-path.visible .digital-steps>:nth-child(4){transition-delay:.85s}
.js-reveal .digital-path.visible .digital-steps>:nth-child(5){transition-delay:1.05s}
.digital-disclaimer{font-size:13px;color:#6d5a51;margin:20px 0 0}

.november{background:var(--paper)}
.ideas-heading{margin:70px 0 25px}
.idea-filters{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px}
.idea-filters [role="group"]{display:flex;flex-wrap:wrap;gap:7px}
.idea-filter{border:1px solid #aa194588;background:#fff8ed;color:var(--wine);border-radius:100px;padding:9px 15px;font-size:12px;cursor:pointer}
.idea-filter.active{background:var(--wine);color:#fff8ed}
.filter-status{font-size:12px;color:var(--muted);margin:18px 0}
.idea{min-height:215px;display:block}
.idea[hidden]{display:none!important}
.idea summary{display:flex;flex-direction:column;min-height:175px;cursor:pointer;list-style:none}
.idea summary::-webkit-details-marker{display:none}
.idea summary small{font-family:Poppins,Arial,sans-serif;font-size:11px;font-weight:700;margin-top:auto;color:var(--olive)}
.idea h4{font-size:clamp(25px,2vw,31px);line-height:.95;margin:20px 0}
.idea>p{border-top:1px solid #aa19454f;padding-top:15px;font-size:13px;line-height:1.45;margin:12px 0 0}
.idea[open]{box-shadow:0 14px 25px #aa194518}
.holiday{margin-top:80px}

.next-layout{grid-template-columns:.88fr 1.12fr;gap:5vw;margin:80px 0}
.next-heading h2{font-size:clamp(50px,5.5vw,90px)}
.decision-list{border-top:1px solid #aa19456b}
.decision-row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;border-bottom:1px solid #aa19456b;padding:13px 0}
.decision-row label{font-size:14px;line-height:1.4;font-weight:600}
.decision-row select{max-width:180px;border:1px solid #aa194588;border-radius:10px;background:#fff9ed;color:var(--wine);padding:10px 30px 10px 12px;font-size:12px;cursor:pointer}
.meeting-output{display:grid;grid-template-columns:.55fr 1fr;gap:30px;border-top:2px solid var(--wine);padding:30px 0 50px}
.meeting-output p{font-size:14px;line-height:1.5}
.meeting-output button{border:0;border-radius:100px;background:var(--wine);color:#fff8ed;padding:12px 22px;cursor:pointer}
.meeting-output textarea{min-height:220px;width:100%;border:1px solid #aa194588;border-radius:12px;background:#fff9ed;color:var(--ink);padding:18px;font-size:12px;line-height:1.6;resize:vertical}
.meeting-output #copy-status{display:block;margin-top:10px;font-size:12px;min-height:20px}

/* El contenido sigue visible si no se inicia la animación. */
.reveal{opacity:1;transform:none}
.js-reveal .reveal{opacity:0;transform:translateY(32px)}
.js-reveal .reveal.visible{opacity:1;transform:translateY(0)}

@media(max-width:1100px){
  .desktop-nav{gap:10px}.desktop-nav a{font-size:11px}
  .digital-steps{gap:8px}.digital-step{padding:17px}
  .next-layout{grid-template-columns:1fr}
}
@media(max-width:950px){
  .desktop-nav{display:none}
}
@media(max-width:650px){
  .hero{align-items:end}.hero-content{padding-top:20px}
  .hero-title{font-size:clamp(54px,12.5vw,82px);line-height:.83}.hero-title br{display:none}.hero-title span{display:block}
  .hero-bottom p{font-size:14px}.hero-bottom p span{font-size:12px}
  .essence-story{grid-template-columns:1fr;min-height:48vh;gap:20px}.essence-question{position:static;font-size:52px}.essence-answer{font-size:31px}
  .statement-bottom{margin:20px 0 55px}.statement-bottom p{font-size:15px}
  .essence-tab{padding:13px 15px;font-size:12px}.essence-panels{padding:22px;min-height:0}.essence-panels p{font-size:14px}
  .values-list{grid-template-columns:1fr}.values-list summary{font-size:27px}
  .market-route{font-size:9px;gap:8px}.market-route span{white-space:normal}
  .bundle-note{grid-template-columns:1fr;margin-bottom:60px}.package-card{min-height:400px}
  .price-heading{align-items:start;flex-direction:column}.price-row{grid-template-columns:1fr;gap:4px}.price-value{font-size:32px}
  .route-convergence{height:55px}
  .digital-path{padding:22px;margin-top:75px}.digital-steps{display:grid;grid-template-columns:1fr;gap:9px}
  .digital-step{min-height:170px;transform:none!important}.digital-step strong{font-size:34px;margin:20px 0 9px}
  .step-arrow{transform:rotate(90deg);justify-self:center;font-size:28px}
  .idea-filters{display:block}.idea-filters [role="group"]{margin-bottom:10px}
  .idea-grid{grid-template-columns:1fr}.idea{min-height:0}.idea summary{min-height:135px}.holiday{margin-top:70px}
  .decision-row{grid-template-columns:1fr;gap:7px}.decision-row select{max-width:none;width:100%}
  .meeting-output{grid-template-columns:1fr}.next-heading h2{font-size:58px}
}
@media(prefers-reduced-motion:reduce){
  .js-reveal .reveal{opacity:1;transform:none}
  .route-convergence i,.digital-step,.step-arrow,.market-route i,.pillar-chart span{animation:none!important}
}