/* ============================================
   HERO.CSS — Hero 3-col con fénix, glow y arco
   ============================================ */

.hero{background:radial-gradient(ellipse at 22% 35%,#16436f 0%,#0b2745 48%,#081c33 100%);color:#fff;position:relative;overflow:hidden}

.hero .glow{position:absolute;left:14%;top:50%;transform:translate(-50%,-50%);width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(159,208,245,.16) 0%,rgba(47,127,212,.07) 45%,transparent 70%);pointer-events:none}

.hero .arc{position:absolute;left:50%;bottom:-40px;transform:translateX(-50%);width:1400px;height:150px;border-radius:50% 50% 0 0/100% 100% 0 0;background:var(--paper)}

.hero-in{display:grid;grid-template-columns:300px 1fr 300px;gap:44px;align-items:center;padding-top:56px;padding-bottom:100px;position:relative;z-index:1}

.phoenix-hero{width:100%;max-width:280px;filter:drop-shadow(0 0 30px rgba(159,208,245,.4))}

/* Marca de agua del fénix: solo visible en mobile, ver responsive.css */
.hero-phoenix-watermark{display:none}

.hero h1{font-family:var(--display);font-size:clamp(2.6rem,4.6vw,3.8rem);font-weight:600;line-height:1.04;margin-bottom:6px}
.hero h1 .sub{font-size:.62em;font-weight:500;display:inline-block;margin-top:4px}

.hero .divider{display:flex;align-items:center;gap:12px;color:var(--sky);margin:14px 0 12px;max-width:340px}
.hero .divider span{font-size:.75rem}
.hero .divider::before,.hero .divider::after{content:'';flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--sky))}
.hero .divider::after{background:linear-gradient(90deg,var(--sky),transparent)}

.hero .tagline{font-family:var(--display);font-style:italic;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.25;color:var(--sky);margin-bottom:20px}

.hero p.lede{color:#c6dcf0;max-width:44ch;margin-bottom:32px;font-size:1.08rem}

.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}

/* Tarjeta "Why Choose Us" (vidrio esmerilado) */
.why-card{background:linear-gradient(180deg,rgba(47,127,212,.16),rgba(18,58,102,.3));border:1px solid rgba(159,208,245,.35);border-radius:18px;padding:28px 26px;backdrop-filter:blur(6px);box-shadow:0 16px 40px rgba(0,0,0,.25)}
.why-card h3{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sky);margin-bottom:16px;font-weight:800}
.why-card li{padding:11px 0;border-bottom:1px solid rgba(159,208,245,.2);display:flex;gap:11px;align-items:center;font-size:1rem;color:#eaf4fd}
.why-card li:last-child{border:none}
.why-card li::before{content:'';width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#dceeff,#2f7fd4);flex-shrink:0}