.method-image img{object-position:center center}
html,body{overflow-x:hidden}
@media (max-width:700px){.hero-image{width:100%;max-width:100%}.ticker{overflow:hidden}.ticker-track{width:100%;max-width:100%;overflow:hidden}}
.method-image img{object-position:center center}
#metodo.method{width:100%;max-width:1200px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter);grid-template-columns:1fr 1fr;gap:60px!important}
#metodo.method .method-visual{width:100%;max-width:none!important;margin-left:0!important;transform:none!important}
#metodo.method .method-image,#metodo.method .method-image img{width:100%}
@media (max-width:700px){#metodo.method{grid-template-columns:1fr;gap:0!important}.method-visual{max-width:100%!important}}
.method-image img{object-position:center center}
.method-visual{width:100%;max-width:500px}.method-image{width:100%;aspect-ratio:1.08/1;overflow:hidden;clip-path:polygon(0 5%,91% 0,100% 96%,6% 100%)}.method-image img{object-position:50% 42%}.method-number{top:-12px;right:6%}
@media (max-width:700px){.method-image{height:auto;aspect-ratio:1.08/1}.method-visual{min-height:0}}
.method{gap:clamp(28px,5vw,72px)!important}.method-visual{margin-left:clamp(0px,3vw,48px)!important}@media (max-width:700px){.method{gap:0!important}.method-visual{margin-left:0!important}}
.method-visual{transform:translateX(clamp(0px,12vw,220px))}@media (max-width:700px){.method-visual{transform:none}}
.method{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;gap:clamp(24px,4vw,64px)!important}.method-visual{max-width:520px!important;margin-left:0!important;transform:translateX(clamp(0px,4vw,64px))}@media (max-width:700px){.method{grid-template-columns:1fr!important;gap:0!important}.method-visual{max-width:100%!important;margin-left:0!important;transform:none}}
.radar-legend{margin:2px 0 18px;padding:10px 12px;border:1px solid var(--line);background:var(--white)}.radar-legend>strong{display:block;margin-bottom:8px;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.radar-legend-items{display:flex;flex-wrap:wrap;gap:8px 16px}.radar-legend-item{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:12px}.radar-legend-item i{display:block;width:24px;height:6px;border-radius:1px}.radar-legend-item .radar-color-0{background:var(--orange)}.radar-legend-item .radar-color-1{background:#2176ae}.radar-legend-item .radar-color-2{background:#5c8d58}.radar-legend-item .radar-color-3{background:#936b38}
/* Modal de producto: galeria amplia y detalles equilibrados */
.product-modal-card{display:block;width:min(1080px,100%);max-height:min(760px,calc(100vh - 40px));overflow:hidden;border-radius:4px}
#modal-content{display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(360px,.95fr);min-height:0}
.modal-gallery{display:flex;min-height:0;flex-direction:column;justify-content:center;padding:28px;background:var(--soft)}
.modal-gallery>img{height:min(430px,52vh);min-height:300px;object-fit:contain;background:var(--white)}
.modal-gallery>div{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}
.modal-gallery>div img{width:100%;height:68px;object-fit:cover;border:1px solid var(--line)}
.modal-details{min-width:0;overflow:auto;padding:38px 36px 32px}
.modal-details h2{font-size:clamp(2.35rem,4vw,3.6rem)}
.modal-details>p{max-width:none;font-size:14px;line-height:1.45}
.modal-price{margin:20px 0 2px;color:var(--orange);font-family:"Space Grotesk",sans-serif;font-size:27px;font-weight:700}
.modal-spec-grid{margin:14px 0 18px}
.modal-spec-grid span{padding:10px}
.modal-spec-grid b{font-size:16px}
.modal-pros-cons{gap:14px;margin:18px 0}
.modal-pros-cons ul{margin:8px 0 0}
.modal-details .button{width:100%;justify-content:center;margin-top:2px}
@media (max-width:900px) and (min-width:701px){#modal-content{grid-template-columns:minmax(340px,1fr) minmax(320px,.95fr)}.modal-details{padding:34px 26px 28px}.modal-gallery{padding:22px}.modal-gallery>img{height:360px}}
@media (max-width:700px){.product-modal-card{width:100%;overflow:auto;border-radius:0}#modal-content{display:block}.modal-gallery>img{height:250px;min-height:0}.modal-gallery>div img{height:54px}.modal-details{overflow:visible;padding:30px 20px 24px}.modal-price{margin-top:16px}}
@media (max-width:700px){.site-header{height:70px}.main-nav{display:none}.header-action{font-size:12px;padding:12px 14px}.brand-logo{width:136px}.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{padding:0}.hero-visual{margin-top:26px}.hero-image{height:420px}.hero-sticker{left:14px;bottom:14px}.hero-stat{right:14px;top:14px}.hero h1{font-size:clamp(3.6rem,18vw,6rem)}.hero-lede{max-width:35ch}.hero-proof{margin-top:36px}.ticker-track{gap:22px;font-size:11px}.section-heading{grid-template-columns:1fr;gap:26px}.section-heading h2,.method h2,.guide h2{font-size:3.7rem}.catalog{padding-top:78px}.catalog-tools{align-items:flex-start;flex-direction:column;gap:22px}.filter-tabs{flex-wrap:wrap;gap:8px}.filter-tab{padding:9px 12px}.product-grid{grid-template-columns:1fr}.product-card{min-height:0}.method{grid-template-columns:1fr;padding-top:58px}.method-visual{min-height:390px}.method-image{height:390px}.method-number{font-size:6rem}.method-copy{padding:30px 0 0}.compare-section{padding-top:65px}.compare-products,.compare-scores{grid-template-columns:1fr 1fr}.compare-grid{grid-template-columns:80px repeat(auto-fit,minmax(120px,1fr));gap:8px}.compare-product img{width:45px;height:38px}.compare-product strong{font-size:12px}.guide{padding-top:80px;padding-bottom:80px}.guide-cards{grid-template-columns:1fr}.guide-cards article{min-height:165px}.newsletter{padding-top:78px;padding-bottom:80px}.newsletter h2{font-size:3.5rem}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-wrap:wrap}.footer-bottom span:nth-child(2){order:3;flex-basis:100%}} 

.mobile-menu-toggle{display:none}
@media (max-width:700px){
  .site-header{position:relative}
  .mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:4px;width:42px;height:42px;padding:9px;border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer}
  .mobile-menu-toggle span{display:block;width:100%;height:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
  .site-header:has(.main-nav.is-open) .mobile-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .site-header:has(.main-nav.is-open) .mobile-menu-toggle span:nth-child(2){opacity:0}
  .site-header:has(.main-nav.is-open) .mobile-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .main-nav.is-open{display:flex;position:absolute;z-index:20;top:70px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gutter) 14px;background:var(--white);border-bottom:1px solid var(--line);box-shadow:0 12px 24px rgba(23,37,34,.08)}
  .main-nav.is-open a{padding:14px 0;border-bottom:1px solid var(--line)}
  .main-nav.is-open a:last-child{border-bottom:0}
}

.quiz-test-section{padding-top:clamp(52px,7vw,96px);padding-bottom:clamp(52px,7vw,96px)}
.quiz-shell{max-width:980px;margin:0 auto;padding:24px 20px;border:1px solid var(--line);background:var(--white);box-shadow:0 18px 40px rgba(23,37,34,.04)}
.quiz-card{display:grid;gap:28px}
.quiz-progress-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.quiz-step-indicator{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.quiz-progress-bar{position:relative;width:100%;height:8px;border-radius:999px;background:var(--paper);overflow:hidden;border:1px solid var(--line)}
.quiz-progress-fill{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--lime));border-radius:inherit;transition:width .22s ease}
.quiz-question{font-size:clamp(1.75rem,3vw,2.8rem);line-height:1.08;letter-spacing:-.05em;font-family:"Space Grotesk",sans-serif;color:var(--ink)}
.quiz-options{display:grid;gap:12px}
.quiz-option{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:16px 18px;border:1px solid var(--line);background:var(--paper);color:var(--ink);text-align:left;border-radius:10px;transition:border-color .15s ease, transform .15s ease, background .15s ease, box-shadow .15s ease}
.quiz-option:hover,.quiz-option:focus-visible{border-color:var(--orange);background:rgba(242,104,59,.04);box-shadow:0 10px 18px rgba(23,37,34,.04);transform:translateY(-1px)}
.quiz-option.is-selected{border-color:var(--orange);background:rgba(242,104,59,.08)}
.quiz-option strong{display:block;font-size:1rem;font-weight:700;line-height:1.4}
.quiz-option span{display:block;font-size:.95rem;color:var(--muted)}
.quiz-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:8px}
.quiz-back{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:transparent;padding:12px 18px;border-radius:999px;font-weight:700;color:var(--ink)}
.quiz-back[hidden]{display:none}
.quiz-summary{display:grid;gap:18px}
.quiz-summary-title{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.05;letter-spacing:-.05em;font-family:"Space Grotesk",sans-serif;color:var(--ink)}
.quiz-summary-message{padding:18px 20px;border:1px solid rgba(242,104,59,.4);background:rgba(242,104,59,.06);color:var(--ink);font-weight:600}
.quiz-summary-list{display:grid;gap:10px;padding:0;margin:0;list-style:none}
.quiz-summary-list li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);background:var(--paper)}
.quiz-summary-list b{min-width:120px;color:var(--orange);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.quiz-product-link{padding:0;border:0;background:none;color:var(--orange);font:inherit;font-weight:700;text-align:left;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;cursor:pointer}.quiz-product-link:hover,.quiz-product-link:focus-visible{color:var(--ink)}.quiz-product-link-static{display:inline-block}.quiz-email-area{display:grid;gap:12px;padding-top:4px}.quiz-email-toggle{justify-self:start;padding:0;border:0;background:none;color:var(--ink);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.quiz-email-form{display:grid;gap:10px;padding:16px;border:1px solid var(--line);background:var(--paper)}.quiz-email-form label{font-weight:700}.quiz-email-row{display:flex;gap:10px}.quiz-email-row input{min-width:0;flex:1;padding:12px;border:1px solid var(--line);background:var(--white);color:var(--ink);font:inherit}.quiz-email-row button{padding:12px 18px;border:0;background:var(--orange);color:var(--white);font:inherit;font-weight:700;cursor:pointer}.quiz-email-row button:disabled{opacity:.6;cursor:wait}.quiz-email-status{margin:0;font-size:.9rem;line-height:1.5}.quiz-email-status.is-success{color:#27724b}.quiz-email-status.is-error{color:#b63b2d}
@media (max-width:700px){.quiz-shell{padding:18px 16px}.quiz-card{gap:22px}.quiz-progress-header{align-items:flex-start}.quiz-question{font-size:2rem}.quiz-option{padding:14px 14px}.quiz-actions{align-items:stretch}.quiz-back{width:100%;justify-content:center}.quiz-summary-list li{display:block}.quiz-summary-list b{display:block;margin-bottom:6px}}
.product-modal[hidden]{display:none}.product-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px}.product-modal-backdrop{position:absolute;inset:0;background:rgba(31,42,36,.72)}.product-modal-card{position:relative;z-index:1;display:grid;grid-template-columns:minmax(260px, .85fr) minmax(300px, 1fr);width:min(920px,100%);max-height:min(720px,calc(100vh - 48px));overflow:auto;background:var(--paper);color:var(--dark);box-shadow:0 24px 80px rgba(31,42,36,.28)}.modal-close{position:absolute;top:14px;right:16px;z-index:2;border:0;background:var(--paper);color:var(--dark);font-size:28px;line-height:1;cursor:pointer}.modal-gallery{padding:26px;background:var(--soft)}.modal-gallery>img{display:block;width:100%;height:330px;object-fit:cover}.modal-gallery>div{display:flex;gap:8px;margin-top:10px}.modal-gallery>div img{width:58px;height:58px;object-fit:cover}.modal-details{padding:48px 38px 38px}.modal-kicker{display:block;color:var(--orange);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.modal-details h2{margin:14px 0 16px;font-family:"Space Grotesk",sans-serif;font-size:clamp(2.4rem,5vw,4rem);line-height:.95;letter-spacing:-.05em}.modal-details>p{max-width:48ch;color:var(--muted)}.modal-spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:24px 0;background:var(--line)}.modal-spec-grid span{padding:12px;background:var(--paper);font-size:12px;color:var(--muted)}.modal-spec-grid b{display:block;margin-bottom:3px;color:var(--dark);font-size:17px}.modal-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.modal-pros-cons strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.modal-pros-cons ul{padding-left:18px;color:var(--muted);font-size:13px}.modal-details .button{margin-top:4px}.modal-open{overflow:hidden}@media (max-width:700px){.product-modal{padding:12px}.product-modal-card{display:block;max-height:calc(100vh - 24px)}.modal-gallery{padding:16px}.modal-gallery>img{height:250px}.modal-details{padding:34px 20px 24px}.modal-details h2{font-size:2.8rem}.modal-pros-cons{gap:10px}}
.brand-logo{display:block;width:184px;height:auto}
#guia.guide{background:var(--paper);color:var(--ink);display:block;padding-top:clamp(70px,9vw,130px);padding-bottom:clamp(70px,9vw,130px)}#guia.guide .guide-copy{max-width:780px;margin:0 auto 58px}#guia.guide .guide-copy h2{max-width:620px}#guia.guide .guide-intro{max-width:780px}#guia.guide .guide-article{max-width:900px;margin:0 auto;padding:0}#guia.guide .guide-article h3{color:var(--ink)}#guia.guide .guide-product{background:var(--white);border-color:var(--line);border-radius:2px}#guia.guide .guide-product-title{color:var(--ink);font-size:16px}#guia.guide .guide-product small{color:var(--muted)}#guia.guide .guide-reason{color:var(--muted)}#guia.guide .guide-faq details p{color:var(--muted)}
#guia.guide .guide-copy .eyebrow{display:flex;color:var(--orange);opacity:1;visibility:visible}#guia.guide .guide-copy h2,#guia.guide .guide-copy p{opacity:1;visibility:visible}
.guide{align-items:start}.guide-copy{min-width:0}.guide-intro{display:grid;gap:14px;margin-top:28px;max-width:52ch}.guide-intro p{font-size:15px;line-height:1.65}.guide-article{min-width:0;padding:36px 0}.guide-article h3{margin:0 0 20px;font-size:clamp(1.5rem,2.5vw,2.2rem);line-height:1.05}.guide-products{display:grid;gap:12px;margin-bottom:46px}.guide-product{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;padding:12px;background:var(--white);border:1px solid rgba(23,37,34,.16)}.guide-product img{width:64px;height:58px;object-fit:contain;background:var(--paper)}.guide-product span{min-width:0}.guide-product strong,.guide-product small{display:block}.guide-product strong{font-family:"Space Grotesk",sans-serif;font-size:15px}.guide-product small{margin-top:3px;color:var(--muted);font-size:12px}.guide-product>b{color:var(--orange);font-size:12px;white-space:nowrap}.guide-reason{margin:-5px 0 7px 78px;color:var(--ink);font-size:13px;line-height:1.5}.autonomy-ranking{display:grid;gap:8px;margin:0 0 46px;padding:0;list-style:none}.autonomy-ranking li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid rgba(23,37,34,.2)}.ranking-position{color:var(--orange);font-family:"Space Grotesk",sans-serif;font-size:18px;font-weight:700}.autonomy-ranking a{min-width:0}.autonomy-ranking strong,.autonomy-ranking small{display:block}.autonomy-ranking strong{font-family:"Space Grotesk",sans-serif}.autonomy-ranking small{color:var(--muted);font-size:11px}.autonomy-ranking li>b{font-family:"Space Grotesk",sans-serif;font-size:18px}.guide-faq{padding-top:4px}.guide-faq details{padding:14px 0;border-top:1px solid rgba(23,37,34,.2)}.guide-faq summary{cursor:pointer;font-family:"Space Grotesk",sans-serif;font-weight:600}.guide-faq details p{padding-top:10px;color:var(--ink);font-size:13px;line-height:1.55}@media (max-width:700px){.guide-article{padding-top:12px}.guide-product{grid-template-columns:52px 1fr}.guide-product img{width:52px;height:48px}.guide-product>b{grid-column:2}.guide-reason{margin-left:66px}.autonomy-ranking li{grid-template-columns:28px 1fr auto}.autonomy-ranking li>b{font-size:15px}}
.compare-picker{margin:22px 0 28px;padding:18px;background:var(--white);border:1px solid var(--line)}.compare-picker label{display:block;margin-bottom:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.compare-picker input{width:min(420px,100%);padding:11px 13px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.compare-suggestions{display:grid;max-width:420px}.compare-suggestions button{display:flex;align-items:center;gap:10px;padding:8px;border:0;border-bottom:1px solid var(--line);background:var(--white);text-align:left}.compare-suggestions img{width:36px;height:32px;object-fit:contain}.compare-products{align-items:stretch}.compare-product{display:flex;flex-wrap:wrap;gap:10px}.compare-product>div{min-width:0;flex:1}.compare-product strong{display:block}.compare-buy{display:block;width:100%;padding-top:8px;color:var(--orange);font-size:12px;font-weight:700}.compare-table{display:grid;grid-template-columns:150px repeat(var(--compare-columns),minmax(130px,1fr));margin-top:18px;border-top:1px solid var(--line);overflow-x:auto}.compare-label,.compare-value{min-height:58px;padding:13px 10px;border-bottom:1px solid var(--line);background:var(--white)}.compare-label{font-size:12px;font-weight:700}.compare-value{position:relative}.compare-value b{display:block}.compare-value small{display:block;color:var(--orange);font-size:10px;font-weight:700;text-transform:uppercase}.compare-value.is-best{background:var(--lime)}.compare-visuals{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);gap:30px;align-items:start;margin-top:16px}.radar-chart{display:block;width:min(100%,420px);height:auto;overflow:visible}.radar-grid{fill:none;stroke:var(--line);stroke-width:1}.radar-axis{stroke:var(--line);stroke-width:1}.radar-label{fill:var(--muted);font-size:9px}.radar-shape{stroke-width:1.5;fill-opacity:.16}.radar-line{fill:none;stroke-width:2}.radar-color-0{fill:var(--orange);stroke:var(--orange)}.radar-color-1{fill:#2176ae;stroke:#2176ae}.radar-color-2{fill:#5c8d58;stroke:#5c8d58}.radar-color-3{fill:#936b38;stroke:#936b38}.editor-note{max-width:44ch;margin:0;color:var(--muted);font-size:12px}.compare-scores{display:grid;grid-template-columns:1fr;gap:20px}.compare-scores>div{padding:16px;background:var(--white);border:1px solid var(--line)}
:root{--ink:#172522;--muted:#63716d;--paper:#f5f2ea;--white:#fffdf8;--lime:#d7f05a;--orange:#f2683b;--line:#d9ddd5;--dark:#17332e;--gutter:clamp(20px,5vw,82px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:"Space Grotesk",sans-serif;letter-spacing:0}h1,h2{line-height:.94;font-weight:600}h1{font-size:clamp(4rem,8.4vw,8rem);letter-spacing:-.06em}h2{font-size:clamp(3rem,6.6vw,6rem);letter-spacing:-.065em}h1 em,h2 em{color:var(--orange);font-style:normal}.section-wrap{padding-left:var(--gutter);padding-right:var(--gutter);max-width:1440px;margin:auto}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;letter-spacing:-.06em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:var(--lime);border-radius:50%;font-size:16px;color:var(--dark)}.brand-dot{color:var(--orange)}.main-nav{display:flex;gap:32px;margin-left:8%}.main-nav a{font-size:14px;font-weight:600}.main-nav a:hover,.footer-links a:hover{text-decoration:underline;text-underline-offset:5px}.nav-count{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:20px;background:var(--orange);color:#fff;font-size:11px;margin-left:3px}.header-action,.button{display:inline-flex;align-items:center;gap:24px;border-radius:99px;padding:13px 18px;font-size:13px;font-weight:700}.header-action{border:1px solid var(--ink)}.header-action span,.button span{font-size:17px}.hero{min-height:690px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(30px,6vw,110px);padding-top:58px;padding-bottom:76px}.eyebrow{display:flex;align-items:center;gap:11px;color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:28px}.eyebrow-line{display:block;width:32px;height:2px;background:currentColor}.hero-lede{max-width:410px;margin-top:34px;color:var(--muted);font-size:18px;line-height:1.5}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:33px}.button-primary{background:var(--dark);color:var(--white);transition:transform .25s,background .25s}.button-primary:hover,.button-dark:hover{transform:translateY(-3px);background:var(--orange)}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:5px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:70px}.proof-avatars{display:flex}.proof-avatars span{display:grid;place-items:center;width:31px;height:31px;border:2px solid var(--paper);margin-left:-5px;background:var(--orange);color:#fff;border-radius:50%;font-size:12px}.proof-avatars span:first-child{margin-left:0;background:var(--lime);color:var(--dark)}.proof-avatars span:last-child{background:var(--dark)}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:12px}.hero-proof small{color:var(--muted);font-size:11px;margin-top:2px}.hero-visual{position:relative;max-width:635px;margin-left:auto}.hero-image{aspect-ratio:1.08/1;overflow:hidden;background:#f0b25e;clip-path:polygon(8% 0,100% 4%,94% 91%,0 100%)}.hero-image img,.method-image img,.product-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s}.hero-image img{mix-blend-mode:multiply}.hero-visual:hover .hero-image img{transform:scale(1.04)}.hero-sticker{position:absolute;left:-36px;bottom:12%;background:var(--lime);width:142px;height:142px;padding:16px;transform:rotate(-7deg);display:flex;flex-direction:column;justify-content:space-between}.hero-sticker span{font-size:11px;font-weight:700}.hero-sticker strong{font-family:"Space Grotesk",sans-serif;font-size:19px;line-height:1.02}.hero-sticker small{font-size:8px;font-weight:700;letter-spacing:.1em}.hero-stat{position:absolute;right:-30px;bottom:7%;background:var(--orange);color:#fff;padding:19px 21px;display:flex;align-items:center;gap:12px}.hero-stat strong{font:600 30px/1 "Space Grotesk"}.hero-stat strong span{display:block;font:700 8px "DM Sans";letter-spacing:.08em;text-transform:uppercase;margin-top:4px}.hero-stat small{font-size:10px;line-height:1.25}.ticker{overflow:hidden;background:var(--dark);color:var(--lime);white-space:nowrap}.ticker-track{display:flex;justify-content:space-around;align-items:center;gap:30px;min-width:1000px;padding:20px var(--gutter);font:600 13px "Space Grotesk";letter-spacing:.18em}.ticker i{font-style:normal;color:var(--orange);font-size:19px}.catalog{padding-top:125px;padding-bottom:140px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:65px}.section-heading .eyebrow{margin-bottom:25px}.section-intro{max-width:310px;color:var(--muted);font-size:15px;margin-bottom:8px}.catalog-tools{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:28px}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.filter-tab{border:0;background:none;padding:8px 13px;border-radius:99px;color:var(--muted);font-size:12px}.filter-tab.is-active,.filter-tab:hover{background:var(--dark);color:#fff}.sort-control{font-size:12px;color:var(--muted)}select{border:0;background:transparent;color:var(--ink);font-weight:700;cursor:pointer;padding-left:6px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 24px}.product-card{min-width:0}.product-image{position:relative;aspect-ratio:1.28/1;overflow:hidden;margin-bottom:17px}.product-image.city{background:#e7c77b}.product-image.trail{background:#b9d3c3}.product-image.fold{background:#efb8a7}.product-image.mtb{background:#b4c5ca}.product-image img{mix-blend-mode:multiply}.product-card:hover .product-image img{transform:scale(1.05)}.product-tag{position:absolute;top:14px;left:14px;background:var(--lime);padding:5px 9px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.compare-toggle{position:absolute;top:12px;right:12px;border:0;width:34px;height:34px;border-radius:50%;background:var(--white);color:var(--dark);font-size:21px;line-height:1}.compare-toggle.is-checked{background:var(--orange);color:#fff}.product-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.product-score b{color:var(--orange)}.product-card h3{font-size:24px;margin-top:8px}.product-description{color:var(--muted);font-size:13px;max-width:380px;margin-top:8px;min-height:40px}.product-specs{display:flex;gap:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin-top:19px;color:var(--muted);font-size:10px}.product-specs span{flex:1}.product-specs b{display:block;color:var(--ink);font-size:12px;margin-bottom:2px}.product-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:17px}.product-bottom strong{font:600 18px "Space Grotesk"}.product-bottom del{color:var(--muted);font-size:11px;margin-left:7px}.product-bottom small{display:inline-block;background:var(--lime);font-size:9px;font-weight:700;margin-left:6px;padding:2px 4px}.product-bottom a,.compare-scores a{font-size:11px;font-weight:700;border-bottom:1px solid var(--orange);padding-bottom:3px}.method{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,150px);align-items:center;background:#e5eee8;padding-top:100px;padding-bottom:110px;max-width:none}.method-visual{position:relative;max-width:500px}.method-image{aspect-ratio:1/1.12;overflow:hidden;clip-path:polygon(0 5%,91% 0,100% 96%,6% 100%)}.method-image img{mix-blend-mode:multiply}.method-number{position:absolute;z-index:1;top:-23px;right:8%;font:600 12px "Space Grotesk";background:var(--orange);color:#fff;padding:12px 14px}.method-copy{max-width:510px}.method-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;margin-top:30px;max-width:440px}.method-list{margin-top:38px}.method-list>div{display:grid;grid-template-columns:30px 1fr;column-gap:10px;padding:16px 0;border-top:1px solid #c9d5cf}.method-list span{grid-row:span 2;font-size:10px;color:var(--orange);font-weight:700}.method-list strong{font-size:14px}.method-list small{color:var(--muted);font-size:12px;margin-top:3px}.compare-section{padding-top:125px;padding-bottom:140px}.section-heading.compact{margin-bottom:44px}.compare-empty{border:1px dashed #bfc8c0;color:var(--muted);text-align:center;padding:42px;font-size:14px}.compare-panel{border-top:1px solid var(--ink)}.compare-head{display:flex;justify-content:space-between;padding:18px 0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.compare-head button{border:0;background:none;color:var(--orange);font-size:12px}.compare-products,.compare-grid,.compare-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px}.compare-products{border-bottom:1px solid var(--line);padding:10px 0 22px}.compare-product{display:flex;gap:10px;align-items:center}.compare-product img{width:60px;height:48px;object-fit:cover;background:#dae0d9}.compare-product span,.compare-product strong,.compare-product small{display:block}.compare-product span{color:var(--muted);font-size:10px;text-transform:uppercase}.compare-product strong{font:600 14px "Space Grotesk"}.compare-product small{color:var(--orange);font-weight:700;font-size:12px}.compare-grid{grid-template-columns:110px repeat(auto-fit,minmax(170px,1fr));border-bottom:1px solid var(--line);padding:23px 0}.compare-labels,.compare-values{display:flex;flex-direction:column;gap:17px;font-size:12px}.compare-labels{color:var(--muted)}.compare-values b{font-size:13px}.compare-score-title{font:600 15px "Space Grotesk";margin:26px 0 16px}.compare-scores>div{background:#e8ede7;padding:17px}.compare-scores strong{font:600 14px "Space Grotesk"}.score-row{display:grid;grid-template-columns:66px 1fr 16px;align-items:center;gap:7px;margin-top:10px;font-size:10px;color:var(--muted)}.score-row>div{height:5px;background:#d1d9d1}.score-row i{display:block;height:100%;background:var(--orange)}.score-row b{font-size:10px;color:var(--ink)}.compare-scores a{display:inline-block;margin-top:18px}.guide{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,9vw,140px);background:var(--orange);color:#fff;padding-top:112px;padding-bottom:118px;max-width:none}.guide-copy{max-width:410px}.guide-copy .eyebrow{color:var(--lime)}.guide-copy>p:not(.eyebrow){font-size:17px;max-width:340px;margin-top:27px;color:#ffe3d9}.button-dark{background:var(--dark);color:#fff;margin-top:31px}.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end}.guide-cards article{background:#f98259;color:var(--ink);padding:24px;min-height:225px;display:flex;flex-direction:column}.guide-cards article:nth-child(2){background:#f9a071}.guide-cards article:nth-child(3){background:var(--lime)}.guide-icon{font-size:31px;margin-bottom:auto}.guide-cards strong{font:600 21px "Space Grotesk"}.guide-cards p{font-size:12px;color:#6c3f34;line-height:1.35;margin:8px 0 17px}.guide-cards a{font-size:11px;font-weight:700}.newsletter{display:flex;justify-content:space-between;align-items:end;gap:50px;padding-top:110px;padding-bottom:110px;background:var(--dark);color:#fff;max-width:none}.newsletter .eyebrow{color:var(--lime)}.newsletter h2{color:#f6f2e9}.newsletter form{width:min(100%,450px)}.newsletter label{display:block;color:#c1d0c9;font-size:14px;margin-bottom:15px}.email-row{display:flex;border-bottom:1px solid #839991}.email-row input{border:0;background:transparent;outline:0;color:#fff;width:100%;padding:13px 0;font-size:16px}.email-row input::placeholder{color:#839991}.email-row button{border:0;background:none;color:var(--lime);font-weight:700;white-space:nowrap}.newsletter small{display:block;color:#839991;font-size:10px;margin-top:10px}.site-footer{padding:54px var(--gutter) 24px;background:#0f2622;color:#dce8e0}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:30px;padding-bottom:65px}.footer-top .brand{color:#fff}.footer-top p{color:#98aca4;font-size:12px}.footer-links{display:flex;flex-direction:column;gap:7px;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid #315047;color:#81958e;font-size:10px}.footer-bottom a{color:var(--lime)}.affiliate-note{max-width:700px;color:#667d74;font-size:10px;margin-top:22px;line-height:1.45}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.revealed{opacity:1;transform:none}.reveal-delay{transition-delay:.15s}@media (max-width:850px){.site-header{height:70px}.main-nav{gap:16px;margin-left:0}.main-nav a:first-child{display:none}.header-action{padding:10px 13px;font-size:11px}.hero{grid-template-columns:1fr;min-height:0;padding-top:70px}.hero-copy{max-width:600px}.hero-visual{width:90%;margin:25px auto 0}.hero-proof{margin-top:48px}.catalog{padding-top:90px;padding-bottom:100px}.product-grid{grid-template-columns:repeat(2,1fr);gap:38px 18px}.method,.guide{grid-template-columns:1fr}.method-visual{max-width:460px}.guide-cards{margin-top:10px}.newsletter{align-items:start;flex-direction:column}.footer-top{grid-template-columns:1fr 1fr}.footer-top .brand{grid-column:1/-1}}@media (max-width:560px){body{font-size:15px}.main-nav{display:none}.header-action{margin-left:auto}.hero{padding-top:55px;padding-bottom:60px}.hero h1{font-size:clamp(3.5rem,18vw,5rem)}.hero-lede{font-size:16px;margin-top:25px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-sticker{left:-12px;width:112px;height:112px;padding:11px}.hero-sticker strong{font-size:15px}.hero-stat{right:-8px;padding:13px}.hero-stat strong{font-size:23px}.hero-stat small{font-size:9px}.section-heading{display:block;margin-bottom:40px}.section-intro{margin-top:28px}.catalog-tools{display:block}.sort-control{display:block;margin-top:12px}.product-grid{grid-template-columns:1fr;gap:55px}.product-description{min-height:0}.method{padding-top:72px;padding-bottom:80px}.method-copy{padding-top:18px}.compare-section{padding-top:85px;padding-bottom:95px}.compare-products,.compare-scores{grid-template-columns:1fr 1fr}.compare-grid{grid-template-columns:80px repeat(auto-fit,minmax(120px,1fr));gap:8px}.compare-product img{width:45px;height:38px}.compare-product strong{font-size:12px}.guide{padding-top:80px;padding-bottom:80px}.guide-cards{grid-template-columns:1fr}.guide-cards article{min-height:165px}.newsletter{padding-top:78px;padding-bottom:80px}.newsletter h2{font-size:3.5rem}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-wrap:wrap}.footer-bottom span:nth-child(2){order:3;flex-basis:100%}}

/* =====================================================================
   AJUSTE DE PROPORCION Y ESCALA (unifica ancho, tipografia y espaciado
   usando como referencia el catalogo de productos "Explorar").
   Breakpoints: escritorio >1024px - tablet 768-1024px - movil <768px
   ===================================================================== */

/* 1) Tamano de fuente base: mas presencia de texto en toda la web */
html{font-size:106.25%}

/* 2) Mismo ancho de contenido en TODAS las secciones que en el catalogo */
.method,#metodo.method,.guide,#guia.guide,.newsletter,.compare-section{max-width:1440px!important}

/* 5) Espaciado vertical consistente entre secciones */
:root{--section-pad:clamp(72px,9vw,132px)}
.catalog,.method,.compare-section,#guia.guide,.newsletter{padding-top:var(--section-pad)!important;padding-bottom:var(--section-pad)!important}

/* Textos de apoyo con mas presencia (rem/clamp en vez de px fijos) */
.hero-lede{font-size:clamp(1rem,1.2vw + .7rem,1.15rem)}
.section-intro{font-size:clamp(.95rem,.4vw + .8rem,1.05rem);max-width:34ch}
.method-copy>p:not(.eyebrow){font-size:clamp(1rem,1vw + .7rem,1.15rem)}
#guia.guide .guide-copy>p:not(.eyebrow),.guide-copy>p:not(.eyebrow){font-size:clamp(1rem,1vw + .7rem,1.1rem)}
.guide-intro p{font-size:clamp(.95rem,.5vw + .8rem,1.05rem)}
.product-description{font-size:clamp(.85rem,.3vw + .75rem,.95rem)}
.compare-label,.compare-values b{font-size:clamp(.8rem,.3vw + .7rem,.9rem)}

/* 3) Comparador: la caja de seleccion ocupa el mismo ancho que el catalogo */
.compare-picker{max-width:none;padding:24px}
.compare-picker input{width:100%;max-width:none;padding:13px 15px;font-size:1rem}
.compare-suggestions{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;max-width:none}
.compare-suggestions button{border:1px solid var(--line);border-radius:2px;background:var(--paper)}
.compare-suggestions button:hover{border-color:var(--ink)}
.compare-suggestions img{width:44px;height:38px;object-fit:contain;background:var(--white)}

/* 4) Guia 2026: tarjetas compactas al estilo del catalogo (antes filas estrechas) */
.guide-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin-bottom:52px;align-items:stretch}
.guide-product-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:2px;padding:16px}
.guide-product{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:0;background:none}
.guide-product img{width:100%;height:180px;object-fit:cover;background:var(--paper);margin-bottom:14px;border-radius:2px}
.guide-product span{display:flex;flex-direction:column;gap:4px}
#guia.guide .guide-product-title,.guide-product strong{font-size:1.05rem}
.guide-product small{font-size:.85rem}
.guide-product>b{display:inline-block;align-self:flex-start;margin-top:12px;font-size:.8rem;font-weight:700;color:var(--orange);padding:6px 10px;border:1px solid var(--line);border-radius:99px}
.guide-reason{margin:12px 0 0;padding:0;font-size:.9rem}

.autonomy-ranking{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin-bottom:52px}
.autonomy-ranking li{display:flex;flex-direction:column;align-items:stretch;position:relative;gap:0;padding:18px;border:1px solid var(--line);background:var(--white);border-radius:2px}
.autonomy-ranking .ranking-position{position:absolute;top:14px;right:16px;font-size:1.5rem;z-index:1}
.autonomy-ranking a{display:flex;flex-direction:column}
.autonomy-ranking img{display:block;width:100%;height:130px;object-fit:cover;background:var(--paper);margin-bottom:12px;border-radius:2px}
.autonomy-ranking strong{font-size:1.05rem}
.autonomy-ranking small{font-size:.85rem;color:var(--muted);margin-top:2px}
.autonomy-ranking li>b{display:inline-block;margin-top:10px;color:var(--orange);font-size:1rem}

/* 6) RESPONSIVE - tablet 768-1024px: catalogo y guia en 2 columnas */
@media (max-width:1024px){
  .product-grid{grid-template-columns:repeat(2,1fr)!important}
  .guide-products,.autonomy-ranking{grid-template-columns:repeat(2,1fr)!important}
  .compare-suggestions{grid-template-columns:repeat(2,1fr)!important}
}
@media (min-width:1025px){
  .guide-products{grid-template-columns:repeat(3,1fr)!important}
}

/* 6) RESPONSIVE - movil <768px: todo en 1 columna, texto que no desborda */
@media (max-width:767px){
  html{font-size:100%}
  .product-grid{grid-template-columns:1fr!important}
  .guide-products,.autonomy-ranking,.compare-suggestions{grid-template-columns:1fr!important}
  .guide-product-card{padding:14px}
  .method,.guide,#guia.guide{grid-template-columns:1fr!important}
  :root{--section-pad:clamp(52px,10vw,84px)}
  .compare-picker{padding:16px}
  .guide-product img,.autonomy-ranking img{height:150px}
  #guia.guide .guide-article{max-width:none}
}

/* Ajuste guia: la cuadricula de tarjetas aprovecha mas ancho de la seccion */
#guia.guide .guide-article{max-width:1240px}

/* Texto descriptivo justificado, con guiones automaticos para evitar huecos */
.guide-reason{text-align:justify;hyphens:auto}

/* El bloque de intro de la guia ocupa el mismo ancho que las tarjetas de debajo, en bandera (sin justificar) */
#guia.guide .guide-copy,#guia.guide .guide-intro{max-width:1240px}
#guia.guide .guide-intro p{text-align:left}
}

/* Artículos educativos de la guía */
#guia.guide .guide-article-block {
  max-width: 780px;
  margin-bottom: clamp(56px, 7vw, 88px);
  padding-bottom: clamp(48px, 6vw, 76px);
  border-bottom: 1px solid var(--line);
}

#guia.guide .guide-article-block h3 {
  font-size: clamp(1.35rem, 1.8vw, 1.85rem);
  line-height: 1.1;
}

#guia.guide .guide-article-block h4 {
  margin: 32px 0 14px;
  font-family: "Space Grotesk", sans-serif;
  font-size: clamp(1.1rem, 1.4vw, 1.35rem);
  font-weight: 600;
  line-height: 1.15;
}

#guia.guide .guide-article-block p {
  max-width: 780px;
  color: var(--muted);
  font-size: clamp(.95rem, .5vw + .8rem, 1.05rem);
  line-height: 1.7;
  margin: 0 0 16px;
}

#guia.guide .guide-article-block h3 + p {
  margin-top: 20px;
}

#guia.guide .guide-article-block strong {
  color: var(--orange);
  font-weight: 700;
}

@media (max-width: 767px) {
  #guia.guide .guide-article-block {
    margin-bottom: 52px;
    padding-bottom: 46px;
  }

  #guia.guide .guide-article-block h4 {
    margin-top: 28px;
  }
}

#aprende.guide{background:var(--paper);color:var(--ink);display:block;padding-top:clamp(32px,5vw,64px);padding-bottom:clamp(70px,9vw,130px)}
#aprende.guide .guide-copy{max-width:1240px;margin:0 auto 58px}
#aprende.guide .guide-article{max-width:1240px;margin:0 auto;padding:0}
#aprende.guide .guide-article-block{overflow:hidden}
#aprende.guide .guide-article-block .guide-infographic{width:46%;max-width:520px;margin:8px 0 24px 36px;float:right}
#aprende.guide .guide-article-block:nth-child(2) .guide-infographic{margin:8px 36px 24px 0;float:left}
#aprende.guide .guide-article-block .guide-infographic img{width:100%}
#aprende.guide .guide-article{max-width:1240px;margin:0 auto;padding:0}
#aprende.guide .guide-article h3{color:var(--dark)}
#aprende.guide .guide-article-block:nth-child(3) h3{color:#0f2622}
#aprende.guide .guide-faq details p{color:var(--muted)}
#aprende.guide .guide-article-block{max-width:780px;margin-bottom:clamp(56px,7vw,88px);padding-bottom:clamp(48px,6vw,76px);border-bottom:1px solid var(--line)}
#aprende.guide .guide-article-block h3{font-size:clamp(1.35rem,1.8vw,1.85rem);line-height:1.1}
#aprende.guide .guide-article-block h4{margin:32px 0 14px;font-family:"Space Grotesk",sans-serif;font-size:clamp(1.1rem,1.4vw,1.35rem);font-weight:600;line-height:1.15}
#aprende.guide .guide-article-block p{max-width:780px;color:var(--muted);font-size:clamp(.95rem,.5vw + .8rem,1.05rem);line-height:1.7;margin:0 0 16px}
#aprende.guide .guide-article-block h3 + p{margin-top:20px}
#aprende.guide .guide-article-block strong{color:var(--orange);font-weight:700}
@media (max-width:767px){#aprende.guide .guide-article{max-width:none}#aprende.guide .guide-article-block{margin-bottom:52px;padding-bottom:46px}#aprende.guide .guide-article-block h4{margin-top:28px}#aprende.guide .guide-article-block .guide-infographic,#aprende.guide .guide-article-block:nth-child(2) .guide-infographic{float:none;width:100%;max-width:780px;margin:28px auto 32px}}

.product-modal{z-index:1000}
.product-modal .modal-close{z-index:1002}

.hero-copy h1,.guide-copy h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(4rem,8.4vw,8rem);line-height:.94;font-weight:600;letter-spacing:-.06em;color:var(--ink)}
.hero-copy h1 em,.guide-copy h1 em{color:var(--orange);font-style:normal}
#aprende.guide .guide-copy h1{display:block;visibility:visible;opacity:1;position:static;transform:none}
#aprende.guide .guide-copy.reveal{opacity:1;transform:none}
#aprende.guide .guide-article-block{max-width:1240px}
.guide-infographic{width:100%;max-width:780px;margin:28px auto 32px;border:1px solid var(--line);background:var(--white);box-shadow:0 12px 28px rgba(23,37,34,.08)}
.guide-infographic img{display:block;width:100%;height:auto}
#aprende.guide .guide-article-block p{max-width:none}
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--paper);}
body{padding-top:86px}
@media (max-width:700px){body{padding-top:70px}}
@media (max-width:700px){.hero-copy h1,.guide-copy h1{font-size:clamp(3.6rem,18vw,6rem)}}