/* Backup visual en el <head>. El shortcode incluye también su CSS crítico. */
.ycs2-carousel{--ycs2-visible:var(--ycs2-visible-desktop,5);width:100%;max-width:100%;box-sizing:border-box;color:inherit;position:relative}
.ycs2-carousel *{box-sizing:border-box}
.ycs2-carousel .ycs2-layout{display:flex;align-items:center;gap:10px;width:100%;min-width:0}
.ycs2-carousel .ycs2-viewport{min-width:0;flex:1 1 0;overflow:hidden}
.ycs2-carousel .ycs2-track{display:flex;align-items:center;gap:var(--ycs2-gap,26px);width:100%;transition:transform var(--ycs2-speed,720ms) cubic-bezier(.22,.61,.36,1)}
.ycs2-carousel .ycs2-slide{flex:0 0 calc((100% + var(--ycs2-gap,26px))/var(--ycs2-visible) - var(--ycs2-gap,26px));min-width:0;height:calc(var(--ycs2-height,76px) + 40px);display:flex;align-items:center;justify-content:center;padding:10px 2px}
.ycs2-carousel .ycs2-logo-box{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-width:0;max-width:100%;border:0!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important}
.ycs2-carousel img.ycs2-logo{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:var(--ycs2-height,76px)!important;object-fit:contain!important;filter:grayscale(100%);opacity:.65;transition:filter .35s ease,opacity .35s ease,transform .35s ease}
.ycs2-carousel .ycs2-logo-box:hover .ycs2-logo,.ycs2-carousel .ycs2-logo-box:focus-visible .ycs2-logo{filter:grayscale(0);opacity:1;transform:scale(1.03)}
.ycs2-carousel .ycs2-arrow{flex:0 0 48px;width:48px;min-width:48px;height:48px;min-height:48px;padding:0!important;border:0!important;background:transparent!important;color:#777!important;font-size:26px;line-height:1!important;font-family:Arial,sans-serif;cursor:pointer;display:flex!important;align-items:center;justify-content:center;border-radius:50%;box-shadow:none!important}
.ycs2-carousel .ycs2-arrow:hover{color:#1b1d1a!important;background:rgba(0,0,0,.05)!important}
.ycs2-carousel .ycs2-arrow:focus-visible,.ycs2-carousel a:focus-visible{outline:2px solid #48644e;outline-offset:3px}
.ycs2-carousel .ycs2-dots{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;margin:6px auto 0;max-width:100%}
.ycs2-carousel button.ycs2-dot{appearance:none;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 48px!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;line-height:1!important;cursor:pointer;touch-action:manipulation}
.ycs2-carousel .ycs2-dot-mark{display:block;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#cacdc9;transition:background .2s ease,transform .2s ease}
.ycs2-carousel button.ycs2-dot[aria-current="true"] .ycs2-dot-mark{background:#415b46;transform:scale(1.2)}
.ycs2-carousel button.ycs2-dot:hover .ycs2-dot-mark{background:#7c9580}
.ycs2-carousel button.ycs2-dot:focus-visible{outline:2px solid #48644e!important;outline-offset:-3px}
.ycs2-carousel.ycs2-static .ycs2-track{justify-content:center}
.ycs2-carousel.ycs2-static .ycs2-arrow,.ycs2-carousel.ycs2-static .ycs2-dots,.ycs2-carousel.ycs2-static .ycs2-slide[data-ycs2-clone]{display:none!important}
@media(min-width:768px) and (max-width:1024px){.ycs2-carousel{--ycs2-visible:var(--ycs2-visible-tablet,3)}}
@media(max-width:767px){.ycs2-carousel{--ycs2-visible:var(--ycs2-visible-mobile,2)}.ycs2-carousel .ycs2-layout{gap:3px}.ycs2-carousel .ycs2-arrow{flex-basis:48px;width:48px}}
@media(prefers-reduced-motion:reduce){.ycs2-carousel .ycs2-track,.ycs2-carousel .ycs2-logo{transition:none!important;animation:none!important}}