/* home-v2.css — Portada nueva, v2 (03/11/2026).
 * Misma identidad visual que homepage.css (azules, degradados, tarjetas). Solo añade:
 * puertas por situación en el hero, bloque "esta semana", franja profesionales, apoyo. */

/* Hero: más compacto que el original (no 92vh) y con las puertas */
.hv2 .hero-section{min-height:auto;padding:70px 0 60px}
.hv2 .hero-title{font-size:clamp(2rem,4vw,3.2rem)}
.hv2 .hero-subtitle{font-size:1.15rem;font-weight:500;max-width:620px;margin-bottom:28px}
.hv2-doors{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:6px 0 22px;position:relative;z-index:10}
@media(max-width:576px){.hv2-doors{grid-template-columns:1fr}}
.hv2-door{display:flex;gap:14px;align-items:center;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.35);border-radius:16px;padding:14px 16px;color:#fff;text-decoration:none;transition:.2s}
.hv2-door:hover{background:#fff;color:var(--hp-blue-700,#0369a1);transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(0,0,0,.35)}
.hv2-door i{flex:none;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.22);display:grid;place-items:center;font-size:1.15rem}
.hv2-door:hover i{background:var(--hp-bg-blue,#eff6ff)}
.hv2-door .t{font-weight:700;line-height:1.25;display:block}.hv2-door .s{display:block;font-size:.82rem;opacity:.9;margin-top:2px}
.hv2-search{display:flex;gap:8px;max-width:560px;position:relative;z-index:10}
.hv2-search input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.95);border-radius:50px;padding:12px 20px;font-size:1rem}
.hv2-search button{border:0;border-radius:50px;padding:12px 22px;font-weight:700;background:#fff;color:var(--hp-blue-700,#0369a1)}
.hv2-search button:hover{background:var(--hp-bg-blue,#eff6ff)}
.hv2 .hero-stats{margin-top:26px;gap:32px}
.hv2 .hero-stat-number{font-size:2rem}

/* Esta semana */
.hv2-week{padding:70px 0;background:#fff}
.hv2-week .section-header{margin-bottom:34px}
.hv2-live{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--hp-text-mut,#64748b);background:var(--hp-bg-subtle,#f1f5f9);border-radius:50px;padding:6px 14px;margin-top:10px}
.hv2-live b{width:8px;height:8px;border-radius:50%;background:#16a34a;animation:hv2p 1.6s infinite}@keyframes hv2p{50%{opacity:.25}}
.hv2-col{background:var(--hp-bg,#f8fafc);border:1px solid var(--hp-border,#e2e8f0);border-radius:20px;padding:26px 26px 20px;height:100%;display:flex;flex-direction:column}
.hv2-col h3{font-size:1.05rem;font-weight:800;color:var(--hp-text,#1e293b);display:flex;align-items:center;gap:10px;margin-bottom:12px}
.hv2-col h3 i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:.95rem;background:linear-gradient(135deg,var(--hp-blue-600,#2563eb),var(--hp-cyan,#06b6d4))}
.hv2-item{display:block;padding:12px 0;border-top:1px solid var(--hp-border,#e2e8f0);text-decoration:none;color:var(--hp-text,#1e293b)}
.hv2-item:hover .ti{color:var(--hp-blue-700,#0369a1)}
.hv2-item .ti{font-weight:600;line-height:1.35;display:block;font-size:.97rem}
.hv2-item .ex{display:block;font-size:.88rem;color:var(--hp-text-mut,#64748b);margin-top:4px;line-height:1.45}
.hv2-item .mt{display:block;font-size:.78rem;color:var(--hp-text-mut,#64748b);margin-top:4px}
.hv2-col .more{margin-top:auto;padding-top:14px;font-weight:700;text-decoration:none;color:var(--hp-blue-700,#0369a1);font-size:.92rem}

/* Herramientas: reutiliza three-ways-card con tres degradados */
.hv2-tools{padding:70px 0;background:linear-gradient(180deg,var(--hp-bg,#f8fafc),#fff)}
.hv2-tools .three-ways-card-link{background:rgba(255,255,255,.18);padding:10px 16px;border-radius:50px}
.hv2-tools .three-ways-card-link:hover{background:#fff;color:var(--hp-blue-700,#0369a1)}

/* Familias (reutiliza community-section) */
.hv2 .community-feature-title a{color:inherit;text-decoration:none}.hv2 .community-feature-title a:hover{text-decoration:underline}

/* Profesionales */
.hv2-pro{padding:26px 0;background:var(--hp-bg-blue,#eff6ff);border-top:1px solid var(--hp-border-blue,#bfdbfe);border-bottom:1px solid var(--hp-border-blue,#bfdbfe)}
.hv2-pro .container{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between}
.hv2-pro p{margin:0;color:var(--hp-text,#1e293b);font-weight:500}
.hv2-pro a{font-weight:700;text-decoration:none;margin-left:18px;white-space:nowrap}

/* Confianza */
.hv2-trust{padding:60px 0;background:#fff}
.hv2-trust .about-card{height:100%}

/* ── v3 (03/11/2026): tipografía Nunito, color y huecos para imágenes ── */
.hv2, .hv2 h1, .hv2 h2, .hv2 h3, .hv2 .btn, .hv2 input, .hv2 button{font-family:'Nunito',system-ui,-apple-system,'Segoe UI',sans-serif}
.hv2 .hero-title{font-weight:900;letter-spacing:-.01em}
.hv2 .hero-title em{font-style:normal;color:#ffd166}
.hv2 .section-title{font-weight:900}
.hv2 .section-badge{background:#fff3e0;color:#b45309;border:1px solid #fed7aa}

/* Puertas con color propio */
.hv2-door.c1 i{background:#2563eb}.hv2-door.c2 i{background:#0d9488}.hv2-door.c3 i{background:#f59e0b}.hv2-door.c4 i{background:#e11d74}
.hv2-door i{color:#fff}
.hv2-door:hover.c1 i{background:#2563eb}.hv2-door:hover.c2 i{background:#0d9488}.hv2-door:hover.c3 i{background:#f59e0b}.hv2-door:hover.c4 i{background:#e11d74}

/* Imagen del hero (columna derecha) */
.hv2-heroimg{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:6/7;box-shadow:0 30px 60px -20px rgba(0,0,0,.45);border:3px solid rgba(255,255,255,.35);background:linear-gradient(160deg,#60a5fa,#7c3aed 60%,#f472b6)}
.hv2-heroimg img{width:100%;height:100%;object-fit:cover;display:block}
.hv2-heroimg .ph,.hv2-careimg .ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:rgba(255,255,255,.9);text-align:center;font-size:.9rem;padding:1rem}
.hv2-heroimg .ph i,.hv2-careimg .ph i{font-size:5rem;opacity:.35}.hv2-heroimg .ph small,.hv2-careimg .ph small{opacity:.75;font-size:.75rem}
.hv2-heroimg-card{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(255,255,255,.95);border-radius:16px;padding:12px 14px;display:flex;gap:12px;align-items:center;color:#1e293b;box-shadow:0 10px 30px -10px rgba(0,0,0,.35)}
.hv2-heroimg-card i{width:40px;height:40px;border-radius:12px;background:#fde7f0;color:#e11d74;display:grid;place-items:center;font-size:1.1rem;flex:none}
.hv2-heroimg-card b{display:block;font-weight:800;font-size:.95rem}.hv2-heroimg-card span{font-size:.82rem;color:#64748b}

/* Esta semana: fondo tintado y columnas con color */
.hv2-week{background:linear-gradient(180deg,#fff 0%,#f0f7ff 100%)}
.hv2-col{border-top:4px solid #2563eb;background:#fff;box-shadow:0 10px 30px -18px rgba(15,23,42,.25)}
.hv2-col.k1{border-top-color:#f59e0b}.hv2-col.k1 h3 i{background:linear-gradient(135deg,#f59e0b,#f97316)}
.hv2-col.k2{border-top-color:#0d9488}.hv2-col.k2 h3 i{background:linear-gradient(135deg,#0d9488,#06b6d4)}
.hv2-col.k3{border-top-color:#7c3aed}.hv2-col.k3 h3 i{background:linear-gradient(135deg,#7c3aed,#a855f7)}
.hv2-col.k1 .more{color:#b45309}.hv2-col.k2 .more{color:#0f766e}.hv2-col.k3 .more{color:#6d28d9}
.hv2-live{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}

/* Herramientas: tres colores distintos */
.hv2-t1{background:linear-gradient(135deg,#0d9488,#14b8a6)}
.hv2-t2{background:linear-gradient(135deg,#2563eb,#0ea5e9)}
.hv2-t3{background:linear-gradient(135deg,#d97706,#f59e0b)}
.hv2-tools{background:linear-gradient(180deg,#f0f7ff 0%,#fff 100%)}

/* Familias: imagen + degradado cálido sobre el bloque oscuro existente */
.hv2 .community-section{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 45%,#9d174d 100%)}
.hv2-careimg{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:3/2;margin-bottom:26px;box-shadow:0 24px 50px -20px rgba(0,0,0,.5);background:linear-gradient(160deg,#f472b6,#fb923c)}
.hv2-careimg img{width:100%;height:100%;object-fit:cover;display:block}
.hv2 .community-badge{background:rgba(255,255,255,.16);color:#fff}

/* Profesionales y "sobre": un poco de color */
.hv2-pro{background:#fffbeb;border-color:#fde68a}
.hv2-pro a{color:#b45309}
.hv2 .about-card--sky .about-card-icon{background:linear-gradient(135deg,#0d9488,#14b8a6)}
.hv2 .about-card--navy .about-card-icon{background:linear-gradient(135deg,#7c3aed,#a855f7)}
.hv2 .about-card--blue .about-card-icon{background:linear-gradient(135deg,#f59e0b,#f97316)}
.hv2 .about-card-title{font-weight:800}

/* Cierre */
.hv2 .cta-section{background:linear-gradient(135deg,#0f766e 0%,#0369a1 55%,#1d4ed8 100%)}
.hv2 .btn-cta{background:#ffd166;color:#1e293b}
.hv2 .btn-cta:hover{background:#ffe08a;color:#1e293b}

/* Profesionales v4: sección completa con dos tarjetas */
.hv2-pro{padding:70px 0;background:linear-gradient(180deg,#fffbeb 0%,#fff 100%);border:0}
.hv2-pro .container{display:block}
.hv2-procard{background:#fff;border-radius:22px;padding:28px;height:100%;display:flex;flex-direction:column;gap:18px;box-shadow:0 14px 40px -22px rgba(15,23,42,.35);border:1px solid #f1f5f9;border-top:5px solid #2563eb}
.hv2-procard.res{border-top-color:#7c3aed}
.hv2-procard-head{display:flex;gap:16px;align-items:flex-start}
.hv2-procard-head .ic{flex:none;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:1.5rem;background:linear-gradient(135deg,#2563eb,#0ea5e9)}
.hv2-procard.res .ic{background:linear-gradient(135deg,#7c3aed,#a855f7)}
.hv2-procard h3{font-size:1.35rem;font-weight:900;margin:0 0 4px;color:#1e293b}
.hv2-procard-head p{margin:0;color:#64748b}
.hv2-procard ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;flex:1}
.hv2-procard li{display:flex;gap:10px;align-items:flex-start;color:#1e293b;font-weight:600;line-height:1.4}
.hv2-procard li i{color:#16a34a;margin-top:2px}
.hv2-procard-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:6px;border-top:1px solid #f1f5f9}
.hv2-procard .btn-pro{display:inline-flex;align-items:center;gap:8px;border-radius:50px;padding:11px 20px;font-weight:800;color:#fff;text-decoration:none;background:#2563eb;margin:0}
.hv2-procard.res .btn-pro{background:#7c3aed}
.hv2-procard .btn-pro:hover{filter:brightness(1.08);color:#fff}
.hv2-procard-foot small{color:#64748b}
.hv2-pro .section-subtitle{margin:10px auto 0;text-align:center;font-weight:400;color:#64748b}
.hv2-procard-foot{flex-wrap:nowrap}
.hv2-procard-foot small{white-space:nowrap}
@media(max-width:480px){.hv2-procard-foot{flex-wrap:wrap}}

/* Hero: fotos en fundido */
.hv2-heroimg .hv2-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}
.hv2-heroimg .hv2-slide.on{opacity:1}

/* ── Color más intenso (03/11/2026) ─────────────────────────────────────────
 * Chrome, Edge y Safari muestran los colores sRGB tal cual; Firefox (sin gestión de color)
 * los exagera en pantallas de gama amplia. Diseñamos para los primeros, que son la mayoría,
 * y en pantallas P3 usamos colores P3 para ganar intensidad real. */
.hv2 .hero-section::before{background:linear-gradient(135deg,rgba(0,72,200,.88) 0%,rgba(0,104,235,.78) 40%,rgba(0,140,240,.68) 75%,rgba(0,175,220,.62) 100%)}
.hv2-door{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.45)}
.hv2-door.c1 i{background:#1f5cff}.hv2-door.c2 i{background:#00a896}.hv2-door.c3 i{background:#ff9f00}.hv2-door.c4 i{background:#ff1f7a}
.hv2-t1{background:linear-gradient(135deg,#00927f 0%,#00c4a7 100%)}
.hv2-t2{background:linear-gradient(135deg,#1747e6 0%,#0096ff 100%)}
.hv2-t3{background:linear-gradient(135deg,#f07800 0%,#ffb300 100%)}
.hv2-col.k1{border-top-color:#ff8a00}.hv2-col.k1 h3 i{background:linear-gradient(135deg,#ff8a00,#ffb300)}
.hv2-col.k2{border-top-color:#00a896}.hv2-col.k2 h3 i{background:linear-gradient(135deg,#00a896,#00c2e0)}
.hv2-col.k3{border-top-color:#7a2cff}.hv2-col.k3 h3 i{background:linear-gradient(135deg,#7a2cff,#b14dff)}
.hv2-week{background:linear-gradient(180deg,#ffffff 0%,#e6f0ff 100%)}
.hv2-tools{background:linear-gradient(180deg,#e6f0ff 0%,#ffffff 100%)}
.hv2 .community-section{background:linear-gradient(135deg,#1b1464 0%,#3a1c9c 45%,#c4135f 100%)}
.hv2-pro{background:linear-gradient(180deg,#fff4d6 0%,#ffffff 100%)}
.hv2-procard{border-top-color:#1f5cff}.hv2-procard-head .ic{background:linear-gradient(135deg,#1f5cff,#0096ff)}.hv2-procard .btn-pro{background:#1f5cff}
.hv2-procard.res{border-top-color:#7a2cff}.hv2-procard.res .ic{background:linear-gradient(135deg,#7a2cff,#b14dff)}.hv2-procard.res .btn-pro{background:#7a2cff}
.hv2 .cta-section{background:linear-gradient(135deg,#00927f 0%,#0068e0 55%,#2a3fff 100%)}
.hv2 .btn-cta{background:#ffc93c}
.hv2 .hero-title em{color:#ffd23f}
.hv2 .section-title{color:#0b3fb8}

@supports (color: color(display-p3 1 0 0)){
  @media (color-gamut: p3){
    .hv2-t1{background:linear-gradient(135deg,color(display-p3 0 .56 .49) 0%,color(display-p3 0 .77 .65) 100%)}
    .hv2-t2{background:linear-gradient(135deg,color(display-p3 .1 .28 .93) 0%,color(display-p3 0 .58 1) 100%)}
    .hv2-t3{background:linear-gradient(135deg,color(display-p3 .95 .47 0) 0%,color(display-p3 1 .71 0) 100%)}
    .hv2 .hero-section::before{background:linear-gradient(135deg,color(display-p3 0 .28 .82/.88) 0%,color(display-p3 0 .42 .96/.78) 40%,color(display-p3 0 .56 .97/.68) 75%,color(display-p3 0 .69 .89/.62) 100%)}
    .hv2 .community-section{background:linear-gradient(135deg,color(display-p3 .1 .08 .4) 0%,color(display-p3 .22 .11 .62) 45%,color(display-p3 .78 .07 .37) 100%)}
    .hv2 .cta-section{background:linear-gradient(135deg,color(display-p3 0 .56 .49) 0%,color(display-p3 0 .41 .9) 55%,color(display-p3 .18 .25 1) 100%)}
    .hv2 .hero-title em{color:color(display-p3 1 .83 .2)}
  }
}