/* Rediseño v2 (2026-11-10): segunda capa sobre rediseno.css, mismo patrón de una pieza.
 *
 * Se carga después de rediseno.css (functions.php) y solo en staging por ahora: quitar el
 * wp_enqueue de 'circuito-rediseno-v2' devuelve el sitio a la v1 exacta. Las landings de
 * anuncios tampoco la cargan (mismo criterio que rediseno.css).
 *
 * Qué cambia, según la auditoría del 2026-11-10:
 *  - Precios: la prosa deja de vivir en una columna estrecha; las tablas ct-pricing se
 *    pintan como tarjetas con el precio en el color de acento y la primera categoría
 *    destacada. Los precios NO cambian: son los rangos en vivo.
 *  - Envíos: barra de pasos con salto al formulario al principio de la página y la foto
 *    editorial contenida, para que el formulario deje de quedar tan abajo.
 *  - Portada: sección de reseñas con la reseña real de Google (Pedronel Gonzalez).
 *  - Banda .v2-cta reutilizable que functions.php inserta en la página de precios.
 * Solo variables del sistema (site.css / rediseno.css): el modo oscuro sale solo. */

/* ---------------------------------------------------------- precios, ancho */
body.ct-slug-pricing .prose,
body.ct-slug-precios .prose{max-width:1120px}
body.ct-slug-pricing .prose h2,
body.ct-slug-precios .prose h2{margin-top:46px;padding-top:28px;border-top:1px solid var(--line)}
body.ct-slug-pricing .prose h2:first-of-type,
body.ct-slug-precios .prose h2:first-of-type{margin-top:30px;padding-top:0;border-top:0}

/* Las tablas de precios como tarjetas, no como documento. */
.prose table.ct-pricing{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);
 border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sombra);overflow:hidden;margin:16px 0 8px}
.prose table.ct-pricing td{padding:15px 22px;border-top:1px solid var(--line);font-size:15.5px;vertical-align:baseline}
.prose table.ct-pricing tr:first-child td{border-top:0}
.prose table.ct-pricing tr{transition:background .15s}
.prose table.ct-pricing tbody tr:hover{background:var(--surface)}
.prose table.ct-pricing td:last-child{font-family:var(--mono);font-size:15px;font-weight:600;color:var(--accent);text-align:right;white-space:nowrap}
/* La primera categoría (consolas) lleva el borde vivo y el halo del sistema. */
body.ct-slug-pricing .prose table.ct-pricing:first-of-type,
body.ct-slug-precios .prose table.ct-pricing:first-of-type{border-color:var(--borde-vivo);
 box-shadow:var(--sombra),0 26px 60px -30px var(--halo)}

/* ------------------------------------------- banda CTA (precios, vía filtro) */
.v2-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;
 margin:30px 0 6px;padding:24px 28px;border:1px solid var(--borde-vivo);border-radius:var(--r-lg);
 background:var(--card);box-shadow:var(--sombra)}
.v2-cta strong{display:block;font-size:19px;font-stretch:106%;letter-spacing:-.02em}
.v2-cta span{display:block;margin-top:4px;color:var(--muted);font-size:14.5px}
.v2-cta .button{flex:none}

/* ------------------------------------- envíos: barra de pasos y foto contenida */
.v2-shipbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 26px;
 padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--sombra)}
.v2-shipbar span{padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:var(--paper);
 font-family:var(--mono);font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--ink)}
.v2-shipbar a{margin-left:auto;font-weight:650;color:var(--accent)}
body.ct-slug-shipping .editorial-visual img,
body.ct-slug-envios .editorial-visual img{width:100%;max-height:430px;object-fit:cover}

/* ------------------------------------------------------------- reseñas (home) */
.reviews{padding-top:10px}
.review-card{margin:6px 0 0;max-width:820px;padding:34px 38px;border:1px solid var(--line);
 border-radius:var(--r-lg);background:var(--card);box-shadow:var(--sombra)}
.review-stars{display:flex;gap:3px;color:var(--accent)}
.review-stars svg{width:19px;height:19px;fill:currentColor}
.review-card blockquote{margin:18px 0 0;font-size:clamp(22px,2.4vw,29px);line-height:1.32;
 font-weight:600;font-stretch:104%;letter-spacing:-.02em;color:var(--ink)}
.review-card figcaption{margin-top:18px;display:flex;flex-direction:column;gap:2px}
.review-card figcaption strong{font-size:15px}
.review-card figcaption span{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--muted)}

/* --------------------------------------------------------------------- móvil */
@media(max-width:760px){
 .prose table.ct-pricing td{padding:12px 15px;font-size:14.5px}
 .prose table.ct-pricing td:last-child{font-size:13.5px}
 .v2-cta{padding:20px}
 .v2-cta .button{width:100%;justify-content:center}
 .v2-shipbar a{margin-left:0}
 .review-card{padding:24px 22px}
 body.ct-slug-shipping .editorial-visual img,
 body.ct-slug-envios .editorial-visual img{max-height:300px}
}

/* Cabecera de las tablas: el relleno también aplica a los th (en v2.0 solo a los td
   y el título quedaba pegado al borde redondeado de la tarjeta). */
.prose table.ct-pricing th{padding:13px 22px;text-align:left}
.prose table.ct-pricing th:last-child{text-align:right}
@media(max-width:760px){.prose table.ct-pricing th{padding:11px 15px}}