/* ============================================================
   TouringXX · Capa de fidelidad .dc (etapa 07.4)
   Reglas responsive que los diseños .dc aplican mediante data-r.
   Copiadas literalmente del <helmet> de los .dc, SIN las reglas de
   header (el header/footer son los de producción).
   base.css ya cubre: box-sizing, margin 0 en h1–h4 y p, scroll-behavior,
   ::selection, focus-visible y prefers-reduced-motion.
   ============================================================ */

.dcpage a{text-decoration:none}
.dcpage details summary::-webkit-details-marker{display:none}
.dcpage details summary::marker{content:""}
.dcpage svg{display:inline-block;vertical-align:middle}

/* El .dc marca las anclas con scroll-margin-top:74px inline; el header de
   producción usa la misma altura declarada en --header-h. */
.dcpage [id]{scroll-margin-top:calc(var(--header-h) + 4px)}

/* La tabla comparativa de IA Corporativa apila antes que el resto. */
@media (max-width:820px){
  .dcpage [data-r~="cmp"]{grid-template-columns:1fr !important}
  .dcpage [data-r~="cmp"] > div{border-left:0 !important}
}

@media (max-width:1000px){
  .dcpage [data-r~="container"]{padding-left:22px !important;padding-right:22px !important}
  .dcpage [data-r~="2col"],
  .dcpage [data-r~="article"],
  .dcpage [data-r~="doc"],
  .dcpage [data-r~="res"],
  .dcpage [data-r~="fases"],
  .dcpage [data-r~="hero"]{grid-template-columns:1fr !important}
  /* Filas de la tabla de cookies e inventario: cabecera + valor apilados. */
  .dcpage [data-r~="ck-row"]{grid-template-columns:1fr !important}
  .dcpage [data-r~="3col"],
  .dcpage [data-r~="4col"],
  .dcpage [data-r~="5col"]{grid-template-columns:1fr 1fr !important}
  /* Cuerpo + columna lateral del artículo: sin esto la columna del texto
     se calcula como resto y llega a 0px por debajo de ~390px. */
  .dcpage [data-r~="aside"]{position:static !important}
  /* Comparativa apilada: las etiquetas por fila aparecen y la cabecera
     de columna se oculta, porque ya no hay columnas que encabezar. */
  .dcpage [data-r~="cmp"]{grid-template-columns:1fr !important}
  .dcpage [data-r~="cmp"] [data-r~="cmp-cell"]{border-left:none !important;border-top:1px solid var(--line-2, #E1DBCE)}
  .dcpage [data-r~="cmp-lab"]{display:block !important}
  .dcpage [data-r~="cmp-cap"]{display:none !important}
  .dcpage [data-r~="tap"]{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}
  .dcpage [data-r~="tap-row"]{min-height:44px;padding-top:10px;padding-bottom:10px;align-items:center}
  .dcpage [data-r~="scrollx"]{overflow-x:auto}
  .dcpage [data-r~="scrollx"] > *{min-width:660px}
}

@media (max-width:620px){
  .dcpage [data-r~="3col"],
  .dcpage [data-r~="4col"],
  .dcpage [data-r~="5col"],
  .dcpage [data-r~="field2"],
  .dcpage [data-r~="flow"]{grid-template-columns:1fr !important}
  .dcpage [data-r~="container"]{padding-left:16px !important;padding-right:16px !important}
  .dcpage [data-r~="section"]{padding-top:40px !important;padding-bottom:44px !important}
  .dcpage [data-r~="touch"]{min-height:56px !important}
  .dcpage [data-r~="cta"]{width:100% !important;text-align:center !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:48px !important}
  .dcpage [data-r~="tap"]{min-height:44px !important;min-width:44px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}
  .dcpage [data-r~="tap-row"]{min-height:44px !important;padding-top:10px !important;padding-bottom:10px !important;align-items:center !important}
}