/* Precios: capacidad, condiciones y elección; lenguaje visual compartido con la Home. */
.pricing-page{--price-ink:#102e27;--price-green:#086b52;--price-deep:#103c31;--price-line:#d7e0d8;color:var(--price-ink)}
.pricing-page section[id],.pricing-page article[id]{scroll-margin-top:96px}
.pricing-page h1,.pricing-page h2,.pricing-page h3{font-family:Manrope,sans-serif;letter-spacing:-.055em;color:var(--price-ink)}
.pricing-page h2{font-size:clamp(36px,3.7vw,50px);line-height:1.12;margin:0 0 18px}
.pricing-page p{line-height:1.6}
.pricing-page .site-header nav>a[aria-current=page]{color:var(--price-green);text-decoration:underline;text-decoration-color:#bd9456;text-underline-offset:8px}
.pricing-page .hn-eyebrow{margin-bottom:14px}
.pricing-page :focus-visible{outline:3px solid #c89e61;outline-offset:4px}
.price-section{padding:clamp(62px,6vw,86px) 0}
.price-section-head{max-width:900px;margin-bottom:32px}
.price-section-head>p:last-child{max-width:750px;font-size:18px;color:#506859;margin:0}
.price-section-head strong{color:var(--price-ink)}

/* Hero editorial: texto HTML sobre el espacio libre de la fotografía. */
.price-hero{position:relative;overflow:hidden;background:#e7e3dc}
.price-hero-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.price-hero-layout{position:relative;z-index:1;display:flex;justify-content:flex-end;align-items:center;min-height:clamp(490px,42vw,590px)}
.price-hero-copy{width:min(43%,530px);padding:34px 0 34px 12px;transform:translateX(clamp(20px,3vw,48px))}
.price-hero .hn-eyebrow{color:#285945}
.price-hero h1{font-size:clamp(49px,4.6vw,69px);line-height:1.07;margin:0 0 25px;max-width:560px}
.price-hero h1 strong{display:block;color:var(--price-green);font-weight:800}
.price-hero-proof{font-size:16px;font-weight:700;line-height:1.55;color:#2e4d3b;margin:0;max-width:490px}
.price-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:29px 0 0}
.price-hero-actions .hn-quiet-link{color:#0b5a43}

/* Dos planes fáciles de elegir; la diferencia real sigue siendo cajas y usuarios. */
.price-plans{background:#fff;padding-bottom:48px}
.price-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.price-plan{display:flex;flex-direction:column;min-width:0;padding:clamp(26px,3vw,40px);background:#fff;border:1px solid var(--price-line);border-radius:14px}
.price-plan-pro{background:#f8faf6;border-color:#bdd4c5;border-top:4px solid var(--price-green);padding-top:calc(clamp(26px,3vw,40px) - 3px)}
.price-plan h3{font-size:clamp(32px,3vw,40px);line-height:1.1;margin:0 0 7px}
.price-plan-fit{font-size:16px;color:#496454;margin:0 0 27px;max-width:430px}
.price-amount{margin:0 0 22px;white-space:nowrap}
.price-amount strong{display:block;font:800 clamp(58px,5.5vw,76px)/1 Manrope,sans-serif;letter-spacing:-.075em}
.price-amount strong span{font-size:.42em;letter-spacing:-.04em}
.price-amount small{display:block;font-size:14px;font-weight:800;color:#4c6653;margin-top:8px}
.price-plan-capacity{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;border-top:1px solid #d7e2d9;border-bottom:1px solid #d7e2d9;margin:0;padding:17px 0;color:var(--price-green);font-size:18px}
.price-plan-capacity strong{font-weight:800}
.price-plan-capacity span{color:#96aa9a}
.price-plan-offer{margin:22px 0 28px}
.price-plan-offer p{font-size:14px;font-weight:800;color:#375a46;margin:0 0 9px}
.price-plan-offer ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
.price-plan-pro .price-plan-offer ul{grid-template-columns:1fr}
.price-plan-offer li{position:relative;font-size:15px;font-weight:700;line-height:1.4;color:#425e4d;padding:8px 0 8px 24px}
.price-plan-offer li::before{content:"✓";position:absolute;left:0;top:8px;color:var(--price-green);font-weight:800}
.price-plan-offer li small{display:block;font-size:12px;font-weight:600;color:#5d7163}
.price-plan .hn-button{align-self:stretch;margin-top:auto}
.price-terms{font-size:13px;color:#536b5b;max-width:1010px;margin:19px 0 0}
.price-features{margin-top:26px;border:1px solid var(--price-line);border-radius:12px;background:#fbfcfa;overflow:hidden}
.price-features summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;padding:20px 24px;transition:background .18s ease}
.price-features summary::-webkit-details-marker{display:none}
.price-features summary:hover{background:#f1f6f0}
.price-features-heading{display:grid;gap:3px;min-width:0}
.price-features-heading strong{font:800 clamp(17px,2vw,21px)/1.3 Manrope,sans-serif;letter-spacing:-.035em;color:var(--price-ink)}
.price-features-heading small{font-size:14px;line-height:1.4;color:#536b5b}
.price-features-icon{flex:none;width:11px;height:11px;border-right:2px solid var(--price-green);border-bottom:2px solid var(--price-green);transform:rotate(45deg);transition:transform .18s ease}
.price-features[open] .price-features-icon{transform:rotate(225deg)}
.price-features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px clamp(28px,5vw,70px);border-top:1px solid var(--price-line);padding:28px 24px 32px;animation:price-features-enter .18s ease-out}
.price-features-grid section{min-width:0}
.price-features-grid h3{font-size:13px;line-height:1.4;letter-spacing:.11em;text-transform:uppercase;color:var(--price-green);margin:0 0 11px}
.price-features-grid ul{list-style:none;margin:0;padding:0}
.price-features-grid li{position:relative;padding:5px 0 5px 23px;font-size:15px;line-height:1.45;color:#365847}
.price-features-grid li::before{content:"✓";position:absolute;left:0;top:5px;font-weight:800;color:var(--price-green)}
.price-feature-condition{font-size:13px;color:#5a6f5e;margin:11px 0 0;max-width:470px}
@keyframes price-features-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

/* Recomendación concreta por cajas: no extrapolar el precio por encima de 3. */
.price-capacity{background:#eaf1e9}
.price-capacity-grid{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(45px,7vw,105px);align-items:center}
.price-capacity-grid>div:first-child>p:last-child{font-size:17px;color:#506859;max-width:440px;margin:0}
.price-box-tool{border-top:2px solid var(--price-green)}
.price-box-selector{display:none;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #c8d7ca}
.pricing-enhanced .price-box-selector{display:grid}
.price-box-selector button{appearance:none;background:transparent;border:0;border-right:1px solid #c8d7ca;color:#365a45;font:800 14px/1.3 "DM Sans",sans-serif;min-height:53px;cursor:pointer}
.price-box-selector button:last-child{border-right:0}
.price-box-selector button:hover{background:#d9e9dc}
.price-box-selector button[aria-pressed=true]{background:var(--price-deep);color:#fff}
.price-box-result{min-height:210px;padding:22px 0 0}
.price-result-label{font-size:11px;font-weight:800;letter-spacing:.14em;color:#176b51;margin:0 0 9px}
.price-box-result>strong{display:block;font:800 clamp(25px,2.6vw,35px)/1.2 Manrope,sans-serif;letter-spacing:-.04em}
.price-box-result>p:not(.price-result-label){font-size:16px;color:#4e6956;margin:10px 0 12px}
.price-box-result>a{display:inline-flex;align-items:center;gap:8px;border-bottom:2px solid #bd9456;font-size:14px;font-weight:800;color:#075f47;padding-bottom:5px}
.price-box-result>a:hover{color:#06422f}

/* El producto real aparece donde explica lo común, no como adorno del Hero. */
.price-included{background:#fff}
.price-included-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(40px,6vw,85px);align-items:center}
.price-included-copy>p:not(.hn-eyebrow){font-size:17px;color:#526a5a;max-width:460px}
.price-included-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 19px;border-top:2px solid var(--price-green);margin:24px 0}
.price-included-lines span{padding:13px 0;border-bottom:1px solid var(--price-line);font-size:14px;font-weight:800;color:#245c43}
.price-included-screen{min-width:0;margin:0}
.price-included-screen img{display:block;width:100%;height:auto;border:1px solid #cfdbd2}
.price-included-screen figcaption{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#617768;margin-top:8px}
.price-included-screen figcaption a{font-weight:800;color:#075f47;text-decoration:underline;text-underline-offset:3px}

.price-hardware{background:#f3f6f2}
.price-hardware-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:clamp(45px,7vw,115px);align-items:center}
.price-hardware-layout>div:first-child>p:not(.hn-eyebrow){font-size:17px;color:#526a5a;max-width:640px}
.price-hardware-layout>div:first-child>p strong{color:var(--price-ink)}
.price-hardware-list{border-top:2px solid var(--price-green)}
.price-hardware-list span{display:block;padding:14px 0;border-bottom:1px solid #cbd8ce;font:800 20px/1.3 Manrope,sans-serif;letter-spacing:-.03em}
.price-hardware-list small{display:block;font-size:12px;color:#59705e;margin-top:13px}

.price-start{background:#fff}
.price-start-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(45px,8vw,120px)}
.price-start-layout>div>p:last-child{font-size:17px;color:#526a5a;max-width:470px}
.price-start ol{list-style:none;margin:0;padding:0;border-top:2px solid var(--price-green)}
.price-start li{display:grid;grid-template-columns:40px 1fr;gap:17px;padding:18px 0;border-bottom:1px solid var(--price-line)}
.price-start li>span{font-size:11px;font-weight:800;letter-spacing:.1em;color:#176b51;padding-top:5px}
.price-start h3{font-size:20px;line-height:1.3;margin:0 0 6px}
.price-start li p{font-size:15px;color:#526a5a;margin:0}

.price-trial{background:#eaf1e9}
.price-trial-layout{display:flex;align-items:center;justify-content:space-between;gap:60px}
.price-trial-layout>div{max-width:780px}
.price-trial p:not(.hn-eyebrow){font-size:17px;color:#425f4d;margin:0 0 12px}
.price-trial small{display:block;font-size:13px;color:#526a5a}
.price-trial .hn-button{flex:none}

.price-faq{background:#f7f8f6}
.price-faq-layout{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:clamp(42px,7vw,105px)}
.price-faq-layout>div:first-child>p:last-child{font-size:17px;color:#526a5a}
.price-faq-list{border-top:2px solid var(--price-green)}
.price-faq details{border-bottom:1px solid #cbd6ce;padding:12px 0}
.price-faq summary{position:relative;cursor:pointer;list-style:none;font:800 16px/1.4 Manrope,sans-serif;padding:8px 36px 8px 0}
.price-faq summary::-webkit-details-marker{display:none}
.price-faq summary::after{content:"+";position:absolute;right:5px;top:4px;font-size:25px;font-weight:500;color:var(--price-green)}
.price-faq details[open] summary::after{content:"−"}
.price-faq summary:hover{color:var(--price-green)}
.price-faq details p{font-size:15px;line-height:1.65;color:#506858;margin:8px 25px 4px 0}

.price-final{background:var(--price-deep);color:#fff;padding:clamp(64px,6vw,90px) 0}
.price-final .hn-eyebrow{color:#9fd2b0}
.price-final h2{color:#fff;font-size:clamp(40px,4.4vw,59px);max-width:840px}
.price-final p:not(.hn-eyebrow){font-size:18px;color:#d4e5d8;max-width:680px;margin:0 0 25px}
.price-final-actions{display:flex;align-items:center;gap:30px}
.price-final .hn-button{background:#fff;color:var(--price-ink)!important}
.price-final .hn-button:hover{background:#dcefe0}
.price-final .hn-quiet-link{color:#fff;border-color:#8ac5a0}

@media(max-width:1050px){
  .price-hero-layout{min-height:510px}
  .price-hero-copy{width:min(44%,450px)}
  .price-hero h1{font-size:clamp(43px,4.8vw,54px)}
  .price-hero-proof{font-size:14px}
  .price-plan-offer ul{grid-template-columns:1fr}
}
@media(max-width:760px){
  .price-section{padding:60px 0}
  .price-hero{display:flex;flex-direction:column;background:#f3f6f2}
  .price-hero-layout{min-height:0;padding-top:48px;padding-bottom:43px}
  .price-hero-copy{width:100%;max-width:600px;padding:0;transform:none}
  .price-hero h1{font-size:clamp(44px,7.8vw,58px)}
  .price-hero-image{position:static;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover;object-position:left center}
  .price-capacity-grid,.price-included-layout,.price-hardware-layout,.price-start-layout,.price-faq-layout{grid-template-columns:1fr;gap:32px}
  .price-plan-grid{grid-template-columns:1fr;gap:18px}
  .price-plan{padding:28px}
  .price-plan-pro{padding-top:25px}
  .price-plan-offer ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .price-plan-pro .price-plan-offer ul{grid-template-columns:1fr}
  .price-plan .hn-button{width:100%}
  .price-features-grid{grid-template-columns:1fr;gap:23px}
  .price-trial-layout{display:block}
  .price-trial .hn-button{margin-top:24px;width:100%}
  .price-final-actions{flex-direction:column;align-items:stretch;gap:13px}
  .price-final .hn-button{width:100%}
  .price-final .hn-quiet-link{align-self:flex-start}
}
@media(max-width:520px){
  .price-hero-layout{padding-top:36px;padding-bottom:35px}
  .price-hero h1{font-size:42px}
  .price-hero-actions{display:block;margin-top:23px}
  .price-hero-actions .hn-button{width:100%;margin-bottom:13px}
  .price-hero-proof{font-size:14px}
  .price-section-head>p:last-child{font-size:16px}
  .price-amount strong{font-size:58px}
  .price-plan-capacity{gap:9px;font-size:16px}
  .price-plan-offer ul{grid-template-columns:1fr}
  .price-plan{padding:24px}
  .price-plan-pro{padding-top:21px}
  .price-features summary{padding:18px 20px}
  .price-features-heading small{font-size:13px}
  .price-features-grid{padding:22px 20px 26px}
  .price-box-selector button{font-size:12px;min-height:52px}
  .price-box-result{min-height:230px}
  .price-included-lines{grid-template-columns:1fr}
  .price-faq details{padding:10px 0}
  .price-faq summary{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .price-features summary,.price-features-icon{transition:none}
  .price-features-grid{animation:none}
}