/* V26 · corrección aislada de navegación móvil y carrusel de testimonios. */

/* ==========================================================
   NAVEGACIÓN
   ========================================================== */
header{z-index:2100}
header .wrap.nav{overflow:visible}
#site-nav{position:relative;display:flex;align-items:center;justify-content:flex-end;min-width:0}
#site-nav>#menu{display:flex!important;align-items:center;gap:clamp(10px,1.2vw,22px);margin-left:18px;min-width:0}
#site-nav>#menu a{white-space:nowrap}
#site-nav>.burger{display:none!important;position:relative;width:46px;height:46px;padding:0;border:0;background:transparent;cursor:pointer;z-index:2205}
#site-nav>.burger span{position:absolute;left:10px;width:26px;height:3px;border-radius:999px;background:var(--c-blue);transition:top .22s ease,transform .22s ease,opacity .16s ease}
#site-nav>.burger span:nth-child(1){top:13px}
#site-nav>.burger span:nth-child(2){top:21px}
#site-nav>.burger span:nth-child(3){top:29px}
#site-nav>.burger[aria-expanded="true"] span:nth-child(1){top:21px;transform:rotate(45deg)}
#site-nav>.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
#site-nav>.burger[aria-expanded="true"] span:nth-child(3){top:21px;transform:rotate(-45deg)}

.v26-menu-layer{display:none;position:fixed;inset:0;z-index:2200;pointer-events:none}
.v26-menu-layer.is-open{display:block}
.v26-menu-backdrop{position:absolute;inset:0;background:rgba(8,21,43,.42);backdrop-filter:blur(7px) saturate(115%);-webkit-backdrop-filter:blur(7px) saturate(115%);pointer-events:auto}
.v26-menu-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 110px);overflow:auto;background:#fff;border:1px solid rgba(30,58,138,.13);border-radius:20px;box-shadow:0 24px 72px rgba(5,20,45,.30);padding:22px;pointer-events:auto;z-index:1}
.v26-menu-panel ul{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;list-style:none;margin:0!important;padding:0!important}
.v26-menu-panel li{width:100%}
.v26-menu-panel a{display:flex!important;justify-content:center!important;width:100%;padding:13px 16px!important;border-radius:10px;text-align:center;font-size:1rem!important;white-space:normal!important}
.v26-menu-panel a:not(.btn):hover,.v26-menu-panel a:not(.btn):focus-visible{background:rgba(101,163,13,.10)}
.v26-menu-panel .btn{margin-top:7px;justify-content:center!important}
body.v26-menu-open{overflow:hidden}

@media(max-width:1120px){
  #site-nav{flex:0 0 auto}
  #site-nav>.burger{display:inline-flex!important}
  #site-nav>#menu{display:none!important}
}
@media(min-width:1121px) and (max-width:1370px){
  .brand-logo{width:190px!important}
  #site-nav>#menu{gap:10px;margin-left:10px}
  #site-nav>#menu a:not(.btn){font-size:.88rem}
  #site-nav>#menu .btn{font-size:.86rem;padding:11px 14px}
}
@media(max-width:560px){
  .brand-logo{width:min(190px,66vw)!important}
  #site-nav>.burger{width:44px;height:44px}
  .v26-menu-panel{width:calc(100vw - 28px);padding:18px;max-height:calc(100dvh - 92px)}
  .v26-menu-panel a{padding:11px 12px!important;font-size:.96rem!important}
}

/* Neutraliza implementaciones antiguas que puedan quedar en style.css/scripts.js. */
.mobile-menu-portal,.v24-menu-backdrop{display:none!important}
body.menu-open::before{content:none!important;display:none!important}

/* ==========================================================
   CARRUSEL DE RESEÑAS · adaptación directa de la mecánica
   estable usada en la web de Raquel.
   ========================================================== */
#testimonios .t-carousel{position:relative;display:block;width:min(1120px,100%);margin:18px auto 0;padding-inline:62px;overflow:visible!important}
#testimonios .t-viewport{overflow:hidden!important;width:100%;padding:12px 10px 28px;cursor:grab;touch-action:pan-y;background:transparent!important}
#testimonios .t-viewport.is-dragging{cursor:grabbing;user-select:none}
#testimonios .t-track{display:flex!important;gap:24px!important;width:100%!important;min-width:100%!important;padding:0!important;overflow:visible!important;transition:transform .42s cubic-bezier(.22,.61,.36,1)!important;will-change:transform;transform:translate3d(0,0,0);scroll-snap-type:none!important;scroll-behavior:auto!important}
#testimonios .t-track.is-dragging{transition:none!important}
#testimonios .t-card{flex:0 0 calc((100% - 48px)/3)!important;max-width:calc((100% - 48px)/3)!important;min-width:0!important;width:auto!important;display:flex!important;flex-direction:column!important;opacity:1!important;visibility:visible!important;transform:none!important}
#testimonios .t-card[data-reveal]{opacity:1!important;transform:none!important}
#testimonios .t-quote{flex:1}
#testimonios .t-link{margin-top:auto;padding-top:16px}
#testimonios .t-nav{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:6!important;width:46px!important;height:46px!important;min-width:46px!important;border-radius:999px!important;display:grid!important;place-items:center!important}
#testimonios .t-prev{left:0!important}
#testimonios .t-next{right:0!important}
#testimonios .t-nav:disabled,#testimonios .t-nav.is-disabled{opacity:.35!important;cursor:default!important;pointer-events:none!important;transform:translateY(-50%)!important;box-shadow:none!important}
#testimonios .t-dots{display:flex!important;justify-content:center;gap:8px;margin-top:4px;min-height:12px}

@media(max-width:921px){
  #testimonios .t-carousel{padding-inline:54px}
  #testimonios .t-track{gap:20px!important}
  #testimonios .t-card{flex-basis:calc((100% - 20px)/2)!important;max-width:calc((100% - 20px)/2)!important}
  #testimonios .t-nav{width:42px!important;height:42px!important;min-width:42px!important}
}
@media(max-width:700px){
  #testimonios .t-carousel{width:100%;padding-inline:44px}
  #testimonios .t-viewport{padding-inline:4px}
  #testimonios .t-track{gap:16px!important}
  #testimonios .t-card{flex-basis:100%!important;max-width:100%!important}
  #testimonios .t-nav{display:grid!important;width:38px!important;height:38px!important;min-width:38px!important}
}
@media(max-width:430px){
  #testimonios .t-carousel{padding-inline:38px}
  #testimonios .t-prev{left:-2px!important}
  #testimonios .t-next{right:-2px!important}
}
