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

.value-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.value-grid>div{padding:28px 28px 10px 0;border-right:1px solid var(--line);margin-right:28px}
.value-grid strong{font-size:11px;color:#9b8159}
.value-grid h3{font:25px Georgia,serif;margin:42px 0 16px}
.value-grid p{font-size:13px;line-height:1.7;min-height:90px;color:#555}
.value-grid b{font-size:11px}
.combined{display:grid;grid-template-columns:1fr 1.2fr;background:var(--navy);color:#fff}
.combined>div{padding:70px}
.combined h3{font:43px/1.05 Georgia,serif}
.combined p{line-height:1.7;color:#cfd0da}
.combined img{width:100%;height:100%;min-height:460px;object-fit:cover}
@media(max-width:900px){.combined{grid-template-columns:1fr}}
@media(max-width:560px){.value-grid>div{border-right:0;border-bottom:1px solid var(--line)}.combined>div{padding:45px 30px}.combined h3{font-size:37px}.combined img{min-height:300px}}
.combined>div p{margin-bottom:36px}
.combined-section{padding-top:120px;padding-bottom:120px;background:#f3f0e9}
@media(max-width:560px){.combined-section{padding-top:75px;padding-bottom:75px}}
.why.section{padding-top:82px;padding-bottom:82px}
.why .eyebrow{margin-bottom:20px}
.why .section-title{display:block;margin-bottom:38px}
.why .section-title h2{font-size:clamp(36px,4vw,56px)}
.why .value-grid>div{padding-top:22px}
.why .value-grid h3{font-size:22px;margin:25px 0 10px}
.why .value-grid p{min-height:0;margin:0;font-size:12px;line-height:1.6}
@media(max-width:560px){.why.section{padding-top:62px;padding-bottom:62px}.why .section-title{margin-bottom:28px}.why .section-title h2{font-size:38px}}
.why-combined .combined{grid-template-columns:1.12fr .88fr}
.why-combined .combined>div{padding:58px 64px}
.why-combined .combined h3{font-size:40px;margin:0 0 34px;max-width:560px}
.combined-values{border-top:1px solid #42465a}
.combined-values article{display:grid;grid-template-columns:32px 1fr;gap:16px;padding:15px 0;border-bottom:1px solid #42465a}
.combined-values strong{font-size:9px;color:var(--gold);padding-top:3px}
.combined-values h4{font:400 18px/1.2 Georgia,serif;margin:0 0 5px}
.combined-values p{font:12px/1.55 Arial,sans-serif!important;color:#cfd0da!important;margin:0!important}
@media(max-width:900px){.why-combined .combined{grid-template-columns:1fr}.why-combined .combined>div{padding:52px 42px}.why-combined .combined img{min-height:360px}}
@media(max-width:560px){.why-combined .combined>div{padding:42px 26px}.why-combined .combined h3{font-size:34px}.combined-values article{grid-template-columns:26px 1fr}.why-combined .combined img{min-height:280px}}