/* BOXINGCI / Decálogo cinematográfico · estilos aislados */
.article.dec-page{background:transparent;color:#fff;border:0;border-radius:0;padding:0;box-shadow:none;overflow:visible}
.article.dec-page h1,.article.dec-page h2{color:#fff;border:0;padding:0;margin:0}
.article.dec-page p,.article.dec-page li{color:inherit}
.article.dec-page strong{color:#fff}
.dec-breadcrumb{display:flex;align-items:center;gap:11px;padding:9px 2px 19px;color:#89898d;font-size:12px;font-weight:850;letter-spacing:.12em}
.dec-breadcrumb a{color:#b9b9bd;text-decoration:none}.dec-breadcrumb a:hover{color:#ff6666}
.dec-hero{position:relative;isolation:isolate;min-height:clamp(480px,50vw,650px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.17);border-radius:17px;background:#190c0d}
.dec-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;filter:grayscale(.53) contrast(1.18) brightness(.69)}
.dec-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,3,4,.98) 0%,rgba(3,3,4,.90) 34%,rgba(3,3,4,.30) 82%,rgba(3,3,4,.44) 100%),linear-gradient(0deg,rgba(0,0,0,.75),transparent 37%),linear-gradient(135deg,rgba(180,12,22,.23),transparent 80%)}
.dec-hero-copy{padding:clamp(28px,6vw,80px);max-width:920px}
.dec-eyebrow,.dec-kicker{font-family:var(--body);font-weight:900;letter-spacing:.16em;color:#ff6262;font-size:15px}
.dec-redline{display:inline-block;vertical-align:middle;background:#e72f35;width:23px;height:2px;margin-right:8px}
.dec-super{color:#e8e8e8!important;letter-spacing:.12em;font-size:16px;font-weight:900;margin:20px 0 12px}
.article.dec-page .dec-hero h1{font-size:clamp(57px,8vw,112px);font-weight:900;line-height:.89;letter-spacing:-.022em;text-transform:uppercase;text-wrap:balance}
.dec-hero h1 em{font-style:normal;color:#f04444}.dec-dot{color:#f04444}
.article.dec-page .dec-hero-lead{max-width:520px;margin:24px 0;color:#dedede;font-size:clamp(20px,2.05vw,25px);line-height:1.6}
.dec-hero-link{display:inline-flex;align-items:center;gap:28px;padding:15px 18px;background:#d41111;border:1px solid #ed3939;border-radius:5px;text-decoration:none;font-weight:900;font-size:14px;letter-spacing:.06em;color:white;transition:background .2s,transform .2s}
.dec-hero-link:hover{background:#fff;color:#111;transform:translateY(-2px)}
.dec-hero-footer{position:absolute;bottom:20px;left:clamp(28px,6vw,80px);right:25px;display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.13em;color:#d5d5d5}
.dec-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(26px,6vw,86px);align-items:end;padding:clamp(35px,6vw,76px) 3px clamp(30px,5vw,56px);border-bottom:1px solid rgba(255,255,255,.18)}
.article.dec-page .dec-intro h2{margin-top:16px;font-size:clamp(38px,5vw,67px);font-weight:900;line-height:.99;letter-spacing:-.012em}
.dec-intro h2 span{color:#f04444}
.article.dec-page .dec-intro p{font-size:clamp(19px,1.85vw,23px);line-height:1.7;color:#bdbdc0;margin:0}
.dec-content{padding-top:35px}.dec-section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:25px;font-size:15px;letter-spacing:.1em;font-weight:900;color:#d0d0d2}.dec-section-head span:first-child{color:#f06464}
.dec-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(15px,2vw,24px);counter-reset:none}
.dec-item{min-width:0;margin:0!important}
.dec-card{margin:0;background:#121214;border:1px solid rgba(255,255,255,.14);border-radius:11px;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.dec-card:hover{transform:translateY(-4px);border-color:rgba(240,68,68,.5);box-shadow:0 18px 40px rgba(0,0,0,.32)}
.dec-visual{aspect-ratio:16/9;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 65% 30%,#542223,#120d0e)}
.dec-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(.68) contrast(1.16) brightness(.78);transition:transform .55s ease,filter .3s ease}
.dec-card:hover .dec-visual img{transform:scale(1.04);filter:grayscale(.42) contrast(1.12) brightness(.9)}
.dec-visual:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,rgba(3,3,4,.98) 0%,rgba(3,3,4,.74) 29%,rgba(3,3,4,.09) 75%),linear-gradient(90deg,rgba(0,0,0,.42),transparent 60%)}
.dec-num{position:absolute;z-index:1;top:9px;right:20px;font-family:var(--heading);font-size:clamp(56px,7vw,94px);line-height:1;font-weight:900;color:#f04444;text-shadow:0 4px 24px #0007;letter-spacing:-.04em}
.dec-overlay{position:absolute;z-index:1;left:clamp(18px,2.6vw,34px);right:clamp(18px,2.6vw,34px);bottom:clamp(15px,2vw,25px)}
.dec-tag{display:block;color:#ff7878;font-size:14px;font-weight:900;letter-spacing:.16em;margin-bottom:7px}
.article.dec-page .dec-overlay h2{font-family:var(--heading);font-size:clamp(42px,4vw,56px);font-weight:900;line-height:1.03;letter-spacing:-.01em;text-wrap:balance}
.article.dec-page .dec-overlay p{margin:10px 0 0;font-size:clamp(18px,1.75vw,21px);font-weight:750;color:#dedede;line-height:1.45}
.dec-caption{min-height:185px;padding:25px clamp(20px,2.6vw,34px) 30px;display:grid;grid-template-columns:125px 1fr;gap:20px;border-top:1px solid rgba(255,255,255,.1)}
.dec-caption-label{color:#f06464;font-size:14px;font-weight:900;letter-spacing:.12em;padding-top:6px}
.article.dec-page .dec-caption p{margin:0;font-size:clamp(20px,1.7vw,22px);line-height:1.65;color:#d0d0d2}
.dec-safety{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:center;margin-top:clamp(30px,5vw,58px);padding:28px 32px;border-left:4px solid #d41111;background:#161314}
.article.dec-page .dec-safety p{font-size:clamp(19px,1.85vw,23px);line-height:1.7;margin:0;color:#dedee0}
.dec-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:45px;padding:27px 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}
.dec-cta>span{font-family:var(--heading);font-size:clamp(25px,3vw,39px);font-weight:900;line-height:1.1}
.dec-cta a{flex-shrink:0;display:inline-flex;align-items:center;gap:16px;color:#fff;text-decoration:none;font-weight:900;font-size:14px;letter-spacing:.06em;border-bottom:2px solid #d41111;padding:11px 0}
.dec-cta a:hover{color:#ff6767}
@media(min-width:1000px){.dec-site{max-width:1440px}.dec-grid{row-gap:28px}}
@media(max-width:900px){.dec-hero{min-height:560px}.dec-intro{grid-template-columns:1fr;gap:20px}.dec-caption{grid-template-columns:1fr;gap:5px}.dec-safety{grid-template-columns:1fr;gap:11px}}
@media(max-width:670px){.dec-site{padding-left:12px;padding-right:12px}.dec-breadcrumb{font-size:9px;gap:8px;padding-bottom:13px}.dec-hero{min-height:540px}.dec-hero-img{object-position:66% center}.dec-hero:before{background:linear-gradient(90deg,rgba(2,2,3,.96),rgba(2,2,3,.62) 72%,rgba(2,2,3,.45)),linear-gradient(0deg,rgba(0,0,0,.6),transparent 50%)}.dec-hero-copy{padding:30px 22px 72px}.article.dec-page .dec-hero h1{font-size:clamp(53px,12.8vw,86px)}.dec-hero-footer{left:22px;right:22px}.dec-grid{grid-template-columns:1fr;gap:18px}.dec-visual{aspect-ratio:16/9}.dec-num{font-size:67px;left:16px;top:9px}.dec-overlay{bottom:15px;left:17px;right:13px}.article.dec-page .dec-overlay h2{font-size:clamp(29px,8vw,39px)}.article.dec-page .dec-overlay p{font-size:12px;margin-top:5px}.dec-tag{font-size:9px}.dec-caption{padding:14px 18px 19px;min-height:0}.article.dec-page .dec-caption p{font-size:14px}.dec-safety{padding:22px 20px}.dec-cta{flex-direction:column;align-items:flex-start}.dec-section-head span:last-child{font-size:9px;text-align:right}}
@media(max-width:355px){.article.dec-page .dec-overlay h2{font-size:27px}.dec-num{font-size:55px}.dec-tag{font-size:8px}}
@media(prefers-reduced-motion:reduce){.dec-card,.dec-visual img,.dec-hero-link{transition:none!important}.dec-card:hover,.dec-card:hover .dec-visual img{transform:none}}

/* Legibilidad móvil: se conserva la imagen 16:9 y el espacio útil para los títulos. */
@media(max-width:670px){
.dec-num{left:auto;right:13px;top:8px;font-size:51px;opacity:.9}
.dec-overlay{bottom:14px}
.article.dec-page .dec-overlay h2{font-size:clamp(28px,7.5vw,36px);line-height:1.01}
.article.dec-page .dec-overlay p{font-size:14px;line-height:1.35}
.article.dec-page .dec-caption p{font-size:17px;line-height:1.65}
.dec-caption-label,.dec-tag{font-size:12px}
.article.dec-page .dec-intro p{font-size:18px}
.article.dec-page .dec-safety p{font-size:18px}
.dec-section-head{font-size:12px}
}
@media(max-width:390px){
.article.dec-page .dec-overlay h2{font-size:clamp(25px,7vw,29px)}
.article.dec-page .dec-overlay p{font-size:12px}
}
@media(max-width:360px){.article.dec-page .dec-overlay p{display:none}}

/* Legibilidad en pantallas intermedias: una columna evita comprimir titulares grandes. */
@media(min-width:671px) and (max-width:1080px){
.dec-grid{grid-template-columns:1fr}
.dec-visual{max-height:540px}
.article.dec-page .dec-overlay h2{font-size:clamp(40px,5vw,54px)}
.article.dec-page .dec-overlay p{font-size:18px}
}

/* 2026-10-10 — tamaño de lectura aumentado en escritorio, sin ampliar innecesariamente móvil. */
@media (min-width:1081px) {
 .dec-site{max-width:1520px}
 .dec-grid{column-gap:26px;row-gap:30px}
 .article.dec-page .dec-overlay h2{font-size:clamp(43px,3.65vw,57px)}
 .article.dec-page .dec-overlay p{font-size:21px;line-height:1.42}
 .article.dec-page .dec-caption p{font-size:22px;line-height:1.65}
 .dec-caption-label{font-size:15px}
 .dec-tag{font-size:15px}
 .article.dec-page .dec-intro p{font-size:22px}
 .dec-visual .dec-num{font-size:clamp(72px,6.6vw,98px)}
}
@media (min-width:671px) and (max-width:1080px) {
 .article.dec-page .dec-caption p{font-size:20px}
 .article.dec-page .dec-overlay p{font-size:19px}
 .article.dec-page .dec-overlay h2{font-size:clamp(40px,5vw,54px)}
}
@media (min-width:1081px) and (max-width:1190px) {
 .article.dec-page .dec-overlay h2{font-size:41px}
 .article.dec-page .dec-overlay p{font-size:18px}
}