.ipki{box-sizing:border-box;width:100%;max-width:2048px;margin:0 auto;padding:2.2% 3.8% 2.5%;background:#252728 url('fondo.png') center/cover no-repeat;color:#fff;font-family:Arial,Helvetica,sans-serif;container-type:inline-size}
.ipki *,.ipki *::before,.ipki *::after{box-sizing:border-box}
.ipki a,.ipki a:visited{color:inherit;text-decoration:none;box-shadow:none}
.ipki a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.ipki .ipki-header{display:grid;grid-template-columns:22% 1fr;align-items:center;gap:1.8%;margin:0 0 2%;padding:0;border:0}
.ipki .ipki-logo{display:block;width:100%;height:auto;max-height:170px;object-fit:contain;margin:0;border:0}
.ipki .ipki-title{font:700 clamp(23px,3.05vw,64px)/1.02 Georgia,'Times New Roman',serif;font-size:clamp(23px,3.2cqi,64px);letter-spacing:0;text-transform:none;color:#fff;margin:0;padding:0;border:0;overflow-wrap:anywhere}
.ipki .ipki-hero{position:relative;aspect-ratio:1.95;overflow:hidden;background:#181818}
.ipki .ipki-image-link{display:block;width:100%;height:100%}
.ipki .ipki-photo{display:block;width:100%;height:100%;max-width:none;object-fit:cover;margin:0;border:0;border-radius:0}
.ipki .ipki-placeholder{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:linear-gradient(135deg,#181818,#63231d);color:#fff;font:700 26px Georgia,serif}
.ipki .ipki-overlay{position:absolute;bottom:3.3%;left:1.5%;right:1.8%;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;pointer-events:none}
.ipki .ipki-meta{display:flex;flex-wrap:wrap;align-items:stretch;font-size:clamp(11px,1.45cqi,30px);line-height:1.25}
.ipki .ipki-category,.ipki .ipki-byline,.ipki .ipki-cta{padding:7px 10px;color:#fff}
.ipki .ipki-category,.ipki .ipki-cta{background:#dc2c08}
.ipki .ipki-byline{background:#252728}
.ipki .ipki-cta{pointer-events:auto;font-size:clamp(11px,1.45cqi,30px);font-weight:700;line-height:1.25;white-space:nowrap}
.ipki .ipki-cta:hover{background:#ae2106}
.ipki .ipki-excerpt{font-size:clamp(17px,2cqi,40px);line-height:1.12;color:#fff;margin:1.7% 0 2.5%;padding:0}
.ipki .ipki-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.8%}
.ipki .ipki-card{margin:0;padding:0;border:0;background:transparent;min-width:0}
.ipki .ipki-card>a{display:block;position:relative;aspect-ratio:1.83;overflow:hidden;background:#181818}
.ipki .ipki-card-overlay{position:absolute;left:0;right:4.4%;bottom:4.5%;padding-top:22px}
.ipki .ipki-card-category{position:absolute;right:0;top:0;background:#252728;color:#fff;padding:5px 10px;font-size:clamp(12px,1.5cqi,30px);line-height:1.2;transform:translateY(-35%)}
.ipki .ipki-card-title{margin:0;padding:3% 2.4% 4%;background:rgba(229,63,17,.84);color:#fff;font:700 clamp(19px,2.15vw,44px)/1.1 Georgia,'Times New Roman',serif;font-size:clamp(19px,2.3cqi,44px);text-transform:none;letter-spacing:0;overflow-wrap:anywhere}
@container (max-width:760px){.ipki .ipki-overlay{flex-wrap:wrap}.ipki .ipki-meta{font-size:12px}.ipki .ipki-cta{font-size:12px}.ipki .ipki-category,.ipki .ipki-byline,.ipki .ipki-cta{padding:5px 7px}.ipki .ipki-hero{aspect-ratio:1.6}.ipki .ipki-card>a{aspect-ratio:1.3}}
@container (max-width:520px){.ipki .ipki-header{grid-template-columns:1fr;gap:14px;margin-bottom:18px}.ipki .ipki-logo{width:190px;max-height:100px;margin:auto}.ipki .ipki-title{font-size:25px;line-height:1.08}.ipki .ipki-hero{aspect-ratio:auto;padding-top:62%}.ipki .ipki-image-link{position:absolute;inset:0;height:auto}.ipki .ipki-overlay{position:relative;left:auto;right:auto;bottom:auto;padding:12px;background:#191919;gap:10px}.ipki .ipki-excerpt{font-size:17px;line-height:1.35;margin:18px 0}.ipki .ipki-cards{grid-template-columns:1fr;gap:18px}.ipki .ipki-card>a{aspect-ratio:1.55}.ipki .ipki-card-title{font-size:23px}.ipki .ipki-card-category{font-size:13px}}
@media(max-width:600px){.ipki{padding:18px 14px}.ipki .ipki-cards{grid-template-columns:1fr;gap:18px}}
/* Protección de textos largos en pantallas pequeñas. Escritorio sin cambios. */
@container(max-width:760px){.ipki .ipki-header>*{min-width:0}.ipki .ipki-meta{min-width:0;max-width:100%}.ipki .ipki-byline{overflow-wrap:anywhere}.ipki .ipki-cta{white-space:normal}}
@container(max-width:520px){.ipki .ipki-card>a{display:grid;aspect-ratio:auto;min-height:260px}.ipki .ipki-card .ipki-photo,.ipki .ipki-card .ipki-placeholder{grid-area:1/1;min-height:260px;align-self:stretch}.ipki .ipki-card-overlay{position:relative;grid-area:1/1;align-self:end;left:auto;right:auto;bottom:auto;margin:100px 4.4% 4.5% 0}.ipki .ipki-card-category{max-width:100%;overflow-wrap:anywhere}}
/* Alternativa para navegadores sin soporte de consultas de contenedor. */
@supports not (container-type:inline-size){
@media(max-width:800px){.ipki .ipki-overlay{flex-wrap:wrap}.ipki .ipki-meta{font-size:12px;min-width:0;max-width:100%}.ipki .ipki-byline{overflow-wrap:anywhere}.ipki .ipki-cta{font-size:12px;white-space:normal}.ipki .ipki-category,.ipki .ipki-byline,.ipki .ipki-cta{padding:5px 7px}.ipki .ipki-hero{aspect-ratio:1.6}.ipki .ipki-card>a{aspect-ratio:1.3}.ipki .ipki-excerpt{font-size:18px}.ipki .ipki-card-category{font-size:13px}}
@media(max-width:600px){.ipki .ipki-header{grid-template-columns:1fr;gap:14px;margin-bottom:18px}.ipki .ipki-logo{width:190px;max-height:100px;margin:auto}.ipki .ipki-title{font-size:25px;line-height:1.08}.ipki .ipki-hero{aspect-ratio:auto;padding-top:62%}.ipki .ipki-image-link{position:absolute;inset:0;height:auto}.ipki .ipki-overlay{position:relative;left:auto;right:auto;bottom:auto;padding:12px;background:#191919;gap:10px}.ipki .ipki-excerpt{font-size:17px;line-height:1.35;margin:18px 0}.ipki .ipki-card>a{aspect-ratio:auto;display:grid;min-height:260px}.ipki .ipki-card .ipki-photo,.ipki .ipki-card .ipki-placeholder{grid-area:1/1;min-height:260px;align-self:stretch}.ipki .ipki-card-overlay{position:relative;grid-area:1/1;align-self:end;left:auto;right:auto;bottom:auto;margin:100px 4.4% 4.5% 0}.ipki .ipki-card-title{font-size:23px}.ipki .ipki-card-category{max-width:100%;overflow-wrap:anywhere}}
}
