/* Home v2 (2026-11) — se carga DESPUÉS de base.css y home.css.
   Solo colores planos de la marca (sin degradados). */
:root{
  --rm-header:#4C9FE0; --rm-logo-light:#2AA8E2; --rm-logo-dark:#0772BA; --rm-action:#163A5F;
  --rm-text:#16324F; --rm-secondary:#5D6B7E; --rm-bg:#F2F8FD; --rm-heart:#E8323C; --rm-success:#1F7A4D;
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.v2-section{position:relative}
.v2-bg-tint{background:var(--bg-tint)}
.v2-center{justify-content:center;margin-top:28px}

/* Bloque texto + captura */
.v2-split{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center;margin-top:36px}
.v2-split--rev{grid-template-columns:1fr 1.5fr}
.v2-shot{display:flex;justify-content:center;gap:16px}
.v2-shot img{width:100%;max-width:260px;height:auto;border-radius:28px;border:6px solid #fff;box-shadow:0 18px 40px rgba(22,50,79,.14)}
.v2-shot--pair img{max-width:210px}
.v2-shot--pair img:last-child{margin-top:48px}

/* Tarjetas de funciones con fondos pastel */
.v2-grid{display:grid;gap:16px}
.v2-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.v2-card{border-radius:20px;padding:20px;background:#fff;border:1px solid rgba(22,50,79,.06)}
.v2-card h3{font-size:1.05rem;margin:12px 0 6px;color:var(--rm-text)}
.v2-card p{font-size:.92rem;line-height:1.5;color:var(--rm-secondary);margin:0}
.v2-ic{display:inline-flex;width:42px;height:42px;border-radius:12px;align-items:center;justify-content:center}
.v2-ic svg{width:22px;height:22px}
.v2-tint-purple{background:#F8E3EC}.v2-tint-purple .v2-ic{background:#fff;color:#9A1452}
.v2-tint-orange{background:#FDEBD3}.v2-tint-orange .v2-ic{background:#fff;color:#A45F00}
.v2-tint-green{background:#EDF3D6}.v2-tint-green .v2-ic{background:#fff;color:#5B7A0C}
.v2-tint-blue{background:#DDF0F5}.v2-tint-blue .v2-ic{background:#fff;color:#1E7A93}
.v2-tint-yellow{background:#FDF4CC}.v2-tint-yellow .v2-ic{background:#fff;color:#806300}
.v2-tint-pink{background:#F1E2F2}.v2-tint-pink .v2-ic{background:#fff;color:#7A2A80}
.v2-tint-violet{background:#E5E5F6}.v2-tint-violet .v2-ic{background:#fff;color:#3E3F96}

.v2-more{margin-top:24px;text-align:center}
.v2-more a{font-weight:700;color:var(--rm-logo-dark);text-decoration:none}
.v2-more a:hover{text-decoration:underline}

/* Tabla Gratis vs Premium */
.v2-plans{max-width:760px;margin:32px auto 0;background:#fff;border-radius:24px;padding:8px 20px;box-shadow:0 10px 30px rgba(22,50,79,.08)}
.v2-table{width:100%;border-collapse:collapse}
.v2-table th,.v2-table td{padding:14px 8px;border-bottom:1px solid #E6EEF6;text-align:center;color:var(--rm-text)}
.v2-table tbody tr:last-child th,.v2-table tbody tr:last-child td{border-bottom:0}
.v2-table thead th{font-family:'Fredoka',sans-serif;font-size:1.1rem}
.v2-table thead th:last-child{color:var(--rm-logo-dark)}
.v2-table tbody th{text-align:left;font-weight:600;font-size:.95rem}
.v2-yes{display:inline-flex;width:28px;height:28px;border-radius:50%;background:#E3F1E9;color:var(--rm-success);align-items:center;justify-content:center}
.v2-yes svg{width:16px;height:16px}
.v2-no{color:#A9B4C2;font-weight:700}

/* Guías (enlaces a las páginas SEO) */
.v2-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}
.v2-guide{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:20px;text-decoration:none;color:var(--rm-text);transition:transform .15s}
.v2-guide:hover{transform:translateY(-2px)}
.v2-guide b{display:block;font-size:1rem}
.v2-guide small{display:block;color:var(--rm-secondary);font-size:.86rem;margin-top:4px;line-height:1.4}

/* Botón de tienda que no corresponde al teléfono */
.v2-store.is-secondary{opacity:.7}

@media (max-width:900px){
  .v2-split,.v2-split--rev{grid-template-columns:1fr}
  .v2-split--rev .v2-shot{order:2}
  .v2-guides{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .v2-grid-2,.v2-guides{grid-template-columns:1fr}
  .v2-shot--pair img{max-width:46%}
  .v2-shot--pair img:last-child{margin-top:24px}
  .v2-table th,.v2-table td{padding:12px 4px}
  .v2-table tbody th{font-size:.88rem}
}

/* ---------- Ajustes de la home sobre el tema único (theme.css) ---------- */
.hero{background:var(--bg-tint)}
.hero h1 em{color:var(--deep)}
.phone{background:#163A5F;box-shadow:0 24px 48px -24px rgba(22,50,79,.45)}
.phone-screen{background:#DDF0F5}
.phone-map-canvas::after{background:none}
/* Franja de confianza: clara, con números en azul de la marca */
.trust{background:#fff;color:var(--ink);padding:40px 0;border-bottom:1px solid var(--border)}
.trust-grid>div{padding:6px 0}
.trust-grid>div+div{border-left:1px solid var(--border)}
.trust-grid strong{color:var(--deep)}
.trust-grid span{color:var(--muted);opacity:1}
@media (max-width:720px){.trust-grid>div+div{border-left:0}}
/* Tienda y tarjetas */
.product-visual,.product-visual.photo{background:#DDF0F5}
.product-visual.steel{background:#E7ECEF}
.product-visual.rubber{background:#F8E3EC}
.product-visual.tag{background:#DDF0F5}
.product-card.featured{border-color:var(--sky)}
.carnet-photo,.testi-avatar{background:var(--sky)}
.testi-card{box-shadow:none}
.testi-stars{color:#E5A800}
/* Comunidad: íconos en rosa pastel */
.cat-block.social .feat-icon{background:#F8E3EC;color:#9A1452}
.cat-copy .h2{margin-bottom:14px}
#comunidad.cat-section{padding:88px 0}
/* Preguntas frecuentes sobre fondo claro */
.faq-item{border-color:var(--border);box-shadow:none}
/* Perrito del scroll: riel punteado plano (mismo comportamiento) */
.scroll-pet-track{background:none;border-left:2px dashed #C9D8E6;width:0}

