/* generado por _scripts/cuatro.mjs */
.cuatro{background:#0D0E13;color:#F4F0EC;padding:clamp(70px,10vw,140px) clamp(16px,3vw,40px) clamp(60px,8vw,110px);border-top:1px solid rgba(255,255,255,.07)}
.c4-in{max-width:1240px;margin:0 auto}
.cuatro h2{font-weight:500;font-size:clamp(30px,4.4vw,64px);line-height:1.04;letter-spacing:-.03em}
.cuatro h2 em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;color:#e8c98a;font-size:1.12em}
.c4-lista{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,18px);margin-top:clamp(30px,4vw,56px)}
.c4-lista a{display:flex;flex-direction:column;gap:14px;height:100%;min-height:230px;padding:clamp(18px,1.8vw,26px);border-radius:14px;background:#121319;box-shadow:0 0 0 1px rgba(255,255,255,.09);transition:background .3s,box-shadow .3s,transform .6s cubic-bezier(.22,.8,.24,1)}
.c4-lista a:hover{background:#171922;box-shadow:0 0 0 1px rgba(232,201,138,.5);transform:translateY(-4px)}
.c4-k{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:#e8c98a}
.c4-lista b{font-weight:400;font-size:clamp(18px,1.5vw,22px);line-height:1.25;letter-spacing:-.015em}
.c4-lista i{margin-top:auto;font-style:normal;font-size:15px;color:rgba(244,240,236,.7)}
.c4-tuya{margin-top:clamp(26px,3vw,44px);font-size:clamp(16px,1.3vw,19px);color:rgba(244,240,236,.7)}
.c4-tuya a{color:#F4F0EC;border-bottom:1px solid currentColor;padding-bottom:2px;margin-left:.4em}
@media (max-width:900px){.c4-lista{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.c4-lista{grid-template-columns:1fr}.c4-lista a{min-height:0}}
