/* sitio-feed v1 — galerías vivas; ocultas hasta que exista al menos un elemento activo */
.df-feed{position:relative;overflow:hidden;max-width:100%;box-sizing:border-box}
.df-feed:not(.is-ready){padding:0!important;margin:0!important;min-height:0!important;height:0!important;border:0!important;overflow:hidden!important}
.df-feed:not(.is-ready)>*{display:none!important}
.df-feed.is-ready{background:#05080b;background-image:radial-gradient(60% 45% at 50% 0%,rgba(250,185,0,.14),rgba(0,0,0,0) 70%);color:#f3efe4}
.df-feed .op-copy{text-align:center;margin-left:auto;margin-right:auto}
.df-feed .op-copy h2{color:#fff}
.df-feed .op-kicker{color:#fab900}
.df-feed .op-lead{color:rgba(243,239,228,.78)}
.df-feed-wrap{position:relative;max-width:1180px;margin:28px auto 0;padding:0 8px;box-sizing:border-box}
.df-feed-track{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0 8px;padding:6px 4px 18px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(250,185,0,.55) transparent;outline:none}
.df-feed-track:focus-visible{box-shadow:0 0 0 2px rgba(250,185,0,.7);border-radius:14px}
.df-feed-track::-webkit-scrollbar{height:6px}
.df-feed-track::-webkit-scrollbar-thumb{background:rgba(250,185,0,.5);border-radius:6px}
.df-feed-item{flex:0 0 auto;scroll-snap-align:start;height:clamp(260px,38vw,400px);aspect-ratio:var(--ar,.8);max-width:86vw;margin:0}
.df-feed-media{position:relative;width:100%;height:100%;border-radius:18px;overflow:hidden;background:#11151a linear-gradient(110deg,#11151a 30%,#1b2027 50%,#11151a 70%);background-size:200% 100%;border:1px solid rgba(250,185,0,.45);box-shadow:0 10px 28px rgba(0,0,0,.45),0 0 0 1px rgba(250,185,0,.08) inset}
.df-feed-item:not(.is-hydrated) .df-feed-media{animation:dfFeedShimmer 1.4s linear infinite}
@keyframes dfFeedShimmer{to{background-position:-200% 0}}
.df-feed-media img,.df-feed-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:transparent}
.df-feed-zoom{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:zoom-in;padding:0}
.df-feed-zoom:focus-visible{outline:3px solid #fab900;outline-offset:-3px;border-radius:18px}
.df-feed-sound{position:absolute;right:10px;top:10px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(250,185,0,.7);background:rgba(5,8,11,.72);color:#fab900;display:grid;place-items:center;cursor:pointer;padding:0;z-index:2}
.df-feed-sound svg{width:22px;height:22px}
.df-feed-sound .i-on{display:none}
.df-feed-sound.is-on .i-on{display:block}
.df-feed-sound.is-on .i-off{display:none}
.df-feed-sound:focus-visible{outline:3px solid #fab900;outline-offset:2px}
.df-feed-cap{margin:8px 4px 0;font-size:14px;line-height:1.35;color:rgba(243,239,228,.85)}
.df-feed-item:has(.df-feed-cap){height:auto}
.df-feed-item:has(.df-feed-cap) .df-feed-media{height:clamp(260px,38vw,400px);width:auto;aspect-ratio:var(--ar,.8)}
.df-feed-more{flex:0 0 auto;align-self:center;scroll-snap-align:end;min-width:120px;height:48px;padding:0 20px;border-radius:999px;border:1px solid #fab900;background:transparent;color:#fab900;font:600 15px/1 inherit;cursor:pointer}
.df-feed-more:hover{background:#fab900;color:#14120a}
.df-feed-more[hidden]{display:none}
.df-feed-nav{position:absolute;top:calc(50% - 30px);z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid rgba(250,185,0,.8);background:rgba(5,8,11,.85);color:#fab900;font-size:26px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0}
.df-feed-nav.is-prev{left:-14px}.df-feed-nav.is-next{right:-14px}
.df-feed-nav:disabled{opacity:.3;cursor:default}
.df-feed.is-scrollable .df-feed-nav{display:flex}
.df-feed-lightbox{padding:0;border:0;background:transparent;max-width:96vw;max-height:92vh;overflow:visible}
.df-feed-lightbox::backdrop{background:rgba(0,0,0,.88)}
.df-feed-lightbox img{display:block;max-width:96vw;max-height:92vh;width:auto;height:auto;border-radius:12px}
.df-feed-lb-close{position:absolute;top:-14px;right:-6px;width:40px;height:40px;border-radius:50%;border:1px solid #fab900;background:#05080b;color:#fab900;font-size:26px;line-height:1;cursor:pointer}
@media (max-width:760px){
  .df-feed-wrap{padding:0;margin-top:20px}
  .df-feed-track{gap:12px;padding-left:2px;padding-right:2px}
  .df-feed-item,.df-feed-item:has(.df-feed-cap) .df-feed-media{height:clamp(240px,72vw,340px)}
  .df-feed.is-scrollable .df-feed-nav{display:none}
}
@media (prefers-reduced-motion:reduce){.df-feed-item:not(.is-hydrated) .df-feed-media{animation:none}.df-feed-track{scroll-behavior:auto}}
.df-feed-track>.df-feed-item:first-child{margin-left:auto}
.df-feed-track>.df-feed-more,.df-feed-track>.df-feed-item:nth-last-child(2){margin-right:auto}
/* seccion1: contenido subido dentro de carruseles existentes (se ve igual que las diapositivas originales) */
.df-up-slide:not(.is-hydrated),.df-up-card:not(.is-hydrated) .df-up-media{background:#1b1b1f linear-gradient(110deg,#1b1b1f 30%,#262a31 50%,#1b1b1f 70%);background-size:200% 100%}
.hw-slide.df-up-slide{position:relative}
.hw-slide.df-up-slide video{display:block;width:100%;height:100%;object-fit:cover;background:#0f0916}
.hw-slide.df-up-slide .df-feed-sound,.df-up-card .df-feed-sound{top:10px;right:10px;width:38px;height:38px}
#refrigerios .combo-track>.df-up-card{position:relative;padding:0;overflow:hidden;min-height:340px;background:#e9e4d8}
#refrigerios .df-up-card .df-up-media{position:absolute;inset:0}
#refrigerios .df-up-card .df-up-media img,#refrigerios .df-up-card .df-up-media video{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:640px){#refrigerios .combo-track>.df-up-card{min-height:0;aspect-ratio:9/16;align-self:flex-start}}
/* carruseles empresariales con contenido subido: los puntos envuelven en vez de desbordarse */
.df-media-carousel.df-up-has:not(.df-cm-carousel) .df-media-dots{flex-wrap:wrap;padding:0 44px;row-gap:5px}
@media (prefers-reduced-motion:reduce){.df-up-slide,.df-up-card .df-up-media{animation:none}}
/* testi1: tarjetas subidas en Testimonios (mismo diseño que las originales) */
.df-up-t .df-t-media{position:relative}
.df-up-t .df-t-media:not(:has(img[src])):not(:has(video)){background:#0f172a linear-gradient(110deg,#141a2b 30%,#1f2940 50%,#141a2b 70%);background-size:200% 100%}
.df-up-t .df-feed-zoom{z-index:2}