/* Videos de SERÉNA: dos espacios, sin recortar el contenido. */
.s5-video-section{padding:clamp(56px,7vw,100px) 0;background:var(--s5-bone,#f7f1e8);scroll-margin-top:110px}
.s5-video-heading{max-width:750px;margin:0 auto 38px;text-align:center}
.s5-page .s5-video-heading h2{font-size:clamp(34px,4.3vw,58px);line-height:1.08;text-wrap:balance}
.s5-page .s5-video-heading p{max-width:620px;margin:18px auto 0}
.s5-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.s5-video-grid[data-count="1"]{max-width:860px;margin-inline:auto;grid-template-columns:minmax(0,1fr)}
.s5-video-card{min-width:0;overflow:hidden;background:var(--s5-white,#fffdf8);border:1px solid var(--s5-line-gold,rgba(200,169,74,.35));border-radius:26px;box-shadow:var(--s5-shadow-soft,0 12px 36px rgba(25,67,47,.07))}
.s5-video-player{aspect-ratio:16/10;background:#152e25;overflow:hidden}
.s5-video-player video,.s5-video-player iframe{display:block;width:100%;height:100%;border:0;object-fit:contain}
.s5-video-player video:focus-visible,.s5-video-player iframe:focus-visible{outline:3px solid var(--s5-champagne,#f0d98a);outline-offset:-4px}
.s5-video-caption{display:flex;gap:16px;align-items:flex-start;padding:25px}
.s5-video-number{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--s5-line-gold);color:var(--s5-gold-dark);font-size:11px;letter-spacing:.08em}
.s5-page .s5-video-caption h3{font-size:clamp(25px,2.2vw,31px);line-height:1.18;overflow-wrap:anywhere}
.s5-page .s5-video-caption p{margin-top:10px;font-size:15px;line-height:1.65;white-space:pre-line;overflow-wrap:anywhere}
.s5-page .s5-business-hours{margin-top:12px;font-size:13px;line-height:1.65;color:inherit}
@media(max-width:720px){.s5-video-grid{grid-template-columns:minmax(0,1fr);gap:24px}.s5-video-caption{padding:22px 18px}.s5-video-heading{margin-bottom:28px}}

.s5-video-pending{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;box-sizing:border-box;text-align:center;color:var(--s5-champagne,#f0d98a);background:radial-gradient(ellipse at 50% 30%,#315143,#152e25 75%)}
.s5-video-pending span{font-size:14px;letter-spacing:.12em;text-transform:uppercase}

/* Reels: imagen vertical, título sobre el video y pausa al tocar. */
.s5-video-grid{max-width:860px;margin-inline:auto;gap:12px}
.s5-video-card{position:relative;border-radius:0;background:#152e25}
.s5-video-player{position:relative;aspect-ratio:9/16}
.s5-video-caption{position:absolute;inset:auto 0 0;z-index:3;justify-content:center;text-align:center;padding:68px 24px 28px;background:linear-gradient(transparent,rgba(12,32,24,.9));pointer-events:none;color:#fff}
.s5-video-number{display:none}
.s5-page .s5-video-caption h3{color:#fff;font-size:clamp(18px,2vw,24px);font-weight:500;letter-spacing:.08em}
.s5-page .s5-video-caption p{color:#f0d98a;font-size:14px}
.s5-reel-toggle{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;border-radius:0}
.s5-reel-toggle:focus-visible{outline:3px solid #f0d98a;outline-offset:-5px}
.s5-reel-status{position:absolute;top:14px;left:14px;z-index:3;padding:6px 10px;background:rgba(12,32,24,.7);color:#fff;font:500 11px/1.4 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}
@media(max-width:720px){.s5-video-grid{max-width:440px;gap:20px}.s5-video-caption{padding:60px 20px 24px}}
