/* Rediseño v3 (2026-11-10): densidad y prueba, sobre rediseno-v2.css.
 *
 * Tercera capa, mismo patrón: se deshace quitando el wp_enqueue de 'circuito-rediseno-v3'.
 * Qué añade (petición de Yunior tras ver la v2: «la página está muy simple»):
 *  - Banda de precios en la portada con los «desde» HOY publicados en producción
 *    (PS5 HDMI $79, drift $49, puerto iPad $109, térmico fijo $79): si los precios
 *    cambian, esta banda se edita como cualquier texto comercial.
 *  - Mini-reseña real flotando sobre la foto del hero (la misma de Pedronel).
 *  - Tira de fotos reales del banco (assets/galeria del propio tema).
 *  - FAQ corto en la portada con las respuestas que el sitio ya publica.
 *  - Páginas de servicio a dos columnas: garantías + CTA en un lateral fijo.
 *  - Aparición suave por scroll (rediseno-v3.js marca .v3-reveal; sin JS, todo visible).
 * Solo variables del sistema: el modo oscuro sale solo. */

/* ------------------------------------------------------- banda de precios */
.v3-band-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.v3-price-card{display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid var(--line);
 border-radius:var(--r-lg);background:var(--card);box-shadow:var(--sombra);color:var(--ink);
 transition:border-color .15s,transform .15s}
.v3-price-card:hover{border-color:var(--borde-vivo);transform:translateY(-2px);text-decoration:none}
.v3-price-card strong{font-size:16.5px;line-height:1.35;font-stretch:104%;letter-spacing:-.015em}
.v3-price-card span{margin-top:auto;font-family:var(--mono);font-size:12px;font-weight:500;color:var(--accent)}

/* ---------------------------------------------- mini-reseña sobre el hero */
.v3-hero-review{position:absolute;z-index:3;top:24px;right:24px;max-width:272px;padding:14px 16px;
 border-radius:var(--r-md);background:var(--velo);color:var(--on-velo);border:1px solid var(--velo-line);
 -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.v3-hero-review .review-stars svg{width:15px;height:15px}
.v3-hero-review p{margin:9px 0 0;font-size:15.5px;line-height:1.35;font-weight:600;letter-spacing:-.01em}
.v3-hero-review span{display:block;margin-top:7px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--on-velo-soft)}

/* ------------------------------------------------------ tira de fotos reales */
.v3-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.v3-strip-grid figure{margin:0}
.v3-strip-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-md);
 border:1px solid var(--line);box-shadow:var(--sombra)}
.v3-strip-grid figcaption{margin-top:9px;font-family:var(--mono);font-size:12px;letter-spacing:.05em;color:var(--muted)}

/* ------------------------------------------------------------ FAQ de portada */
.v3-faq-list{max-width:840px}
.v3-faq-list details{border-top:1px solid var(--line);padding:18px 2px}
.v3-faq-list details:last-child{border-bottom:1px solid var(--line)}
.v3-faq-list summary{font-size:17px;font-weight:620;letter-spacing:-.015em;cursor:pointer}
.v3-faq-list details p{margin:10px 0 2px;color:var(--muted);max-width:640px}

/* ------------------------------------------- servicio a dos columnas + aside */
.page-content:has(.v3-aside){display:grid;grid-template-columns:minmax(0,1fr) 318px;column-gap:46px}
.page-content:has(.v3-aside)>*:not(.prose):not(.v3-aside){grid-column:1/-1}
.page-content:has(.v3-aside) .prose{grid-column:1;min-width:0}
.v3-aside{grid-column:2;align-self:start;position:sticky;top:112px;margin-top:6px;padding:24px;
 border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--sombra)}
.v3-aside h3{margin:0 0 14px;font-size:18px}
.v3-aside ul{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:11px}
.v3-aside li{position:relative;padding-left:24px;font-size:14.5px;line-height:1.45;color:var(--muted)}
.v3-aside li::before{content:"";position:absolute;left:0;top:2px;width:15px;height:15px;border-radius:50%;
 background:color-mix(in srgb,var(--accent) 14%,transparent);
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 10.5l3.5 3.5 7-8'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 10.5l3.5 3.5 7-8'/%3E%3C/svg%3E") center/contain no-repeat;
 background-color:var(--accent)}
.v3-aside .button{width:100%;justify-content:center}
.v3-aside .text-link{display:block;margin-top:14px;text-align:center}

/* ----------------------------------------------------- aparición por scroll */
html.v3-js .v3-reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
html.v3-js .v3-reveal.is-in{opacity:1;transform:none}

/* ------------------------------------- dos reseñas lado a lado (2026-11-10) */
.reviews:has(> .review-card + .review-card){display:grid;grid-template-columns:1fr 1fr;gap:18px}
.reviews:has(> .review-card + .review-card) .section-heading{grid-column:1/-1}
.reviews:has(> .review-card + .review-card) .review-card{max-width:none;margin:0}

/* ------------------------------------------------------------------- móvil */
@media(max-width:1100px){
 .v3-band-grid{grid-template-columns:repeat(2,1fr)}
 .v3-strip-grid{grid-template-columns:repeat(2,1fr)}
 .page-content:has(.v3-aside){grid-template-columns:1fr}
 .v3-aside{grid-column:1;position:static;margin-top:34px}
}
@media(max-width:760px){
 .reviews:has(> .review-card + .review-card){grid-template-columns:1fr}
 .v3-band-grid{grid-template-columns:1fr}
 .v3-hero-review{top:16px;right:16px;left:auto;max-width:200px;padding:10px 12px}
 .v3-hero-review p{display:none}
 .v3-hero-review span{margin-top:5px}
}
@media(prefers-reduced-motion:reduce){
 html.v3-js .v3-reveal{opacity:1;transform:none;transition:none}
 .v3-price-card:hover{transform:none}
}