/* Sensei Clientes · sección de clientes en tres columnas.
   Todo va acotado a .sc-clientes y con !important para que el tema y Elementor no lo pisen. */
:where(.sc-clientes) :where(button,a){background:none;border:0;border-radius:0;box-shadow:none;text-shadow:none;text-transform:none;letter-spacing:normal;text-decoration:none;min-height:0;margin:0;padding:0;transition:none;outline:0;font:inherit;color:inherit}
:where(.sc-clientes) :where(ul,li){margin:0;padding:0;list-style:none}
:where(.sc-clientes) :where(h1,h2,h3,h4,p){margin:0;padding:0;text-transform:none;letter-spacing:normal}

.sc-clientes{--sc-crema:#F4EDE4;--sc-crema-2:#ECE1D3;--sc-texto:#4F3A42;--sc-suave:#7A6870;--sc-rosa:#E7114A;--sc-naranja:#FDB23D;--sc-sans:Montserrat,"Helvetica Neue",Arial,sans-serif;--sc-curva:cubic-bezier(.22,1,.36,1);
  box-sizing:border-box!important;color:var(--sc-texto)!important;font-family:var(--sc-sans)!important;font-size:16px!important;line-height:1.5!important;padding-block:88px 104px!important;padding-left:20px!important;padding-right:20px!important}
.sc-clientes *,.sc-clientes *::before,.sc-clientes *::after{box-sizing:border-box!important}
.sc-clientes [hidden]{display:none!important}
.sc-marco{max-width:1240px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;gap:32px!important}

.sc-cabecera{display:flex!important;align-items:center!important;gap:20px!important}
.sc-titulo{font:700 40px/1.1 var(--sc-sans)!important;color:var(--sc-rosa)!important}
.sc-regla{flex:1!important;display:flex!important;align-items:center!important}
.sc-linea{flex:1!important;height:3px!important;border-radius:2px!important;background:var(--sc-rosa)!important}
.sc-punto{flex:none!important;width:12px!important;height:12px!important;margin-left:-2px!important;border-radius:50%!important;background:var(--sc-rosa)!important}

.sc-barra{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}
.sc-texto{color:var(--sc-suave)!important;font-size:15px!important;line-height:1.5!important;max-width:52ch!important}
.sc-filtros{display:flex!important;gap:2px!important;padding:4px!important;border-radius:999px!important;background:var(--sc-crema-2)!important}
.sc-filtro{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;padding:0 18px!important;border-radius:999px!important;color:var(--sc-texto)!important;font:600 13px var(--sc-sans)!important;cursor:pointer!important;transition:background-color .25s ease,color .25s ease!important}
.sc-filtro[aria-pressed="true"]{background:var(--sc-texto)!important;color:var(--sc-crema)!important}
.sc-tipo{width:8px!important;height:8px!important;border-radius:50%!important}
.sc-filtro[aria-pressed="true"] .sc-tipo{box-shadow:0 0 0 1.5px var(--sc-crema)!important}
.sc-t-marca{background:var(--sc-rosa)!important}
.sc-t-institucion{background:var(--sc-texto)!important}
.sc-t-agencia{background:var(--sc-naranja)!important}
@media (hover:hover) and (pointer:fine){.sc-filtro[aria-pressed="false"]:hover{background:rgba(79,58,66,.08)!important}}

.sc-columnas{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:48px!important}
.sc-columnas.sc-solo{grid-template-columns:minmax(0,1fr)!important}
.sc-col-titulo{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:12px!important;padding-bottom:14px!important;border-bottom:3px solid var(--sc-rosa)!important;font:700 15px/1.3 var(--sc-sans)!important;color:var(--sc-texto)!important}
.sc-col[data-t="institucion"] .sc-col-titulo{border-color:var(--sc-texto)!important}
.sc-col[data-t="agencia"] .sc-col-titulo{border-color:var(--sc-naranja)!important}
.sc-lista{margin-top:18px!important;overflow:hidden!important;transition:height .55s var(--sc-curva)!important}
.sc-columnas.sc-solo .sc-lista{column-count:3!important;column-gap:48px!important}
.sc-lista li{break-inside:avoid!important}
.sc-lista.sc-recogida{-webkit-mask-image:linear-gradient(#000 calc(100% - 70px),transparent)!important;mask-image:linear-gradient(#000 calc(100% - 70px),transparent)!important}
.sc-nom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;width:100%!important;padding:8px 0!important;font:600 19px/1.3 var(--sc-sans)!important;letter-spacing:-.005em!important;color:var(--sc-texto)!important;text-align:left!important;transition:color .3s var(--sc-curva)!important}
a.sc-nom{cursor:pointer!important}
.sc-flecha{flex:none!important;font:700 12px var(--sc-sans)!important;color:var(--sc-rosa)!important;opacity:0!important;transform:translateX(-6px)!important;transition:opacity .3s var(--sc-curva),transform .4s var(--sc-curva)!important}
@media (hover:hover) and (pointer:fine){
  .sc-nom:hover{color:var(--sc-rosa)!important}
  a.sc-nom:hover .sc-flecha{opacity:1!important;transform:none!important}
}
/* En pantallas táctiles "Ver caso" se ve siempre */
@media (hover:none),(max-width:700px){.sc-flecha{opacity:1!important;transform:none!important}}
a.sc-nom:focus-visible .sc-flecha{opacity:1!important;transform:none!important}

.sc-vermas{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:44px!important;margin-top:10px!important;padding:0 18px!important;border-radius:999px!important;background:var(--sc-crema-2)!important;color:var(--sc-texto)!important;font:600 13px var(--sc-sans)!important;cursor:pointer!important;transition:background-color .2s ease,color .2s ease!important}
.sc-vermas svg{transition:transform .4s var(--sc-curva)!important}
.sc-vermas[aria-expanded="true"] svg{transform:rotate(180deg)!important}
@media (hover:hover) and (pointer:fine){.sc-vermas:hover{background:var(--sc-texto)!important;color:var(--sc-crema)!important}}
.sc-filtro:focus-visible,.sc-nom:focus-visible,.sc-vermas:focus-visible{outline:2px solid var(--sc-rosa)!important;outline-offset:3px!important}

@media (max-width:900px){
  .sc-columnas{grid-template-columns:minmax(0,1fr)!important;gap:40px!important}
  .sc-columnas.sc-solo .sc-lista{column-count:2!important}
}
@media (max-width:700px){
  .sc-clientes{padding-block:56px 72px!important}
  .sc-titulo{font-size:32px!important}
  .sc-barra{flex-direction:column!important;align-items:stretch!important}
  .sc-filtro{flex:1 1 auto!important;min-height:40px!important;padding:0 8px!important;font-size:12.5px!important}
  .sc-tipo{display:none!important}
  .sc-columnas.sc-solo .sc-lista{column-count:1!important}
  .sc-nom{font-size:16.5px!important;padding:12px 0!important;border-bottom:1px solid var(--sc-crema-2)!important}
  .sc-flecha{font-size:11.5px!important}
}
@media (prefers-reduced-motion:reduce){
  .sc-lista,.sc-nom,.sc-flecha,.sc-filtro,.sc-vermas,.sc-vermas svg{transition:none!important}
}

/* Blindaje frente a los estilos de botón y enlace del tema (Hello Elementor) y del kit de Elementor */
.sc-clientes .sc-filtro,.sc-clientes .sc-vermas{border:0!important;border-style:none!important;box-shadow:none!important;text-shadow:none!important;text-transform:none!important;text-decoration:none!important;letter-spacing:normal!important;line-height:1.2!important;margin:0!important;width:auto!important;height:auto!important;background-image:none!important;-webkit-appearance:none!important;appearance:none!important;white-space:nowrap!important}
.sc-clientes .sc-vermas{margin-top:10px!important}
.sc-clientes .sc-filtro[aria-pressed="false"],
.sc-clientes .sc-filtro[aria-pressed="false"]:hover,
.sc-clientes .sc-filtro[aria-pressed="false"]:focus,
.sc-clientes .sc-filtro[aria-pressed="false"]:active{background-color:transparent!important;color:var(--sc-texto)!important}
.sc-clientes .sc-filtro[aria-pressed="true"],
.sc-clientes .sc-filtro[aria-pressed="true"]:hover,
.sc-clientes .sc-filtro[aria-pressed="true"]:focus,
.sc-clientes .sc-filtro[aria-pressed="true"]:active{background-color:var(--sc-texto)!important;color:var(--sc-crema)!important}
.sc-clientes .sc-vermas,
.sc-clientes .sc-vermas:focus,
.sc-clientes .sc-vermas:active{background-color:var(--sc-crema-2)!important;color:var(--sc-texto)!important}
@media (hover:hover) and (pointer:fine){
  .sc-clientes .sc-filtro[aria-pressed="false"]:hover{background-color:rgba(79,58,66,.08)!important}
  .sc-clientes .sc-vermas:hover{background-color:var(--sc-texto)!important;color:var(--sc-crema)!important}
}
.sc-clientes a.sc-nom,.sc-clientes a.sc-nom:visited,.sc-clientes a.sc-nom:focus,.sc-clientes a.sc-nom:active{color:var(--sc-texto)!important;text-decoration:none!important;box-shadow:none!important;background:none!important}
.sc-clientes .sc-nom:hover,.sc-clientes a.sc-nom:hover{color:var(--sc-rosa)!important;text-decoration:none!important}
@media (max-width:700px){.sc-clientes .sc-filtro{white-space:normal!important}}
