/* Inicio simplificado: fotografía protagonista, sin mockups ni tarjetas flotantes. */
.hero.hero-refined { min-height:0; padding:clamp(2.5rem,5vw,4.8rem) 0; background:#080406; }
.hero.hero-refined::before,.hero.hero-refined::after,.hero-refined .hero-bg-grid { display:none; }
.hero-refined .hero-layout { grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr); gap:clamp(24px,4vw,56px); align-items:center; }
.hero-refined .hero-copy { min-width:0; }
.hero-refined .hero-copy h1 { font-family:var(--font-main); font-size:clamp(2.4rem,4.5vw,4rem); font-weight:800; line-height:1.08; letter-spacing:-.055em; text-transform:none; margin:0; max-width:600px; }
.hero-refined .hero-copy h1 strong { color:#ff3946; text-shadow:none; }
.hero-refined .hero-copy p { font-size:1rem; line-height:1.7; margin-top:18px; }
.hero-refined .hero-copy .market-focus { border:0; padding:0; border-radius:0; background:none; color:#ded9d9; }
.hero-refined .hero-copy .market-focus strong { color:#fff; }
.hero-refined .hero-actions { flex-direction:row; justify-content:flex-start; gap:12px; margin-top:24px; align-items:center; }
.hero-refined .hero-actions .btn { min-height:50px; }
.hero-device-link { flex-basis:100%; font-size:.9rem; color:#d4c9cb; padding:8px 0; text-decoration:underline; text-underline-offset:5px; }
.hero-device-link:hover { color:#fff; }
.hero-refined .hero-benefits { display:flex; flex-wrap:wrap; gap:12px 18px; margin-top:16px; font-size:.75rem; font-weight:600; }
.hero-refined .hero-benefits span { width:auto; padding:0; border:0; border-radius:0; background:none; text-align:left; }
.hero-visual { margin:0; min-width:0; }
.hero-visual img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:contain; border-radius:14px; }
.hero-refined :focus-visible { outline:3px solid #ff9ba2; outline-offset:5px; }
@media(max-width:900px) { .hero-refined .hero-layout { grid-template-columns:1fr; gap:28px; }.hero-refined .hero-copy { max-width:680px; }.hero-visual { width:100%; max-width:740px; justify-self:center; }.hero-refined .hero-copy h1 { font-size:clamp(2.35rem,6.5vw,3.8rem); } }
@media(max-width:500px) { .hero.hero-refined { padding:30px 0; }.hero-refined .hero-copy h1 { font-size:clamp(2.1rem,9vw,2.8rem); }.hero-refined .hero-actions .btn { width:auto; flex:1; min-width:130px; }.hero-refined .hero-benefits { gap:10px 14px; }.hero-refined .hero-copy p { font-size:.95rem; }.hero-refined .hero-layout { gap:22px; } }