:root{--navy:#0D1F35;--deep:#071522;--green:#1D9E75;--cyan:#7ECFFF;--ice:#F5F7FA;--soft:#E8F8F3;--ink:#122337;--muted:#617187;--line:#DCE5EC;--white:#fff;--shadow:0 24px 70px rgba(13,31,53,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:265px}body{margin:0;background:#F4F8FA;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.02em}a{text-decoration:none;color:inherit}button{font:inherit}img{display:block;max-width:100%}
.site-header{height:78px;padding:0 5vw;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;background:rgba(13,31,53,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}
.logo-wrap{width:190px;padding:8px 13px;background:#fff;border-radius:14px}.site-header nav{display:flex;gap:28px;color:#DDE8F1;font-size:14px;font-weight:800}.site-header nav a.active{color:#fff;border-bottom:3px solid var(--green);padding-bottom:25px}.header-whatsapp{padding:11px 17px;border-radius:13px;background:var(--green);color:#fff;font-size:14px;font-weight:900}
.page-hero{padding:78px 6vw 52px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;background:linear-gradient(135deg,#fff,#EEF5F8)}.eyebrow{margin:0 0 14px;color:var(--green);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.13em}.page-hero h1{font-size:clamp(48px,6vw,84px);line-height:.98;margin:0 0 18px}.page-hero>div:first-child>p:last-child{max-width:720px;color:var(--muted);font-size:19px;line-height:1.5}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-width:450px}.hero-stats article{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:center}.hero-stats strong{display:block;color:var(--green);font-size:25px}.hero-stats span{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.quick-guidance{padding:22px 6vw;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;background:var(--navy);color:#fff}.quick-guidance article{padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1)}.quick-guidance strong{display:block;font-size:14px;margin-bottom:4px}.quick-guidance span{color:#B9C8D6;font-size:12px}
.navigation-hub{position:sticky;top:78px;z-index:40;background:rgba(7,21,34,.98);color:#fff;box-shadow:0 16px 38px rgba(0,0,0,.22)}.filter-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:14px;padding:7px 6vw;border-bottom:1px solid rgba(255,255,255,.055)}.filter-label{padding-top:9px;color:var(--cyan);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.filter-options{display:flex;flex-wrap:wrap;gap:7px}.filter-chip{border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.025);color:#D8E5EF;font-size:11px;font-weight:850;cursor:pointer}.filter-chip.active{background:var(--green);border-color:var(--green);color:#fff}.filter-chip:disabled{opacity:.3;cursor:not-allowed}.filter-status{display:flex;justify-content:space-between;padding:7px 6vw 9px;color:#AFC2D1;font-size:11px}.filter-counter strong{color:#fff}.clear-filters{border:0;background:transparent;color:var(--cyan);font-size:11px;font-weight:900;cursor:pointer}
.segment-section{padding:70px 5vw;background:var(--segment-background)}.segment-header{width:min(1320px,100%);margin:0 auto 26px}.segment-index{color:var(--green);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.13em}.segment-header h2{font-size:clamp(36px,4.3vw,58px);margin:8px 0 9px}.segment-header p{margin:0;color:var(--muted);font-size:16px}
.model-card{width:min(1320px,100%);margin:0 auto 42px;border-radius:29px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.model-topline{padding:30px 32px 17px;display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.model-brand{margin:0 0 7px;color:var(--green);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.model-title{font-size:clamp(34px,3.8vw,52px);line-height:1;margin:0}.model-title span{font-size:.48em;color:#68798A}.tech-badge{max-width:225px;padding:9px 12px;border-radius:999px;background:var(--soft);color:#0D6A50;border:1px solid rgba(29,158,117,.25);font-size:11px;font-weight:900;text-align:center}
.model-copy{padding:0 32px 24px;display:grid;grid-template-columns:1.35fr .65fr .7fr;gap:18px;align-items:stretch}.persona{margin:0 0 7px;font-size:21px;font-weight:900}.model-description{margin:0;color:var(--muted);font-size:15px;line-height:1.55}.competitors{padding:17px;border-radius:17px;background:#F4F7F9;color:#5E7182;font-size:12px;line-height:1.45}.competitors strong{display:block;color:#324A5E;margin-bottom:5px}.model-range{padding:18px;border-radius:18px;background:#EEF8F4;border:1px solid #CDE9DE}.model-range small{display:block;color:#59756B;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.model-range strong{display:block;color:#0D6A50;font-size:25px;margin:6px 0 4px}.model-range span{color:#6B7F78;font-size:10px}
.image-stage{margin:0 22px 24px;padding:27px;border:1px dashed #BFCBD4;border-radius:21px;background:linear-gradient(135deg,#F7FAFB,#EEF4F7);text-align:center}.image-stage svg{width:150px;height:auto;margin:0 auto 13px;color:#7890A0}.image-stage strong{display:block;font-size:17px}.image-stage p{margin:7px 0 0;color:var(--muted);font-size:12px}.image-stage.real{padding:0;border-style:solid;overflow:hidden}.image-stage.real img{width:100%;max-height:490px;object-fit:contain;background:#EEF3F6}
.versions-heading{padding:0 22px 15px}.versions-heading h4{margin:0 0 5px;font-size:24px}.versions-heading p{margin:0;color:var(--muted);font-size:13px}.version-grid{padding:0 22px 22px;display:grid;grid-template-columns:repeat(var(--version-count),minmax(0,1fr));gap:12px}.version-card{padding:19px;border:1px solid var(--line);border-radius:19px;background:#fff}.version-card.recommended{border-color:rgba(29,158,117,.48);background:#F3FBF7}.version-role{display:inline-flex;padding:6px 8px;border-radius:999px;background:#EAF2F7;color:#466276;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.version-card.recommended .version-role{background:#DDF4EA;color:#0D6A50}.version-card h5{margin:13px 0 7px;font-size:20px}.version-card>p{min-height:42px;margin:0;color:var(--muted);font-size:12px;line-height:1.45}.version-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.version-meta span{padding:10px;border-radius:12px;background:#F4F7F9;color:#6A7A89;font-size:9px}.version-meta b{display:block;color:var(--ink);font-size:12px;margin-top:4px}.version-contact-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.price small{display:block;color:#6A7A89;font-size:9px}.price strong{display:block;color:var(--green);font-size:20px;margin-top:4px}.version-whatsapp{display:inline-flex;padding:11px 13px;border-radius:12px;background:#25D366;color:#fff;font-size:10px;font-weight:900}
.upgrade-box{margin:0 22px 22px;padding:21px;border-radius:20px;background:#F5F8FA;border:1px solid var(--line)}.upgrade-box h4{margin:0 0 15px}.upgrade-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.upgrade-step{padding:14px;border-radius:14px;background:#fff}.upgrade-step b{font-size:12px}.upgrade-step p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.4}.recommendation{margin:16px 0 0;padding-top:15px;border-top:1px solid var(--line);font-size:13px;line-height:1.5}.recommendation strong{color:var(--green)}
.matrix{margin:0 22px 22px;border:1px solid var(--line);border-radius:19px;overflow:hidden}.matrix-heading{padding:17px 20px;background:#F7FAFB}.matrix-heading h4{margin:0 0 4px}.matrix-heading p{margin:0;color:var(--muted);font-size:11px}.table-wrap{overflow-x:auto}.matrix table{width:100%;border-collapse:collapse;min-width:760px}.matrix th,.matrix td{padding:13px 14px;border-top:1px solid var(--line);border-right:1px solid var(--line);font-size:11px;text-align:left}.matrix th{background:var(--navy);color:#fff}.matrix td:first-child{font-weight:850;color:#314A60}.extra-row{display:none}.matrix.open .extra-row{display:table-row}.matrix-toggle{width:100%;padding:14px;border:0;border-top:1px solid var(--line);background:#fff;color:var(--green);font-weight:900;cursor:pointer}.price-disclaimer{padding:0 22px;color:#7B8995;font-size:10px}.model-pager{display:flex;justify-content:space-between;gap:20px;margin-top:22px;padding:20px 22px;border-top:1px solid var(--line);font-size:11px;font-weight:900;color:#37677C}.final-cta{padding:90px 7vw;text-align:center;color:#fff;background:var(--navy)}.final-cta h2{max-width:900px;margin:0 auto 15px;font-size:clamp(38px,5vw,67px);line-height:1.05}.final-cta>p:not(.eyebrow){max-width:720px;margin:0 auto 26px;color:#B9C7D3;font-size:17px;line-height:1.5}.final-cta a{display:inline-flex;padding:15px 22px;border-radius:13px;background:var(--green);color:#fff;font-weight:900}footer{padding:27px 6vw;display:flex;justify-content:space-between;background:#06111D;color:#AAB8C5;font-size:13px}#back-to-top{position:fixed;right:22px;bottom:94px;width:50px;height:50px;border:0;border-radius:50%;background:var(--navy);color:#fff;font-size:22px;cursor:pointer;display:none}.floating-whatsapp{position:fixed;right:22px;bottom:22px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--green);z-index:55}.floating-whatsapp img{width:30px}
[data-filter-hidden="true"]{display:none!important}
@media(max-width:1000px){.site-header nav{display:none}.page-hero{display:block}.hero-stats{margin-top:28px;min-width:0}.quick-guidance{grid-template-columns:1fr}.model-copy{grid-template-columns:1fr 1fr}.model-copy>div:first-child{grid-column:1/-1}.version-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){html{scroll-padding-top:245px}.site-header{height:68px;padding:0 16px}.logo-wrap{width:156px}.header-whatsapp{font-size:11px;padding:9px 10px}.page-hero{padding:58px 18px 36px}.page-hero h1{font-size:49px}.hero-stats{grid-template-columns:1fr}.quick-guidance{padding:16px 18px}.navigation-hub{top:68px}.filter-row{display:block;padding:6px 16px}.filter-label{display:block;padding:0 0 5px}.filter-options{flex-wrap:nowrap;overflow-x:auto}.segment-section{padding:54px 14px}.model-topline{display:block;padding:25px 20px 17px}.tech-badge{display:inline-flex;margin-top:12px;max-width:none}.model-copy{padding:0 20px 20px;grid-template-columns:1fr}.model-copy>div:first-child{grid-column:auto}.version-grid{padding:0 14px 18px;grid-template-columns:1fr}.upgrade-grid{grid-template-columns:1fr}.image-stage,.matrix,.upgrade-box{margin-left:14px;margin-right:14px}.versions-heading{padding-left:14px;padding-right:14px}.model-pager{flex-direction:column}footer{flex-direction:column;gap:8px}}

.model-real-gallery{
  margin:0 22px 24px;
  display:grid;
  grid-template-columns:1.6fr 1fr;
  gap:12px;
}
.model-real-gallery figure{
  position:relative;
  margin:0;
  overflow:hidden;
  border-radius:20px;
  background:#EEF3F6;
  border:1px solid var(--line);
}
.model-real-gallery img{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#EEF3F6;
}
.real-main{min-height:430px}
.real-main img{min-height:430px}
.real-secondary{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:12px;
}
.real-secondary figure{min-height:209px}
.real-secondary img{min-height:209px}
.model-real-gallery figcaption{
  position:absolute;
  left:14px;
  bottom:14px;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(13,31,53,.82);
  color:#fff;
  font-size:10px;
  font-weight:850;
}
@media(max-width:700px){
  .model-real-gallery{
    margin-left:14px;
    margin-right:14px;
    grid-template-columns:1fr;
  }
  .real-main,.real-main img{min-height:300px}
  .real-secondary{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
  }
  .real-secondary figure,.real-secondary img{min-height:150px}
}

/* Tipografía y jerarquía de enlaces de navegación */
.filter-label{
  padding-top:8px;
  color:#A9DDF3;
  font-size:12px;
  font-weight:760;
  letter-spacing:.015em;
  text-transform:none;
}
.filter-chip{
  min-height:39px;
  padding:0 14px;
  font-size:13px;
  font-weight:710;
  letter-spacing:.003em;
}
.filter-status{font-size:12.5px}
.clear-filters{font-size:12.5px;font-weight:760}
.model-pager{
  font-size:13.5px;
  font-weight:740;
  letter-spacing:.002em;
}
.model-pager a{
  padding:10px 12px;
  border-radius:11px;
  transition:background .2s ease,color .2s ease;
}
.model-pager a:hover{background:#EEF8F4;color:#0D6A50}
.version-whatsapp{font-size:12px;font-weight:780}
.matrix-toggle{font-size:13px;font-weight:760}
.model-real-gallery figure{cursor:zoom-in}
.model-real-gallery figure:hover img{transform:scale(1.018)}
.model-real-gallery img{transition:transform .32s ease}
.catalog-lightbox{
  position:fixed;inset:0;z-index:120;
  display:grid;place-items:center;
  padding:34px;
  background:rgba(2,8,14,.94);
  backdrop-filter:blur(14px);
}
.catalog-lightbox[hidden]{display:none}
.catalog-lightbox img{
  max-width:min(1180px,90vw);
  max-height:82vh;
  object-fit:contain;
  border-radius:18px;
  background:#F3F6F8;
  box-shadow:0 28px 90px rgba(0,0,0,.45);
}
.catalog-lightbox p{
  position:absolute;left:50%;bottom:20px;transform:translateX(-50%);
  margin:0;padding:8px 13px;border-radius:999px;
  background:rgba(13,31,53,.82);color:#fff;
  font-size:13px;font-weight:650;
}
.catalog-lightbox__close{
  position:absolute;right:24px;top:20px;
  width:48px;height:48px;border-radius:50%;
  border:1px solid rgba(255,255,255,.26);
  background:rgba(13,31,53,.72);color:#fff;
  font-size:32px;cursor:pointer;
}
@media(max-width:700px){
  .filter-label{font-size:11px}
  .filter-chip{font-size:12.5px;padding:0 13px}
  .catalog-lightbox{padding:16px}
  .catalog-lightbox__close{right:10px;top:10px}
}


/* =========================================================
   AJUSTES LANDING PAGE 3 — FILTROS, PRECIOS Y COMPARACIONES
   ========================================================= */

/* Cabecera idéntica a la landing principal */
.site-header{
  height:76px;
  padding:0 6vw;
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(13,31,53,.94);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.logo-wrap{
  width:190px;
  flex:0 0 auto;
  background:#fff;
  border-radius:14px;
  padding:8px 13px;
}
.nav-links{
  display:flex;
  align-items:center;
  gap:5px;
}
.nav-links a{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  color:#DCE7F0;
  font-size:15px;
  font-weight:720;
  letter-spacing:.005em;
  white-space:nowrap;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.nav-links a:hover{
  color:#fff;
  background:rgba(255,255,255,.07);
  transform:translateY(-1px);
}
.nav-links a.active{
  color:#D9FFF3;
  background:rgba(29,158,117,.14);
  box-shadow:inset 0 0 0 1px rgba(29,158,117,.38);
}
.header-cta{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:43px;
  padding:0 18px;
  border-radius:13px;
  background:#1D9E75;
  color:#fff;
  font-size:14px;
  font-weight:800;
  letter-spacing:.01em;
}

/* Los filtros permanecen en su lugar: no son sticky */
.navigation-hub{
  position:relative;
  top:auto;
  z-index:2;
  padding:34px 6vw 38px;
  color:var(--ink);
  background:#FFFFFF;
  box-shadow:none;
  border-bottom:1px solid var(--line);
}
.filter-hub-heading{
  width:min(1320px,100%);
  margin:0 auto 20px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
}
.filter-hub-heading h2{
  margin:0 0 7px;
  font-size:clamp(29px,3.3vw,44px);
}
.filter-hub-heading>div>p:last-child{
  margin:0;
  color:var(--muted);
  font-size:14px;
}
.filter-status{
  min-width:150px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:7px;
  padding:0;
  color:var(--muted);
  font-size:12px;
}
.clear-filters{
  border:0;
  padding:0;
  background:transparent;
  color:var(--green);
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.filter-accordion{
  width:min(1320px,100%);
  margin:auto;
  display:grid;
  grid-template-columns:1fr 1fr 1.15fr;
  gap:12px;
}
.filter-panel{
  min-width:0;
  border:1px solid var(--line);
  border-radius:17px;
  background:#F7FAFB;
  overflow:hidden;
}
.filter-panel summary{
  min-height:68px;
  padding:14px 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  list-style:none;
  cursor:pointer;
}
.filter-panel summary::-webkit-details-marker{display:none}
.filter-panel summary:after{
  content:"⌄";
  color:var(--green);
  font-size:20px;
  transition:transform .2s ease;
}
.filter-panel[open] summary:after{transform:rotate(180deg)}
.filter-panel summary span{
  display:block;
  color:#617187;
  font-size:11px;
  font-weight:760;
}
.filter-panel summary strong{
  display:block;
  margin-left:auto;
  color:var(--ink);
  font-size:13px;
  font-weight:820;
  text-align:right;
}
.filter-options{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  padding:0 14px 15px;
  border-top:1px solid var(--line);
}
.filter-options--models{
  max-height:245px;
  overflow:auto;
  align-content:flex-start;
}
.filter-chip{
  min-height:38px;
  padding:0 13px;
  border:1px solid #D5E0E7;
  border-radius:999px;
  background:#fff;
  color:#41586B;
  font-size:12px;
  font-weight:720;
}
.filter-chip.active{
  border-color:var(--green);
  background:var(--green);
  color:#fff;
}

/* Sin precios individuales dentro de las versiones */
.version-contact-row,
.version-card .price{
  display:none!important;
}
.version-card{
  display:flex;
  flex-direction:column;
}
.version-card .version-whatsapp{
  width:100%;
  margin-top:auto;
  padding:12px 13px;
  justify-content:center;
}
.version-meta{
  margin-bottom:15px;
}
.model-copy--without-competitors{
  grid-template-columns:1.6fr .7fr;
}

/* Comparaciones completamente cerradas por defecto */
.matrix{
  display:none!important;
}
.comparison{
  margin:0 22px 22px;
  border:1px solid var(--line);
  border-radius:19px;
  overflow:hidden;
  background:#fff;
}
.comparison>summary,
.comparison-full>summary{
  min-height:72px;
  padding:17px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  list-style:none;
  cursor:pointer;
  background:#F7FAFB;
}
.comparison summary::-webkit-details-marker{display:none}
.comparison summary span:first-child{display:block}
.comparison summary strong{
  display:block;
  color:var(--ink);
  font-size:15px;
}
.comparison summary small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
}
.comparison-chevron{
  color:var(--green);
  font-size:23px;
  transition:transform .2s ease;
}
.comparison[open]>summary .comparison-chevron,
.comparison-full[open]>summary .comparison-chevron{
  transform:rotate(180deg);
}
.comparison-content{
  padding:17px;
  border-top:1px solid var(--line);
}
.comparison-table-wrap{
  overflow-x:auto;
  border:1px solid var(--line);
  border-radius:14px;
}
.comparison-table{
  width:100%;
  min-width:650px;
  border-collapse:collapse;
}
.comparison-table th,
.comparison-table td{
  padding:13px 14px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  font-size:11px;
  text-align:left;
  vertical-align:top;
}
.comparison-table th{
  color:#fff;
  background:var(--navy);
}
.comparison-table td:first-child{
  min-width:190px;
  color:#314A60;
  font-weight:850;
  background:#F7FAFB;
}
.comparison-full{
  margin-top:14px;
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
}
.comparison-full>summary{
  min-height:62px;
  background:#fff;
}
.comparison-full-content{
  padding:14px;
  border-top:1px solid var(--line);
}
.consider-box{
  margin:0 22px 22px;
}

/* Mantener el rango como único precio del modelo */
.model-range strong{
  font-size:27px;
}
.model-range span{
  display:block;
  margin-top:5px;
  line-height:1.35;
}

@media(max-width:1080px){
  .nav-links{display:none}
  .filter-accordion{grid-template-columns:1fr}
  .model-copy--without-competitors{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  html{scroll-padding-top:86px}
  .site-header{height:68px;padding:0 16px;gap:12px}
  .logo-wrap{width:156px;padding:7px 10px}
  .header-cta{min-height:39px;padding:0 12px;font-size:12px}
  .navigation-hub{padding:29px 16px 32px}
  .filter-hub-heading{
    display:block;
    margin-bottom:16px;
  }
  .filter-status{
    margin-top:13px;
    align-items:flex-start;
  }
  .filter-accordion{grid-template-columns:1fr}
  .filter-panel summary{min-height:62px}
  .model-copy--without-competitors{grid-template-columns:1fr}
  .comparison,
  .consider-box{
    margin-left:14px;
    margin-right:14px;
  }
  .comparison-content{padding:10px}
  .comparison-full-content{padding:9px}
}


/* =========================================================
   V4 — DIRECCIÓN VISUAL PREMIUM
   ========================================================= */

:root{
  --navy:#0D1F35;
  --green:#1D9E75;
  --cyan:#7ECFFF;
  --ice:#F5F7FA;
  --soft:#E8F8F3;
  --ink:#142335;
  --muted:#657487;
  --line:#DCE5EC;
  --white:#FFFFFF;
}

body{
  font-family:"DM Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  letter-spacing:-.012em;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4,h5,
.model-title,
.persona,
.model-range strong,
.page-hero h1{
  font-family:"Manrope","DM Sans",sans-serif;
  letter-spacing:-.04em;
}

p{
  line-height:1.65;
}

/* Cabecera verdaderamente centrada */
.site-header{
  display:grid;
  grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);
  align-items:center;
  height:78px;
  padding:0 5vw;
}
.logo-wrap{
  justify-self:start;
}
.nav-links{
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
}
.nav-links a{
  min-height:40px;
  padding:0 15px;
  font-family:"DM Sans",sans-serif;
  font-size:14px;
  font-weight:600;
  letter-spacing:-.005em;
}
.nav-links a.active{
  color:#FFFFFF;
  background:rgba(255,255,255,.07);
  box-shadow:inset 0 -2px 0 var(--green);
  border-radius:10px;
}
.header-cta{
  justify-self:end;
  min-width:108px;
  background:var(--green);
  box-shadow:0 9px 24px rgba(29,158,117,.22);
}

/* Hero más editorial, sin indicadores que no aportan */
.page-hero{
  min-height:390px;
  padding:82px 7vw 64px;
  display:grid;
  grid-template-columns:minmax(0,820px) auto;
  align-items:end;
  background:
    radial-gradient(circle at 85% 22%,rgba(126,207,255,.16),transparent 28%),
    linear-gradient(135deg,#FFFFFF 0%,#F2F7F9 100%);
}
.page-hero h1{
  max-width:820px;
  margin-bottom:22px;
  font-size:clamp(52px,6.4vw,88px);
  line-height:.98;
  font-weight:800;
}
.page-hero>div:first-child>p:last-child{
  max-width:690px;
  font-size:19px;
  line-height:1.62;
  letter-spacing:-.015em;
}
.hero-signature{
  align-self:end;
  max-width:260px;
  padding:14px 17px;
  border-left:3px solid var(--green);
  color:#4C6072;
  font-size:12px;
  font-weight:600;
  line-height:1.5;
}

/* Guía rápida más limpia */
.quick-guidance{
  padding:26px 7vw;
  gap:12px;
}
.quick-guidance article{
  padding:18px 20px;
  border-radius:15px;
}
.quick-guidance strong{
  font-family:"Manrope",sans-serif;
  font-size:14px;
  font-weight:700;
}
.quick-guidance span{
  font-size:12px;
  line-height:1.5;
}

/* Filtros: energía y segmento visibles; solo modelo desplegable */
.navigation-hub{
  padding:48px 7vw 50px;
}
.filter-hub-heading{
  margin-bottom:26px;
}
.filter-hub-heading h2{
  font-size:clamp(32px,3.7vw,48px);
  font-weight:750;
}
.filter-hub-heading>div>p:last-child{
  max-width:680px;
  font-size:15px;
  line-height:1.6;
}
.filter-layout{
  width:min(1320px,100%);
  margin:auto;
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.filter-static-panel,
.filter-panel--models{
  border:1px solid var(--line);
  border-radius:18px;
  background:#F8FAFB;
  overflow:hidden;
}
.filter-static-heading{
  padding:16px 18px 11px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
}
.filter-static-heading span,
.filter-panel summary span{
  color:#52667A;
  font-size:12px;
  font-weight:700;
  letter-spacing:.005em;
}
.filter-static-heading strong,
.filter-panel summary strong{
  color:var(--green);
  font-size:12px;
  font-weight:700;
}
.filter-options--static{
  padding:0 16px 16px;
  border-top:0;
}
.filter-panel--models summary{
  min-height:66px;
  padding:15px 18px;
}
.filter-chip{
  min-height:39px;
  padding:0 15px;
  border-color:#D9E3E9;
  background:#FFFFFF;
  color:#43576A;
  font-family:"DM Sans",sans-serif;
  font-size:12px;
  font-weight:600;
  transition:all .18s ease;
}
.filter-chip:hover{
  border-color:rgba(29,158,117,.55);
  color:#116B51;
  transform:translateY(-1px);
}
.filter-chip.active{
  border-color:var(--green);
  background:var(--green);
  color:#FFFFFF;
  box-shadow:0 7px 18px rgba(29,158,117,.18);
}

/* Tarjetas con jerarquía editorial */
.segment-header h2{
  font-weight:750;
}
.model-card{
  border-color:#E2E9EE;
  border-radius:26px;
  box-shadow:0 22px 60px rgba(13,31,53,.075);
}
.model-topline{
  padding:34px 36px 19px;
}
.model-title{
  font-weight:780;
}
.model-copy{
  padding:0 36px 27px;
}
.persona{
  font-size:22px;
  line-height:1.28;
  font-weight:700;
}
.model-description{
  max-width:700px;
  font-size:15px;
  line-height:1.68;
}
.model-range{
  background:linear-gradient(135deg,#F0FAF6,#E7F6F0);
  border-color:#CBE8DD;
}
.model-range small{
  letter-spacing:.06em;
}
.model-range strong{
  font-size:28px;
  font-weight:750;
}
.tech-badge{
  padding:10px 14px;
  font-size:11px;
  letter-spacing:.01em;
}

/* Versiones más premium y botón verde AutoNomy */
.version-grid{
  gap:15px;
}
.version-card{
  padding:22px;
  border-radius:18px;
  border-color:#E0E8ED;
  box-shadow:0 10px 28px rgba(13,31,53,.045);
}
.version-card.recommended{
  background:linear-gradient(180deg,#F7FCFA,#EFF9F5);
  border-color:rgba(29,158,117,.4);
}
.version-card h5{
  font-size:21px;
  font-weight:750;
}
.version-card>p{
  min-height:0;
  font-size:13px;
  line-height:1.6;
}
.version-role{
  padding:7px 10px;
  font-size:9px;
  font-weight:700;
  letter-spacing:.08em;
}
.version-whatsapp,
.version-card .version-whatsapp{
  display:flex;
  min-height:44px;
  align-items:center;
  justify-content:center;
  margin-top:18px;
  padding:0 16px;
  border-radius:12px;
  background:var(--green)!important;
  color:#FFFFFF;
  font-family:"DM Sans",sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:0;
  box-shadow:0 9px 22px rgba(29,158,117,.2);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.version-whatsapp:hover{
  background:#178763!important;
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(29,158,117,.27);
}

/* Comparaciones más discretas */
.comparison{
  border-radius:17px;
}
.comparison>summary,
.comparison-full>summary{
  min-height:68px;
}
.comparison summary strong{
  font-family:"Manrope",sans-serif;
  font-size:14px;
  font-weight:700;
}
.comparison summary small{
  font-size:11px;
  line-height:1.45;
}

/* CTA final menos genérico */
.final-cta h2{
  font-weight:760;
}
.final-cta a{
  background:var(--green);
  box-shadow:0 10px 28px rgba(29,158,117,.22);
}

@media(max-width:1080px){
  .site-header{
    grid-template-columns:1fr auto;
  }
  .nav-links{
    display:none;
  }
  .header-cta{
    grid-column:2;
  }
  .page-hero{
    grid-template-columns:1fr;
  }
  .hero-signature{
    margin-top:28px;
  }
}

@media(max-width:700px){
  .site-header{
    height:68px;
    padding:0 16px;
  }
  .page-hero{
    min-height:0;
    padding:58px 20px 42px;
  }
  .page-hero h1{
    font-size:47px;
  }
  .hero-signature{
    max-width:none;
  }
  .navigation-hub{
    padding:38px 16px 40px;
  }
  .filter-hub-heading h2{
    font-size:33px;
  }
  .model-topline{
    padding:26px 20px 17px;
  }
  .model-copy{
    padding:0 20px 22px;
  }
}


/* =========================================================
   V5 — MENOS SCROLL MÓVIL Y UN SOLO CTA POR MODELO
   ========================================================= */

/* El filtro comienza directamente después de las preguntas */
.navigation-hub{
  padding:24px 7vw 32px;
}
.filter-hub-heading,
.filter-layout,
.filter-static-panel{
  display:none!important;
}
.filter-toolbar{
  width:min(1320px,100%);
  margin:0 auto 10px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  min-height:24px;
}
.filter-counter{
  color:var(--muted);
  font-size:11px;
  font-weight:600;
}
.clear-filters{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 13px;
  border:1px solid #D6E2E8;
  border-radius:999px;
  background:#FFFFFF;
  color:var(--green);
  font-family:"DM Sans",sans-serif;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}
.clear-filters:hover{
  border-color:rgba(29,158,117,.5);
  background:var(--soft);
}
.filter-accordion{
  width:min(1320px,100%);
  margin:auto;
  display:grid;
  grid-template-columns:1fr 1fr 1.18fr;
  gap:12px;
}
.filter-panel{
  display:block!important;
  border:1px solid var(--line);
  border-radius:17px;
  background:#F8FAFB;
  overflow:hidden;
}
.filter-panel summary{
  min-height:64px;
  padding:13px 17px;
}
.filter-panel summary span{
  color:#52667A;
  font-size:12px;
  font-weight:650;
}
.filter-panel summary strong{
  color:var(--green);
  font-size:12px;
  font-weight:700;
}
.filter-options{
  padding:0 14px 14px;
}
.filter-options--models{
  max-height:245px;
  overflow:auto;
}

/* El rango de precio se convierte también en el principal punto de conversión */
.model-range{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.model-whatsapp{
  width:100%;
  min-height:45px;
  margin-top:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 15px;
  border-radius:12px;
  background:var(--green);
  color:#FFFFFF;
  font-family:"DM Sans",sans-serif;
  font-size:12px;
  font-weight:750;
  letter-spacing:0;
  box-shadow:0 9px 22px rgba(29,158,117,.21);
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}
.model-whatsapp:hover{
  background:#178763;
  transform:translateY(-1px);
  box-shadow:0 12px 27px rgba(29,158,117,.27);
}

/* Ya no existe un CTA repetido dentro de cada versión */
.version-whatsapp{
  display:none!important;
}
.version-card{
  min-height:0;
}
.version-card>p{
  margin-bottom:0;
}

@media(max-width:1080px){
  .filter-accordion{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .navigation-hub{
    padding:14px 16px 22px;
  }
  .filter-toolbar{
    margin-bottom:8px;
    justify-content:space-between;
  }
  .filter-accordion{
    gap:8px;
  }
  .filter-panel summary{
    min-height:54px;
    padding:10px 14px;
  }
  .filter-panel summary span,
  .filter-panel summary strong{
    font-size:11px;
  }
  .filter-options{
    padding:0 10px 11px;
  }
  .filter-chip{
    min-height:35px;
    padding:0 12px;
    font-size:11px;
  }
  .quick-guidance{
    padding-bottom:18px;
  }
  .model-whatsapp{
    min-height:44px;
  }
}


/* =========================================================
   V6 — FILTROS V4 EN VERTICAL + MÁS CONTRASTE ENTRE MODELOS
   ========================================================= */

/* Filtros: misma sensación premium de V4, pero apilados */
.navigation-hub{
  padding:20px 7vw 30px;
  background:#FFFFFF;
}
.filter-toolbar{
  width:min(1320px,100%);
  margin:0 auto 10px;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:14px;
}
.filter-stack{
  width:min(1320px,100%);
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.filter-panel--premium{
  width:100%;
  border:1px solid #DCE5EC;
  border-radius:18px;
  background:#F8FAFB;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(13,31,53,.035);
}
.filter-panel--premium summary{
  min-height:62px;
  padding:14px 18px;
  display:grid;
  grid-template-columns:1fr auto 24px;
  align-items:center;
  gap:14px;
}
.filter-panel--premium summary span{
  color:#52667A;
  font-size:12px;
  font-weight:700;
}
.filter-panel--premium summary strong{
  color:var(--green);
  font-size:12px;
  font-weight:700;
  text-align:right;
}
.filter-panel--premium summary::after{
  justify-self:end;
}
.filter-panel--premium[open]{
  background:#FFFFFF;
  border-color:#CFE2DA;
}
.filter-panel--premium[open] summary{
  background:linear-gradient(180deg,#FBFDFC,#F4FAF7);
}
.filter-options{
  padding:0 16px 16px;
  border-top:1px solid #E8EEF2;
}
.filter-options--models{
  max-height:280px;
  overflow:auto;
}
.clear-filters{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Más variedad visual entre modelos */
.segment-section{
  padding-top:72px;
  padding-bottom:72px;
}
.segment-section:nth-of-type(odd){
  background:#F6F9FB!important;
}
.segment-section:nth-of-type(even){
  background:#EEF6F3!important;
}
.segment-section:nth-of-type(3n){
  background:#F4F7FC!important;
}

.model-card{
  background:#FFFFFF;
  border:1px solid #DCE5EC;
}
.segment-section:nth-of-type(odd) .model-card{
  box-shadow:0 20px 55px rgba(13,31,53,.07);
}
.segment-section:nth-of-type(even) .model-card{
  box-shadow:0 20px 55px rgba(20,92,72,.08);
}
.segment-section:nth-of-type(3n) .model-card{
  box-shadow:0 20px 55px rgba(39,74,120,.075);
}

/* Algunas cajas pasan a ser texto editorial, no tarjetas repetidas */
.competitors{
  padding:0;
  background:transparent;
  border:0;
  color:#6A7A89;
  font-size:12px;
  line-height:1.55;
}
.competitors strong{
  margin-bottom:4px;
  color:#314A5E;
}
.upgrade-box{
  margin:0 28px 24px;
  padding:8px 0 0;
  background:transparent;
  border:0;
  border-top:1px solid #DCE5EC;
  border-radius:0;
}
.upgrade-box h4{
  margin-top:16px;
}
.upgrade-step{
  padding:15px 0;
  background:transparent;
  border-bottom:1px solid #E7EDF1;
  border-radius:0;
}
.upgrade-step:last-child{
  border-bottom:0;
}
.recommendation{
  margin-top:12px;
  padding:16px 18px;
  border-top:0;
  border-left:3px solid var(--green);
  background:#F3FAF7;
  border-radius:0 12px 12px 0;
}
.consider-box{
  padding:18px 20px;
  border:1px solid #DCE6EC;
  border-radius:14px;
  background:#F8FAFB;
}
.consider-box strong{
  color:#26475B;
}
.model-range{
  background:linear-gradient(135deg,#EFF9F5,#E6F5EF);
  border-color:#C9E5DA;
}
.version-card{
  background:#FFFFFF;
}
.version-card.recommended{
  background:linear-gradient(180deg,#F7FCFA,#EEF8F4);
}

/* Variación sutil por modelo para romper monotonía */
.model-card:nth-of-type(3n+1) .model-range{
  background:linear-gradient(135deg,#EFF9F5,#E7F5F0);
}
.model-card:nth-of-type(3n+2) .model-range{
  background:linear-gradient(135deg,#F1F6FB,#E8F1F8);
  border-color:#D0E0ED;
}
.model-card:nth-of-type(3n+3) .model-range{
  background:linear-gradient(135deg,#F7F4EC,#F0EBDC);
  border-color:#E5DCC6;
}
.model-card:nth-of-type(3n+2) .model-range strong{
  color:#245A7A;
}
.model-card:nth-of-type(3n+3) .model-range strong{
  color:#7C622A;
}
.model-card:nth-of-type(3n+2) .model-whatsapp,
.model-card:nth-of-type(3n+3) .model-whatsapp{
  background:var(--green);
}

/* Comparativas menos pesadas visualmente */
.comparison{
  background:transparent;
  border-color:#D9E3E9;
}
.comparison>summary{
  background:#F8FAFB;
}
.comparison-content{
  background:#FFFFFF;
}
.comparison-full>summary{
  background:#FBFCFD;
}

/* Mobile */
@media(max-width:700px){
  .navigation-hub{
    padding:12px 16px 20px;
  }
  .filter-toolbar{
    justify-content:space-between;
    margin-bottom:8px;
  }
  .filter-stack{
    gap:8px;
  }
  .filter-panel--premium summary{
    min-height:52px;
    padding:10px 13px;
    grid-template-columns:1fr auto 20px;
  }
  .segment-section{
    padding-top:46px;
    padding-bottom:46px;
  }
  .upgrade-box{
    margin-left:14px;
    margin-right:14px;
  }
  .consider-box{
    padding:16px;
  }
}


/* =========================================================
   V7 — SEGMENTOS MÁS DIFERENCIADOS Y FOTOS SIN ETIQUETAS
   ========================================================= */

/* Eliminamos cualquier texto superpuesto en las fotografías */
.model-real-gallery figcaption,
.catalog-lightbox p{
  display:none!important;
}

/* Cada segmento tiene una identidad visual clara */
.segment-section{
  position:relative;
  padding-top:78px;
  padding-bottom:82px;
  border-top:0;
}
.segment-section::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:10px;
  background:var(--segment-accent,#1D9E75);
}

/* Compactos urbanos */
.segment-section[data-segment-section="compactos"]{
  background:#EAF7F2!important;
  --segment-accent:#1D9E75;
}
.segment-section[data-segment-section="compactos"] .segment-index{
  color:#147A5C;
}

/* Sedanes */
.segment-section[data-segment-section="sedanes"]{
  background:#EAF1F8!important;
  --segment-accent:#3F6F97;
}
.segment-section[data-segment-section="sedanes"] .segment-index{
  color:#315F86;
}

/* SUV urbanos pequeños */
.segment-section[data-segment-section="suv-urbanos"]{
  background:#F4F0E7!important;
  --segment-accent:#A37D3D;
}
.segment-section[data-segment-section="suv-urbanos"] .segment-index{
  color:#806329;
}

/* SUV compactos familiares */
.segment-section[data-segment-section="suv-compactos"]{
  background:#EDF3F7!important;
  --segment-accent:#587A91;
}
.segment-section[data-segment-section="suv-compactos"] .segment-index{
  color:#476A82;
}

/* SUV medianos familiares */
.segment-section[data-segment-section="suv-medianos"]{
  background:#EDEBF4!important;
  --segment-accent:#6C628A;
}
.segment-section[data-segment-section="suv-medianos"] .segment-index{
  color:#5A5077;
}

/* Off-road y aventura */
.segment-section[data-segment-section="aventureros"]{
  background:#F1ECE5!important;
  --segment-accent:#8A6640;
}
.segment-section[data-segment-section="aventureros"] .segment-index{
  color:#745431;
}

/* HEV y uso exigente */
.segment-section[data-segment-section="exigentes"]{
  background:#E8EEF0!important;
  --segment-accent:#375866;
}
.segment-section[data-segment-section="exigentes"] .segment-index{
  color:#2D4D5A;
}

/* La cabecera de cada segmento refuerza el cambio sin añadir otra caja pesada */
.segment-header{
  padding:0 4px 25px;
  margin-bottom:28px;
  border-bottom:1px solid rgba(13,31,53,.14);
}
.segment-header h2{
  color:#102539;
}
.segment-header p{
  max-width:720px;
  color:#526678;
}

/* Las tarjetas conservan el blanco para generar contraste contra cada fondo */
.segment-section .model-card{
  background:#FFFFFF;
  border-color:rgba(13,31,53,.12);
  box-shadow:0 24px 62px rgba(13,31,53,.10);
}

/* Neutralizamos reglas previas por nth-of-type que mezclaban los segmentos */
.segment-section:nth-of-type(odd),
.segment-section:nth-of-type(even),
.segment-section:nth-of-type(3n){
  background:inherit;
}

/* Fotografías más limpias */
.model-real-gallery figure{
  cursor:zoom-in;
}
.model-real-gallery img{
  background:#F2F5F6;
}

@media(max-width:700px){
  .segment-section{
    padding-top:54px;
    padding-bottom:56px;
  }
  .segment-section::before{
    height:7px;
  }
  .segment-header{
    padding-bottom:19px;
    margin-bottom:22px;
  }
}


/* =========================================================
   V8 — BRAND KIT SÓLIDO, TIPOGRAFÍA LEGIBLE Y MENOS CAJAS
   ========================================================= */

/* Segmentos como capítulos claros de marca */
.segment-section{
  position:relative;
  padding:0 5vw 76px;
  background:#F5F7FA!important;
}
.segment-header{
  width:100%;
  max-width:none;
  margin:0 -5vw 32px;
  padding:32px 7vw 30px;
  color:#FFFFFF;
  background:#0D1F35;
}
.segment-header .segment-index{
  color:#7ECFFF;
}
.segment-header h2{
  margin:7px 0 8px;
  color:#FFFFFF;
  font-size:clamp(34px,4vw,54px);
  line-height:1.04;
}
.segment-header p{
  max-width:850px;
  color:rgba(255,255,255,.78);
  font-size:16px;
  line-height:1.55;
}

/* Variación sólida usando solo brand kit */
.segment-section:nth-of-type(2n) .segment-header{
  background:#1D9E75;
}
.segment-section:nth-of-type(2n) .segment-header .segment-index{
  color:#E8F8F3;
}
.segment-section:nth-of-type(3n) .segment-header{
  background:#7ECFFF;
  color:#0D1F35;
}
.segment-section:nth-of-type(3n) .segment-header .segment-index,
.segment-section:nth-of-type(3n) .segment-header h2,
.segment-section:nth-of-type(3n) .segment-header p{
  color:#0D1F35;
}
.segment-section:nth-of-type(4n) .segment-header{
  background:#0D1F35;
  box-shadow:inset 0 -5px 0 #1D9E75;
}

/* El contenido vuelve a una base neutra y coherente */
.segment-section:nth-of-type(odd),
.segment-section:nth-of-type(even),
.segment-section:nth-of-type(3n){
  background:#F5F7FA!important;
}
.model-card{
  margin-bottom:48px;
  border:1px solid #D7E2E9;
  background:#FFFFFF;
  box-shadow:0 18px 48px rgba(13,31,53,.08);
}

/* Precio consistente en todos los modelos */
.model-card:nth-of-type(3n+1) .model-range,
.model-card:nth-of-type(3n+2) .model-range,
.model-card:nth-of-type(3n+3) .model-range,
.model-range{
  background:#E8F8F3!important;
  border-color:#C8E8DC!important;
}
.model-card:nth-of-type(3n+1) .model-range strong,
.model-card:nth-of-type(3n+2) .model-range strong,
.model-card:nth-of-type(3n+3) .model-range strong,
.model-range strong{
  color:#116B51!important;
}

/* Tipografía: subir mínimos para escritorio y móvil */
body{
  font-size:16px;
}
.model-description{
  font-size:16px;
  line-height:1.7;
}
.persona{
  font-size:23px;
}
.tech-badge{
  font-size:12px;
}
.model-range small,
.model-range span,
.price-disclaimer{
  font-size:12px;
  line-height:1.45;
}
.version-card>p{
  font-size:14px;
  line-height:1.65;
}
.version-role{
  font-size:11px;
}
.version-meta span{
  font-size:11px;
}
.version-meta b{
  font-size:13px;
}
.upgrade-step b{
  font-size:14px;
}
.upgrade-step p,
.recommendation,
.consider-box p,
.comparison summary small,
.filter-counter,
.model-pager{
  font-size:13px;
}
.comparison-table th,
.comparison-table td{
  font-size:13px;
  line-height:1.45;
}
.filter-chip,
.filter-panel summary span,
.filter-panel summary strong,
.clear-filters{
  font-size:13px;
}

/* Menos cajas: estructura editorial */
.competitors{
  padding:0;
  background:transparent!important;
  border:0!important;
}
.upgrade-box{
  margin:0 28px 26px;
  padding:22px 0 0;
  border:0;
  border-top:1px solid #D9E3E9;
  border-radius:0;
  background:transparent!important;
}
.upgrade-grid{
  gap:0 24px;
}
.upgrade-step{
  padding:13px 0;
  border-bottom:1px solid #E4EBEF;
  border-radius:0;
  background:transparent!important;
}
.recommendation{
  margin-top:17px;
  padding:17px 20px;
  border:0;
  border-left:4px solid #1D9E75;
  border-radius:0 12px 12px 0;
  background:#E8F8F3;
}
.consider-box{
  padding:4px 0 0 18px;
  border:0;
  border-left:3px solid #7ECFFF;
  border-radius:0;
  background:transparent!important;
}
.consider-box strong{
  color:#0D1F35;
  font-size:15px;
}
.consider-box p{
  margin:6px 0 0;
  color:#5B6D7E;
}

/* Fotos uniformes y sin texto */
.model-real-gallery figure{
  background:#F3F6F8;
}
.model-real-gallery img{
  object-fit:contain;
  background:#F3F6F8;
}
.model-real-gallery figcaption{
  display:none!important;
}

/* Menor altura antes del primer modelo en móvil */
@media(max-width:700px){
  .page-hero{
    min-height:0;
    padding:42px 20px 30px;
  }
  .page-hero h1{
    margin-bottom:14px;
    font-size:44px;
  }
  .page-hero>div:first-child>p:last-child{
    font-size:15px;
    line-height:1.55;
  }
  .hero-signature{
    margin-top:18px;
    padding:10px 13px;
  }
  .quick-guidance{
    padding:14px 16px;
    gap:8px;
  }
  .quick-guidance article{
    padding:13px 14px;
  }
  .segment-section{
    padding:0 14px 46px;
  }
  .segment-header{
    margin:0 -14px 20px;
    padding:22px 20px 20px;
  }
  .segment-header h2{
    font-size:32px;
  }
  .segment-header p{
    font-size:14px;
  }
  .model-description{
    font-size:15px;
  }
  .persona{
    font-size:20px;
  }
  .comparison-table th,
  .comparison-table td{
    font-size:13px;
  }
}


/* =========================================================
   V11 — SEGMENTOS COMO BLOQUES COMPLETOS + LECTURA MÁS GRANDE
   ========================================================= */

/* Escala general de lectura */
html{
  font-size:18px;
}
body{
  font-size:18px;
  line-height:1.68;
  letter-spacing:-0.012em;
  color:#142335;
}

/* Cabecera y navegación más legibles */
.site-header{
  min-height:84px;
}
.nav-links a{
  font-size:17px !important;
  min-height:48px !important;
  padding:0 18px !important;
}
.header-cta{
  min-height:48px !important;
  min-width:122px;
  font-size:16px !important;
}

/* Hero más legible */
.page-hero{
  padding:52px 7vw 36px;
}
.page-hero h1{
  font-size:clamp(58px, 7vw, 96px) !important;
  line-height:0.96;
}
.page-hero > div:first-child > p:last-child{
  font-size:22px !important;
  line-height:1.62 !important;
  max-width:860px;
}
.hero-signature{
  font-size:15px !important;
  line-height:1.55 !important;
  max-width:360px;
}

/* Preguntas iniciales */
.quick-guidance{
  padding:18px 7vw 22px;
  gap:16px;
}
.quick-guidance article{
  padding:22px 24px !important;
}
.quick-guidance strong{
  font-size:18px !important;
  line-height:1.3;
}
.quick-guidance span{
  font-size:15px !important;
  line-height:1.58 !important;
}

/* Filtros más grandes y legibles */
.navigation-hub{
  padding:16px 7vw 26px;
}
.filter-toolbar{
  margin:0 auto 12px !important;
}
.filter-counter{
  font-size:14px !important;
}
.clear-filters{
  min-height:42px !important;
  padding:0 16px !important;
  font-size:14px !important;
}
.filter-stack{
  gap:14px !important;
}
.filter-panel--premium,
.filter-panel{
  border-radius:20px !important;
}
.filter-panel--premium summary,
.filter-panel summary{
  min-height:72px !important;
  padding:16px 20px !important;
}
.filter-panel--premium summary span,
.filter-panel summary span{
  font-size:15px !important;
}
.filter-panel--premium summary strong,
.filter-panel summary strong{
  font-size:15px !important;
}
.filter-chip{
  min-height:46px !important;
  padding:0 17px !important;
  font-size:15px !important;
  font-weight:650 !important;
}

/* ===== Segmentos realmente diferenciados ===== */
.segment-section{
  position:relative;
  padding:0 5vw 84px !important;
  margin:0;
  border-top:1px solid rgba(13,31,53,.06);
  border-bottom:1px solid rgba(13,31,53,.06);
}
.segment-section + .segment-section{
  margin-top:0;
}

/* Fondos completos por segmento, más notorios */
.segment-section:nth-of-type(1){ background:linear-gradient(180deg,#D7E5F3 0%, #E7EFF7 100%) !important; }
.segment-section:nth-of-type(2){ background:linear-gradient(180deg,#CFECDD 0%, #E1F5EA 100%) !important; }
.segment-section:nth-of-type(3){ background:linear-gradient(180deg,#CBE9FA 0%, #DDF2FC 100%) !important; }
.segment-section:nth-of-type(4){ background:linear-gradient(180deg,#D9E5EF 0%, #E9F0F5 100%) !important; }
.segment-section:nth-of-type(5){ background:linear-gradient(180deg,#DCE7E3 0%, #ECF3F0 100%) !important; }
.segment-section:nth-of-type(6){ background:linear-gradient(180deg,#D4E4DE 0%, #E8F2EE 100%) !important; }
.segment-section:nth-of-type(7){ background:linear-gradient(180deg,#D6E1E9 0%, #EAF0F4 100%) !important; }

/* Cabecera del segmento como portada del bloque */
.segment-header{
  width:auto !important;
  max-width:none !important;
  margin:0 -5vw 34px !important;
  padding:36px 7vw 32px !important;
  border-bottom:3px solid rgba(255,255,255,.22);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.12);
}

.segment-section:nth-of-type(1) .segment-header{ background:#0D1F35 !important; color:#fff !important; }
.segment-section:nth-of-type(2) .segment-header{ background:#1D9E75 !important; color:#fff !important; }
.segment-section:nth-of-type(3) .segment-header{ background:#7ECFFF !important; color:#0D1F35 !important; }
.segment-section:nth-of-type(4) .segment-header{ background:#0D1F35 !important; color:#fff !important; box-shadow:inset 0 -4px 0 #1D9E75; }
.segment-section:nth-of-type(5) .segment-header{ background:#1D9E75 !important; color:#fff !important; box-shadow:inset 0 -4px 0 #7ECFFF; }
.segment-section:nth-of-type(6) .segment-header{ background:#0D1F35 !important; color:#fff !important; box-shadow:inset 0 -4px 0 #7ECFFF; }
.segment-section:nth-of-type(7) .segment-header{ background:#1D9E75 !important; color:#fff !important; box-shadow:inset 0 -4px 0 #0D1F35; }

.segment-header .segment-index{
  font-size:14px !important;
  font-weight:800;
  letter-spacing:.04em;
}
.segment-section:nth-of-type(1) .segment-header .segment-index,
.segment-section:nth-of-type(4) .segment-header .segment-index,
.segment-section:nth-of-type(6) .segment-header .segment-index{
  color:#7ECFFF !important;
}
.segment-section:nth-of-type(2) .segment-header .segment-index,
.segment-section:nth-of-type(5) .segment-header .segment-index,
.segment-section:nth-of-type(7) .segment-header .segment-index{
  color:#E8F8F3 !important;
}
.segment-section:nth-of-type(3) .segment-header .segment-index{
  color:#0D1F35 !important;
}
.segment-header h2{
  margin:8px 0 10px !important;
  font-size:clamp(38px, 4.4vw, 62px) !important;
  line-height:1.02 !important;
  letter-spacing:-0.04em !important;
}
.segment-header p{
  max-width:900px !important;
  font-size:18px !important;
  line-height:1.62 !important;
}
.segment-section:nth-of-type(1) .segment-header p,
.segment-section:nth-of-type(2) .segment-header p,
.segment-section:nth-of-type(4) .segment-header p,
.segment-section:nth-of-type(5) .segment-header p,
.segment-section:nth-of-type(6) .segment-header p,
.segment-section:nth-of-type(7) .segment-header p{
  color:rgba(255,255,255,.86) !important;
}
.segment-section:nth-of-type(3) .segment-header p{
  color:rgba(13,31,53,.84) !important;
}

/* Tarjetas del modelo más grandes */
.model-card{
  border-radius:28px !important;
  box-shadow:0 18px 48px rgba(13,31,53,.10) !important;
  margin-bottom:42px !important;
}
.model-topline{
  padding:36px 38px 20px !important;
}
.model-brand{
  font-size:15px !important;
}
.model-title{
  font-size:clamp(36px, 3.2vw, 48px) !important;
  line-height:1.04 !important;
}
.model-title span{
  font-size:0.72em;
}
.tech-badge{
  font-size:14px !important;
  padding:12px 15px !important;
}
.model-copy{
  padding:0 38px 28px !important;
}
.persona{
  font-size:28px !important;
  line-height:1.28 !important;
  margin-bottom:10px;
}
.model-description{
  font-size:19px !important;
  line-height:1.72 !important;
  max-width:760px;
}
.competitors{
  font-size:15px !important;
  line-height:1.65 !important;
}
.competitors strong{
  font-size:15px !important;
}

/* Precio y CTA del modelo */
.model-range{
  border-radius:20px !important;
  padding:24px 24px 22px !important;
}
.model-range small{
  font-size:13px !important;
  line-height:1.45 !important;
}
.model-range strong{
  font-size:34px !important;
  line-height:1.06 !important;
}
.model-range span{
  font-size:14px !important;
  line-height:1.55 !important;
}
.model-whatsapp{
  min-height:50px !important;
  font-size:15px !important;
  border-radius:14px !important;
}

/* Galería */
.model-real-gallery{
  margin:0 28px 28px !important;
  gap:14px !important;
}
.real-main{
  min-height:470px !important;
}
.real-main img{
  min-height:470px !important;
}
.real-secondary figure,
.real-secondary img{
  min-height:228px !important;
}

/* Títulos y versiones */
.versions-heading{
  padding:0 28px 10px;
}
.versions-heading h4,
.upgrade-box h4{
  font-size:26px !important;
  line-height:1.2 !important;
}
.versions-heading p{
  font-size:15px !important;
  line-height:1.65 !important;
}
.version-grid{
  gap:18px !important;
}
.version-card{
  padding:24px !important;
  border-radius:20px !important;
}
.version-role{
  font-size:13px !important;
  padding:8px 11px !important;
}
.version-card h5{
  font-size:25px !important;
  line-height:1.18 !important;
}
.version-card > p{
  font-size:15px !important;
  line-height:1.7 !important;
}
.version-meta span{
  font-size:13px !important;
}
.version-meta b{
  font-size:15px !important;
}
.version-whatsapp{
  min-height:48px !important;
  font-size:15px !important;
}

/* Qué cambia / recomendación */
.upgrade-box{
  margin:0 28px 28px !important;
}
.upgrade-grid{
  gap:0 24px !important;
}
.upgrade-step{
  padding:16px 0 !important;
}
.upgrade-step b{
  font-size:16px !important;
}
.upgrade-step p{
  font-size:15px !important;
  line-height:1.65 !important;
}
.recommendation{
  font-size:15px !important;
  line-height:1.68 !important;
  padding:19px 22px !important;
}

/* Comparaciones */
.comparison{
  margin:0 28px 26px !important;
  border-radius:20px !important;
}
.comparison > summary,
.comparison-full > summary{
  min-height:76px !important;
  padding:18px 22px !important;
}
.comparison summary strong{
  font-size:18px !important;
}
.comparison summary small{
  font-size:14px !important;
  line-height:1.5 !important;
}
.comparison-content{
  padding:18px !important;
}
.comparison-table th,
.comparison-table td{
  padding:15px 16px !important;
  font-size:15px !important;
}
.comparison-table td:first-child{
  min-width:210px !important;
}
.comparison-full-content{
  padding:16px !important;
}

/* Consideraciones finales y navegación */
.consider-box{
  margin:0 28px 22px !important;
  padding:4px 0 0 20px !important;
}
.consider-box strong{
  font-size:18px !important;
}
.consider-box p{
  font-size:15px !important;
  line-height:1.68 !important;
}
.price-disclaimer{
  margin:0 28px 16px !important;
  font-size:13px !important;
  line-height:1.6 !important;
}
.model-pager{
  margin:0 28px 0 !important;
  font-size:14px !important;
}
.model-pager a{
  font-size:14px !important;
}

/* CTA final */
.final-cta{
  padding:72px 7vw !important;
}
.final-cta h2{
  font-size:clamp(38px, 4vw, 56px) !important;
}
.final-cta p{
  font-size:18px !important;
  line-height:1.65 !important;
}
.final-cta a{
  min-height:52px !important;
  font-size:16px !important;
  padding:0 22px !important;
}

/* Adaptación móvil: sigue grande, pero usable */
@media(max-width:1080px){
  .model-copy{
    gap:24px !important;
  }
  .model-description{
    font-size:18px !important;
  }
  .persona{
    font-size:26px !important;
  }
}

@media(max-width:700px){
  html{
    font-size:17px;
  }
  .site-header{
    min-height:72px;
  }
  .header-cta{
    min-height:42px !important;
    font-size:14px !important;
  }
  .page-hero{
    padding:32px 20px 20px !important;
  }
  .page-hero h1{
    font-size:46px !important;
  }
  .page-hero > div:first-child > p:last-child{
    font-size:17px !important;
    line-height:1.58 !important;
  }
  .hero-signature{
    font-size:13px !important;
    margin-top:12px !important;
  }

  .quick-guidance{
    padding:12px 16px 16px !important;
    gap:10px !important;
  }
  .quick-guidance article{
    padding:16px !important;
  }
  .quick-guidance strong{
    font-size:16px !important;
  }
  .quick-guidance span{
    font-size:14px !important;
  }

  .navigation-hub{
    padding:10px 16px 18px !important;
  }
  .filter-counter{
    font-size:13px !important;
  }
  .clear-filters{
    min-height:38px !important;
    font-size:13px !important;
  }
  .filter-panel--premium summary,
  .filter-panel summary{
    min-height:58px !important;
    padding:12px 14px !important;
  }
  .filter-panel--premium summary span,
  .filter-panel summary span,
  .filter-panel--premium summary strong,
  .filter-panel summary strong,
  .filter-chip{
    font-size:14px !important;
  }
  .filter-chip{
    min-height:42px !important;
  }

  .segment-section{
    padding:0 14px 40px !important;
  }
  .segment-header{
    margin:0 -14px 20px !important;
    padding:24px 20px 22px !important;
  }
  .segment-header h2{
    font-size:34px !important;
  }
  .segment-header p{
    font-size:15px !important;
    line-height:1.56 !important;
  }

  .model-card{
    margin-bottom:28px !important;
  }
  .model-topline{
    padding:24px 20px 14px !important;
  }
  .model-brand{
    font-size:13px !important;
  }
  .model-title{
    font-size:30px !important;
  }
  .tech-badge{
    font-size:12px !important;
    padding:10px 12px !important;
  }
  .model-copy{
    padding:0 20px 18px !important;
  }
  .persona{
    font-size:22px !important;
  }
  .model-description{
    font-size:16px !important;
    line-height:1.65 !important;
  }
  .competitors{
    font-size:14px !important;
  }
  .model-range{
    padding:18px !important;
  }
  .model-range strong{
    font-size:28px !important;
  }
  .model-range small,
  .model-range span{
    font-size:13px !important;
  }
  .model-whatsapp{
    min-height:46px !important;
    font-size:14px !important;
  }

  .model-real-gallery{
    margin:0 14px 18px !important;
    grid-template-columns:1fr !important;
  }
  .real-main,
  .real-main img{
    min-height:290px !important;
  }
  .real-secondary{
    grid-template-columns:1fr 1fr !important;
    grid-template-rows:auto !important;
  }
  .real-secondary figure,
  .real-secondary img{
    min-height:150px !important;
  }

  .versions-heading{
    padding:0 14px 8px !important;
  }
  .versions-heading h4,
  .upgrade-box h4{
    font-size:22px !important;
  }
  .versions-heading p{
    font-size:14px !important;
  }
  .version-card{
    padding:18px !important;
  }
  .version-role{
    font-size:12px !important;
  }
  .version-card h5{
    font-size:21px !important;
  }
  .version-card > p{
    font-size:15px !important;
  }
  .version-meta span{
    font-size:12px !important;
  }
  .version-meta b{
    font-size:14px !important;
  }

  .upgrade-box,
  .comparison,
  .consider-box{
    margin-left:14px !important;
    margin-right:14px !important;
  }
  .upgrade-step b{
    font-size:15px !important;
  }
  .upgrade-step p,
  .recommendation,
  .consider-box p{
    font-size:14px !important;
  }
  .comparison > summary,
  .comparison-full > summary{
    min-height:66px !important;
    padding:16px !important;
  }
  .comparison summary strong{
    font-size:16px !important;
  }
  .comparison summary small{
    font-size:13px !important;
  }
  .comparison-content{
    padding:10px !important;
  }
  .comparison-table th,
  .comparison-table td{
    font-size:14px !important;
    padding:13px !important;
  }
  .consider-box strong{
    font-size:16px !important;
  }
  .price-disclaimer{
    margin:0 14px 12px !important;
    font-size:12px !important;
  }
  .model-pager{
    margin:0 14px !important;
    font-size:13px !important;
  }

  .final-cta{
    padding:48px 20px !important;
  }
  .final-cta h2{
    font-size:34px !important;
  }
  .final-cta p{
    font-size:16px !important;
  }
}


/* V13 — navegación móvil visible en Modelos sugeridos */
.mobile-page-link{
  display:none;
}
@media(max-width:1080px){
  .mobile-page-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:43px;
    padding:0 15px;
    margin-left:auto;
    border:1px solid rgba(126,207,255,.34);
    border-radius:12px;
    color:#F5F7FA;
    background:rgba(126,207,255,.08);
    font-size:14px;
    font-weight:760;
    white-space:nowrap;
  }
}
@media(max-width:700px){
  .site-header{
    gap:8px!important;
  }
  .logo-wrap{
    width:142px!important;
  }
  .mobile-page-link{
    min-height:38px;
    padding:0 10px;
    font-size:12px;
  }
  .header-cta{
    min-height:38px!important;
    padding:0 10px!important;
    font-size:12px!important;
  }
}
@media(max-width:430px){
  .logo-wrap{
    width:128px!important;
  }
  .mobile-page-link,
  .header-cta{
    padding-left:8px!important;
    padding-right:8px!important;
    font-size:11px!important;
  }
}