.cent-reels{width:100%;max-width:1200px;margin:0 auto;padding:40px 0 50px;color:#f4f4f4;font-family:Montserrat,Arial,sans-serif;box-sizing:border-box}.cent-reels h2{font-size:clamp(18px,2vw,24px);font-weight:500;line-height:1.4;margin:0 0 12px}.cent-reels .cr-intro{color:#aaa;font-size:15px;line-height:1.8;margin:0 0 32px}.cent-reels .cr-title{text-align:center;font-size:20px;font-weight:400;margin:0 0 18px}.cr-row{display:flex;align-items:center;justify-content:center;gap:24px}.cr-frame{position:relative;background:#000;aspect-ratio:9/16;width:min(360px,calc(100% - 100px));overflow:hidden}.cr-frame video,.cr-poster{width:100%;height:100%;object-fit:contain;display:block}.cr-frame [hidden],.cent-reels [hidden]{display:none!important}.cr-poster{position:absolute;inset:0}.cent-reels button{font:inherit;cursor:pointer}.cr-play{position:absolute;inset:0;border:0;background:linear-gradient(transparent 55%,#0009);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:13px!important}.cr-play:before{content:'▶';display:grid;place-items:center;width:54px;height:54px;border:1px solid #aaa;border-radius:50%;font-size:20px;padding-left:3px}.cr-arrow{border:0;background:transparent;color:#aaa;font-size:42px!important;width:30px;padding:0}.cr-arrow:hover{color:#fff}.cr-description{max-width:650px;text-align:center;line-height:1.7;color:#aaa;font-size:14px;margin:20px auto}.cr-thumbs{display:flex;overflow-x:auto;gap:14px;max-width:780px;margin:28px auto 0;padding:3px 2px 12px;scrollbar-width:thin;scrollbar-color:#555 transparent}.cr-thumb{flex:0 0 100px;border:0;border-bottom:1px solid transparent;padding:0 0 9px;background:transparent;color:#888;text-align:left;font-size:10px!important;line-height:1.5}.cr-thumb img{width:100px;height:145px;object-fit:cover;display:block;margin-bottom:8px;filter:brightness(.65)}.cr-thumb[aria-current=true]{border-color:#ddd;color:#fff}.cr-thumb[aria-current=true] img,.cr-thumb:hover img{filter:brightness(1)}.cent-reels button:focus-visible{outline:2px solid #ddd;outline-offset:4px}.cr-status,.cr-empty{color:#aaa;text-align:center;font-size:13px}.cr-status:empty{display:none}@media(max-width:760px){.cent-reels{width:92%;padding:25px 0 35px}.cr-row{gap:10px}.cr-frame{width:min(350px,calc(100% - 64px))}.cr-arrow{width:22px}.cr-title{font-size:17px!important}.cr-thumbs{gap:10px}.cr-thumb{flex-basis:76px}.cr-thumb img{width:76px;height:112px}}@media(prefers-reduced-motion:reduce){.cent-reels *{scroll-behavior:auto!important;transition:none!important}}
/* Align the film and gallery with the section's text column. */
.cent-reels .cr-title{text-align:left}
.cent-reels .cr-row{justify-content:flex-start;position:relative;display:block;width:min(360px,100%)}
.cent-reels .cr-frame{width:100%}
.cent-reels .cr-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);background:#0008;line-height:1.2}
.cent-reels .cr-arrow:first-child{left:5px}
.cent-reels .cr-arrow:last-child{right:5px}
.cent-reels .cr-description{margin:20px 0;max-width:650px;text-align:left}
.cent-reels .cr-thumbs{margin:28px 0 0;padding-left:0;padding-right:0}
.cent-reels .cr-status,.cent-reels .cr-empty{text-align:left}
@media(max-width:760px){.cent-reels .cr-row{width:min(350px,100%)}.cent-reels .cr-frame{width:100%}}
.cent-reels .cr-desktop-graphic{display:none}
@media(min-width:1000px){
 .cent-reels .cr-row.has-graphic{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px;width:100%;align-items:stretch}
 .cent-reels .has-graphic .cr-frame{grid-column:1;grid-row:1}
 .cent-reels .cr-desktop-graphic{display:block;grid-column:2;grid-row:1;width:100%;height:640px;object-fit:cover;object-position:center;min-width:0}
 .cent-reels .has-graphic .cr-arrow:last-of-type{left:325px;right:auto}
}
.cent-reels .cr-row>.cr-arrow:last-of-type{right:5px}
@media(min-width:1000px){.cent-reels .has-graphic>.cr-arrow:last-of-type{left:325px;right:auto}}

/* Body copy follows the neutral CENTENARIO paragraph styling. */
.cent-reels .cr-intro{font-family:inherit;font-size:16px;font-weight:400;font-style:normal;line-height:1.8;letter-spacing:normal;color:#bfbfbf;text-align:left;margin:0 0 32px}
.cent-reels .cr-intro p{font:inherit;line-height:inherit;color:inherit;margin:0 0 16px}
.cent-reels .cr-intro p:last-child{margin-bottom:0}
.cent-reels .cr-intro strong,.cent-reels .cr-intro b{font-weight:600;color:#f4f4f4}

/* On phones, share the existing page text column, including its gutters. */
@media(max-width:767px){
 .cent-reels{width:var(--cr-mobile-width,calc(100% - 32px));max-width:none;margin-left:var(--cr-mobile-left,16px);margin-right:0;min-width:0}
 .cent-reels .cr-row{max-width:100%}
 .cent-reels [data-reels-stage],.cent-reels .cr-thumbs{min-width:0;max-width:100%;box-sizing:border-box}
}

/* Desktop gallery: use the entire section; keep every poster and label aligned. */
@media(min-width:768px){
 section.cent-reels[data-cent-reels] [data-reels-stage]{width:100%;min-width:0}
 section.cent-reels[data-cent-reels] .cr-thumbs{display:flex;align-items:stretch;justify-content:flex-start;width:100%;max-width:none;box-sizing:border-box;margin:28px 0 0;padding:3px 0 12px;gap:14px;overflow-x:auto;overflow-y:hidden}
 section.cent-reels[data-cent-reels] .cr-thumb{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:0 0 100px;width:100px;min-width:100px;max-width:100px;box-sizing:border-box;margin:0;padding:0 0 9px;text-align:left;font-family:inherit;font-size:10px!important;font-weight:400;line-height:1.5;letter-spacing:normal;white-space:normal}
 section.cent-reels[data-cent-reels] .cr-thumb img{display:block;flex:0 0 145px;width:100px;min-width:100px;max-width:100px;height:145px;min-height:145px;max-height:145px;aspect-ratio:auto;object-fit:cover;object-position:center;margin:0 0 8px;padding:0;border:0}
 section.cent-reels[data-cent-reels] .cr-thumb>span{display:block;flex:1 0 auto;min-height:3em;margin:0;padding:0;font:inherit;line-height:1.5;color:inherit;text-align:left;white-space:normal;overflow-wrap:break-word}
}
