/* ==========================================================================
   Componente: hero — CV Galería
   Reglas portadas verbatim desde template/styles.css (regla primordial 2).
   ========================================================================== */

.hero{height:calc(100vh - 78px);min-height:680px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,20,.82),rgba(8,10,20,.32) 62%,rgba(8,10,20,.1))}
.hero-content{position:relative;z-index:2;width:min(820px,72%);padding-left:8vw}
.hero h1{font:400 clamp(50px,6.2vw,94px)/.98 Georgia,serif;letter-spacing:-.035em;margin:0}
.hero-copy{font:400 18px/1.55 Georgia,serif;max-width:590px;margin:28px 0}
.hero-actions{display:flex;gap:28px;align-items:center}
.trust{font-size:11px;letter-spacing:.08em;margin-top:22px;opacity:.76}
.hero-stat{position:absolute;z-index:2;right:5vw;bottom:4vw;border-left:1px solid rgba(255,255,255,.6);padding-left:22px;display:flex;flex-direction:column}
.hero-stat strong{font:38px Georgia,serif}
.hero-stat span{font-size:11px;letter-spacing:.15em;text-transform:uppercase}
@media(max-width:900px){.hero{min-height:650px;height:85vh}.hero-content{width:90%;padding-left:6vw}.hero-stat{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:560px){.hero{height:calc(100vh - 66px);min-height:640px}.hero h1{font-size:50px}.hero-copy{font-size:16px}}
@media(max-width:900px){.hero-stat{display:flex;right:6vw;bottom:5vw}}
@media(max-width:560px){.hero-stat{display:none}}