/* ══════════════════════════════════════════════════════════════════════════════
   PÁGINAS POR MODELO · tabla de medidas · prueba de carga · probador 3D
   Hereda todo de tokens-v1.css. Ni un color ni un tamaño inventado aquí.
   Regla de la casa: quien declara `background` declara `color`, y al revés.
   ══════════════════════════════════════════════════════════════════════════════ */
.mt{ max-width:var(--maxw); margin-inline:auto; padding-inline:var(--gutter); }
.mt-migas{ display:flex; align-items:center; gap:.35rem; flex-wrap:wrap;
  font-family:var(--font-body); font-size:.85rem; color:rgba(244,241,232,.55);
  padding-top:var(--sp-6); }
.mt-migas a{ color:rgba(244,241,232,.74); text-decoration:none;
  display:inline-flex; align-items:center; min-height:44px; }
.mt-migas a:hover{ color:var(--verde-vibrante); }

.mt-head{ padding:var(--sp-4) 0 var(--sp-6); }
.mt-head h1{ font-family:var(--font-display); font-weight:800; line-height:1.06;
  font-size:clamp(1.9rem,1.4rem + 2.4vw,3rem); color:var(--crema); margin:0 0 var(--sp-3); }
.mt-lead{ font-family:var(--font-accent); font-style:italic; color:#CDEBB6;
  font-size:clamp(1.05rem,.95rem + .5vw,1.32rem); line-height:1.5; margin:0; max-width:62ch; }

.mt-grid{ display:grid; gap:var(--sp-6); grid-template-columns:1fr; align-items:start; }
@media (min-width:900px){ .mt-grid{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); } }
.mt-foto{ margin:0; background:var(--panel); border:1px solid var(--panel-borde);
  border-radius:var(--r-lg); overflow:hidden; }
.mt-foto img{ width:100%; height:auto; display:block; }

.mt h2{ font-family:var(--font-display); font-weight:800; color:var(--crema);
  font-size:clamp(1.35rem,1.15rem + .9vw,1.9rem); margin:var(--sp-7) 0 var(--sp-4); }
.mt-specs h2{ margin-top:0; }
.mt p{ font-family:var(--font-body); font-size:var(--t-body); line-height:1.75;
  color:rgba(244,241,232,.84); margin:0 0 var(--sp-4); max-width:70ch; }
.mt p b, .mt li b{ color:var(--crema); }
/* :not(.cta) — el enlace de cuerpo va verde sobre carbón, pero el BOTÓN .cta YA tiene
   ese mismo verde de FONDO: sin la exclusión, `.mt a` le pisaba su tinta y el CTA de
   las 6 fichas quedaba verde-sobre-verde (1.00:1, texto invisible). Es la regla de la
   casa al pie de la letra: quien declara uno de los dos —fondo o tinta— declara el otro,
   y un selector de descendencia no hereda la mitad de la pareja a través de una
   superficie distinta. [E5 13-ago .mini-card__tag · reincidencia cazada 28-ago] */
.mt a:not(.cta){ color:var(--verde-vibrante); text-underline-offset:.22em; }
.mt a:not(.cta):hover{ color:var(--crema); }
.mt-nota{ font-size:.92rem !important; color:rgba(244,241,232,.66) !important; }

/* Tablas: se desplazan DENTRO de su caja; la página nunca hace scroll horizontal. */
.mt-tabla-wrap{ overflow-x:auto; margin:var(--sp-4) 0 var(--sp-6);
  border:1px solid var(--panel-borde); border-radius:var(--r-md); }
.mt-tabla{ width:100%; border-collapse:collapse; min-width:min(560px,100%);
  background:var(--panel); color:var(--crema); }
.mt-tabla caption{ font-family:var(--font-body); font-size:.86rem; line-height:1.5;
  color:rgba(244,241,232,.62); text-align:left; padding:var(--sp-3) var(--sp-4); }
.mt-tabla th, .mt-tabla td{ font-family:var(--font-body); font-size:.96rem; line-height:1.55;
  padding:var(--sp-3) var(--sp-4); text-align:left; border-bottom:1px solid var(--panel-borde); }
.mt-tabla thead th{ background:rgba(32,71,48,.55); color:#CDEBB6; font-weight:700; white-space:nowrap; }
.mt-tabla tbody th{ background:rgba(244,241,232,.05); color:var(--crema); font-weight:700; }
.mt-tabla td{ color:rgba(244,241,232,.84); }
.mt-tabla tbody tr:last-child th, .mt-tabla tbody tr:last-child td{ border-bottom:0; }
.mt-ficha{ min-width:0; }

.mt-colores{ display:flex; flex-wrap:wrap; gap:var(--sp-2); list-style:none; padding:0; margin:0 0 var(--sp-3); }
.mt-colores li{ display:inline-flex; align-items:center; gap:.45rem; min-height:44px;
  padding:.35rem .8rem; border-radius:var(--r-pill);
  background:var(--panel); color:var(--crema);
  border:1px solid var(--panel-borde); font-family:var(--font-body); font-size:.92rem; }
.mt-dot{ width:14px; height:14px; border-radius:50%; border:1px solid rgba(0,0,0,.35); flex:none; }

.mt-giros{ list-style:none; padding:0; margin:0 0 var(--sp-5); display:grid; gap:var(--sp-3); }
.mt-giros li{ font-family:var(--font-body); font-size:var(--t-body); line-height:1.7;
  color:rgba(244,241,232,.84);
  background:rgba(125,192,93,.08); border-left:3px solid var(--verde-marca);
  border-radius:0 var(--r-sm) var(--r-sm) 0; padding:var(--sp-3) var(--sp-4); }

.mt-faq{ background:var(--panel); color:var(--crema); border:1px solid var(--panel-borde);
  border-radius:var(--r-md); padding:var(--sp-3) var(--sp-5); margin-bottom:var(--sp-3); }
.mt-faq summary{ font-family:var(--font-display); font-weight:700; font-size:1.02rem;
  color:var(--crema); cursor:pointer; list-style:none; min-height:44px;
  display:flex; align-items:center; justify-content:space-between; gap:var(--sp-4); }
.mt-faq summary::-webkit-details-marker{ display:none; }
.mt-faq summary::after{ content:"+"; color:var(--verde-vibrante); font-size:1.5rem; line-height:1; }
.mt-faq[open] summary::after{ content:"−"; }
.mt-faq p{ font-size:.98rem !important; margin:var(--sp-2) 0 var(--sp-3) !important; }

.mt-cta{ margin-top:var(--sp-8); padding:var(--sp-6) 0 var(--sp-9); border-top:1px solid var(--linea); }
.mt-cta h2{ margin-top:0; }
.mt-cta-links{ display:flex; align-items:center; gap:.6rem; flex-wrap:wrap;
  font-size:.95rem !important; margin-bottom:var(--sp-5) !important; }
.mt-cta-links a{ display:inline-flex; align-items:center; min-height:44px; }

.art__video{ margin:var(--sp-5) 0 var(--sp-6); }
.art__video video{ width:100%; height:auto; display:block; border-radius:var(--r-md);
  background:var(--carbon-profundo); }
.art__video figcaption{ font-family:var(--font-body); font-size:.9rem; line-height:1.6;
  color:rgba(244,241,232,.66); margin-top:var(--sp-3); max-width:70ch; }

/* ── "Para qué la piden": escenarios de uso (sólo en las 3 fichas sin cliente real) ──
   Fondo y tinta DECLARADOS los dos, como manda la regla: estas tarjetas caen sobre el
   cuerpo oscuro de la ficha y no pueden heredar media pareja. */
.mt-casos { display: grid; gap: .9rem; margin: var(--sp-4) 0 var(--sp-3); }
@media (min-width: 900px) { .mt-casos { grid-template-columns: repeat(3, 1fr); } }
.mt-caso {
  background: var(--panel, rgba(255,255,255,.04));
  color: var(--crema, #F4F1E8);
  border: 1px solid var(--panel-borde, rgba(255,255,255,.09));
  border-radius: var(--r-md, 14px);
  padding: 1rem 1.05rem;
}
.mt-caso h3 {
  margin: 0 0 .45rem; font-family: var(--font-title, system-ui, sans-serif);
  font-size: 1rem; line-height: 1.25; color: var(--verde-vibrante, #A2ED55);
}
.mt-caso p { margin: 0; font-size: .93rem; line-height: 1.6; color: var(--crema, #F4F1E8); }