/* ---------- Motor V12: diferencias con la base (landing/landing.css) ----------
   Videos verticales (9:16) recortados con cover (el hero en 16:9 como el Porsche, centrado; el cierre con encuadre bajo),
   video "Aprendé con las manos", lista de regalo y hero en dos columnas en computadora. Las reseñas están en reviews.css. */
/* Acento del V12 en rojo (en el Porsche es celeste): botones, etiquetas, puntos, barras de progreso y detalles.
   #ff3b3b con texto oscuro da contraste 5,5:1 (AA). El azul del sitio (--blue) no cambia. */
:root{--cyan:#ff3b3b;--cyan-hi:#ff6b6b}
.ok-icon{background:#128c4a} /* el check de "pedido recibido" va en verde (el azul del sitio es rojo acá) */
.btn:not(.btn--light):not(.btn--dark):not(.btn--sm):not(.wa-button){box-shadow:0 6px 18px rgb(255 59 59 / 25%)}
/* Todo el azul del sitio pasa a rojo en el V12 (pedido del dueño): etiquetas, el 863, íconos, estrellas, foco.
   Rojo oscuro #c8102e para que los textos chicos sobre blanco se lean (5,9:1). El punto del logo queda azul (marca)
   y en los formularios el foco va en negro, porque el rojo ya marca los errores. */
:root{--blue:#c8102e;--blue-soft:#f9dadd}
.brand span{color:#1268d8}
.order-dialog input:focus,.order-dialog select:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgb(11 13 16 / 14%)}
.radio input:focus-visible+span{outline-color:var(--ink)}
/* El bloque de color de los "tres detalles" también va en rojo (en el Porsche es el azul del sitio). Blanco sobre #c8102e: 5,9:1. */
.blue-block{background:#c8102e}
.blue-block .center-head p,.blue-block .feature p{color:#fff1f1}
.blue-block :focus-visible{outline-color:#fff}
.blue-block .btn--light:hover{background:#ffe9e9}
.closing-bg video{object-position:50% 68%}
.focus-low{object-position:50% 72%}
.story-media{margin-top:32px}
.story-video{max-width:420px}
.story-video .frame{border-radius:16px}
.story-video figcaption{margin-top:10px;font-size:14px;font-weight:500;color:var(--muted-dark)}
.gift-list{list-style:none;padding:0;display:grid;gap:10px;margin:4px 0 0}
.gift-list li{font-size:16px;line-height:1.56;color:var(--muted)}
.gift-list b{font-weight:700;color:var(--ink)}
.community [hidden]{display:none!important} /* reviews.css carga sin bloquear; esto evita que asomen los recuadros ocultos */
@media (min-width:900px){
  .story-media{display:grid;grid-template-columns:420px 1fr;gap:64px;align-items:end}
  .story-media .rail-title{margin-bottom:0}
}