/* Living VPO · Sección de presentación editorial (V3).
   Independiente de las tarjetas de promociones, modales y tracking. */
.lv-hub{background:#f7f7f3;color:#161616;border-top:1px solid #e7e5e0;overflow:hidden}
.lv-hub *{box-sizing:border-box}
.lv-hub-container{padding-top:clamp(55px,6.4vw,91px);padding-bottom:clamp(65px,8vw,122px)}
.lv-hub-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #cbc9c3;padding-top:15px;font-size:.65rem;font-weight:750;line-height:1.4;letter-spacing:.13em;text-transform:uppercase}
.lv-hub-meta-index{display:inline-flex;align-items:center;gap:11px}
.lv-hub-dot{display:inline-block;width:9px;height:9px;background:#ba2934;border-radius:100%}
.lv-hub-meta-slash{color:#97948d}
.lv-hub-meta-side{color:#787770;font-size:.64rem;font-weight:600;text-align:right}
.lv-hub-top{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.63fr);gap:clamp(35px,6vw,100px);align-items:end;padding-top:clamp(58px,7vw,98px)}
.lv-hub-title-group{min-width:0}
.lv-hub-label{display:block;margin-bottom:clamp(20px,3vw,38px);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#a12731}
.lv-hub h2{max-width:960px;margin:0;font-family:Inter,Arial,sans-serif;font-size:clamp(3.2rem,6.8vw,7.4rem);font-weight:750;line-height:.98;letter-spacing:-.079em;color:#151515}
.lv-hub h2 em{font-style:italic;font-weight:550;color:#b62c34}
.lv-hub-period{color:#f2a900}
.lv-hub-mobile-break{display:none}
.lv-hub-description{max-width:400px;padding-bottom:11px}
.lv-hub-description-index{display:block;padding-bottom:13px;border-bottom:1px solid #cecac4;margin-bottom:24px;font-size:.62rem;font-weight:750;letter-spacing:.12em;color:#84807a}
.lv-hub-description p{margin:0 0 17px;font-size:.96rem;line-height:1.7;letter-spacing:-.015em;color:#6d6b68}
.lv-hub-description .lv-hub-description-lead{margin-bottom:22px;font-size:clamp(1.42rem,2.1vw,2.13rem);font-weight:600;line-height:1.15;letter-spacing:-.045em;color:#171717}
.lv-hub-more{display:inline-flex;align-items:center;gap:14px;min-height:35px;margin-top:7px;border-bottom:1px solid #222;font-size:.72rem;font-weight:750;color:#171717;transition:color .2s,border-color .2s}
.lv-hub-more:hover{color:#b62c34;border-color:#b62c34}
.lv-hub-directions{background:#f5a70a;color:#181818}
.lv-hub-directions-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.lv-hub-direction{position:relative;display:flex;min-height:215px;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:27px clamp(19px,2.6vw,38px) 32px 0;border-right:1px solid rgba(25,25,25,.25);transition:background .25s,color .25s,padding-left .25s}
.lv-hub-direction:not(:first-child){padding-left:clamp(19px,2.6vw,38px)}
.lv-hub-direction:last-child{border-right:0}
.lv-hub-direction-index{display:block;margin-bottom:27px;font-size:.62rem;font-weight:800;letter-spacing:.13em;color:#4f3d14}
.lv-hub-direction-title{display:block;max-width:300px;padding-right:22px;font-size:clamp(1.45rem,2.25vw,2.35rem);line-height:1.06;letter-spacing:-.053em;font-weight:750}
.lv-hub-direction-description{display:block;max-width:270px;padding-right:10px;margin-top:auto;padding-top:18px;font-size:.75rem;line-height:1.45;color:#533e10}
.lv-hub-direction-arrow{position:absolute;right:26px;top:25px;font-size:1.5rem;line-height:1}
.lv-hub-direction:hover{background:rgba(255,255,255,.17)}
.lv-hub-direction:focus-visible,.lv-hub-more:focus-visible{outline:3px solid #111;outline-offset:-5px}
@media(max-width:1100px){.lv-hub-top{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:35px}.lv-hub h2{font-size:clamp(3rem,6.5vw,5.5rem)}.lv-hub-direction{min-height:230px}}
@media(max-width:850px){
 .lv-hub-container{padding-top:60px;padding-bottom:68px}
 .lv-hub-top{grid-template-columns:1fr;gap:46px;padding-top:55px}
 .lv-hub h2{max-width:720px;font-size:clamp(3.35rem,8vw,6.2rem)}
 .lv-hub-description{max-width:700px;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
 .lv-hub-description-index{grid-column:1/-1}
 .lv-hub-description .lv-hub-description-lead{font-size:1.75rem}
 .lv-hub-more{grid-column:1/-1;width:max-content}
 .lv-hub-direction{min-height:230px}
}
@media(max-width:650px){
 .lv-hub-container{padding-top:45px;padding-bottom:57px}
 .lv-hub-meta{font-size:.61rem}.lv-hub-meta-side{display:none}
 .lv-hub-top{padding-top:54px;gap:44px}
 .lv-hub-label{font-size:.61rem;line-height:1.5;margin-bottom:22px}
 .lv-hub h2{font-size:clamp(3.14rem,11vw,4.9rem);line-height:1.005;letter-spacing:-.077em;overflow-wrap:normal}
 .lv-hub-mobile-break{display:inline}
 .lv-hub-description{display:block;max-width:100%}
 .lv-hub-description-index{padding-bottom:12px;margin-bottom:19px}
 .lv-hub-description .lv-hub-description-lead{font-size:1.62rem;max-width:320px}
 .lv-hub-description p{font-size:.92rem}
 .lv-hub-directions-inner{grid-template-columns:1fr}
 .lv-hub-direction,.lv-hub-direction:not(:first-child){min-height:136px;padding:19px 58px 21px 0;border-right:0;border-bottom:1px solid rgba(25,25,25,.24)}
 .lv-hub-direction:last-child{border-bottom:0}
 .lv-hub-direction-index{margin-bottom:11px;font-size:.58rem}
 .lv-hub-direction-title{padding:0;font-size:1.53rem}
 .lv-hub-direction-description{margin-top:8px;padding-top:0;font-size:.74rem}
 .lv-hub-direction-arrow{top:23px;right:5px;font-size:1.3rem}
}
@media (prefers-reduced-motion:reduce){.lv-hub-direction{transition:none}}
