.to-wrap{width:100%;box-sizing:border-box;font-family:var(--to-font,Poppins,sans-serif);color:var(--to-text,#171717);background:var(--to-section-bg,transparent);padding-top:var(--to-section-pt,0);padding-bottom:var(--to-section-pb,0)}.to-wrap *{box-sizing:border-box}.to-inner{width:100%;max-width:var(--to-max-width,1200px);margin:0 auto}.to-filters{display:flex;gap:var(--to-filter-gap,10px);flex-wrap:wrap;margin:0 0 var(--to-filter-bottom,28px)}.to-filters button{appearance:none;border:1px solid var(--to-card-border,#e8e1d6);background:var(--to-filter-bg,#fff);color:var(--to-filter-color,#171717);border-radius:var(--to-filter-radius,999px);padding:var(--to-filter-py,9px) var(--to-filter-px,15px);font:inherit;font-size:var(--to-filter-fs-d,14px);font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.to-filters button:hover{background:var(--to-filter-hover-bg,#f1f1f1);color:var(--to-filter-hover-color,#171717)}.to-filters button.is-active{background:var(--to-filter-active-bg,#171717);color:var(--to-filter-active-color,#fff);border-color:var(--to-filter-active-bg,#171717)}.to-filters button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.to-grid{display:grid;grid-template-columns:repeat(var(--to-cols-d,3),minmax(0,1fr));column-gap:var(--to-gap-x,16px);row-gap:var(--to-gap-y,16px);width:100%;align-items:start}.to-grid.is-masonry{display:block;position:relative}.to-grid.is-masonry .to-card{position:absolute;transition:left .18s ease,top .18s ease}.to-card{display:block;width:100%;min-width:0;margin:0;background:var(--to-card-bg,#fff);border:1px solid var(--to-card-border,#e8e1d6);border-radius:var(--to-card-radius,16px);overflow:hidden;align-self:start}.to-card[hidden]{display:none!important}.to-card-body{padding:var(--to-card-padding,20px)}.to-head{display:flex;align-items:center;gap:10px;margin:0 0 18px}.to-avatar{display:block!important;width:var(--to-avatar,40px)!important;height:var(--to-avatar,40px)!important;aspect-ratio:1/1!important;border-radius:9999px!important;clip-path:circle(50%);overflow:hidden!important;object-fit:cover!important;object-position:center!important;flex:0 0 var(--to-avatar,40px)!important;max-width:none!important;background:#efeff4}.to-avatar-fallback{display:grid!important;place-items:center;background:#ff4f16;font-size:calc(var(--to-avatar,40px)*.42);font-weight:500;line-height:1;color:#fff;text-transform:lowercase}.to-avatar-tone-0{background:#ff4f16}.to-avatar-tone-1{background:#ef3d74}.to-avatar-tone-2{background:#7b61ff}.to-avatar-tone-3{background:#00a884}.to-avatar-tone-4{background:#e9722e}.to-avatar-tone-5{background:#3178c6}.to-avatar-tone-6{background:#b44dc7}.to-avatar-tone-7{background:#cc5a71}.to-person{min-width:0}.to-name{display:block;margin:0;font-style:normal;font-size:var(--to-name-d,14px);font-weight:600;letter-spacing:-.02em;line-height:1.3;color:var(--to-text,#171717);overflow-wrap:anywhere}.to-role{display:block;margin-top:3px;font-size:var(--to-role-d,14px);font-weight:500;letter-spacing:-.01em;line-height:1.2;color:var(--to-career,#171717);overflow-wrap:anywhere}.to-role-link{text-decoration:none}.to-role-link:hover{color:var(--to-career-hover,#0057ff);text-decoration:underline;text-underline-offset:2px}.to-role-link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.to-stars{display:flex;gap:2px;margin:0 0 10px;font-size:16px;line-height:1}.to-stars span{color:#d7d7dd}.to-stars span.is-on{color:var(--to-stars,#f7b500)}.to-divider{height:1px;margin:0 0 14px;background:var(--to-card-border,#e8e1d6);opacity:.75}.to-quote{height:18px;margin-bottom:6px;color:var(--to-quote,#b7b7b7);font-family:Georgia,serif;font-size:29px;line-height:24px;font-weight:700}.to-text{margin:0;padding:0;border:0;font-size:var(--to-body-d,16px);font-weight:500;letter-spacing:0;line-height:var(--to-line,1.35);color:var(--to-text,#171717);overflow-wrap:anywhere}.to-text p{margin:0 0 .8em}.to-text p:last-child{margin-bottom:0}.to-source-link,.to-source-static{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:36px;margin-top:18px;padding:8px 12px;border:1px solid var(--to-card-border,#e8e1d6);border-radius:40px;background:var(--to-source-bg,transparent);color:var(--to-link,#171717);font-size:var(--to-source,12px);font-weight:500;letter-spacing:-.01em;line-height:1.2;text-decoration:none}.to-source-link:hover{background:var(--to-source-hover-bg,#f7f7f7);color:var(--to-link,#171717)}.to-source-link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.to-source-icon{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;flex:0 0 15px;color:var(--to-source-icon,#171717);font-family:Arial,sans-serif;font-size:12px;font-weight:700;line-height:1}.to-source-icon svg{display:block;width:14px;height:14px;fill:currentColor}.to-source-icon--google{font-size:13px}.to-external-arrow{font-size:12px;line-height:1}.to-video{position:relative;overflow:hidden;background:#000}.to-video iframe,.to-video blockquote,.to-video video{max-width:100%!important;width:100%!important;margin:0!important}.to-empty{padding:24px;border:1px dashed var(--to-card-border,#e8e1d6);border-radius:var(--to-card-radius,16px);text-align:center;color:var(--to-muted,#737373)}.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media (max-width:1024px){.to-grid{grid-template-columns:repeat(var(--to-cols-t,2),minmax(0,1fr))}.to-name{font-size:var(--to-name-t,14px)}.to-role{font-size:var(--to-role-t,14px)}.to-text{font-size:var(--to-body-t,16px)}}@media (max-width:767px){.to-grid{grid-template-columns:repeat(var(--to-cols-m,1),minmax(0,1fr));row-gap:var(--to-gap-y,16px)}.to-grid.is-masonry{display:grid;position:static;height:auto!important}.to-grid.is-masonry .to-card{position:static;width:auto!important;left:auto!important;top:auto!important}.to-filters{gap:8px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}.to-filters::-webkit-scrollbar{display:none}.to-filters button{white-space:nowrap;font-size:var(--to-filter-fs-m,13px)}.to-name{font-size:var(--to-name-m,14px)}.to-role{font-size:var(--to-role-m,12px)}.to-text{font-size:var(--to-body-m,12px)}}@media (prefers-reduced-motion:reduce){.to-filters button,.to-grid.is-masonry .to-card{transition:none}}

/* v1.0.4 — ajuste exclusivamente visual en móvil.
   Desktop/tablet mantienen la estética original 0.9.5. */
@media (max-width:767px){
  .to-filters{margin-bottom:16px;gap:7px}
  .to-filters button{
    padding:7px 12px;
    font-size:12px;
    min-height:32px
  }
  .to-card{border-radius:14px}
  .to-card-body{padding:14px}
  .to-head{gap:8px;margin-bottom:11px}
  .to-avatar{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important
  }
  .to-name{font-size:13px;line-height:1.2}
  .to-role{font-size:11px;margin-top:2px}
  .to-stars{font-size:14px;margin-bottom:8px}
  .to-divider{margin-bottom:9px}
  .to-quote{height:13px;margin-bottom:2px;font-size:23px;line-height:20px}
  .to-text{font-size:12px;line-height:1.35}
  .to-source-link,.to-source-static{
    width:auto;
    display:inline-flex;
    min-height:32px;
    margin-top:11px;
    padding:6px 11px;
    font-size:11px
  }
}
/* v1.0.5 — tarjeta de opinión.
   Sólo presentación. No modifica consultas, filtros, sincronización ni datos. */
.to-card{
  background:#fff;
  border:1px solid #e1e8f0;
  border-radius:20px;
  box-shadow:none;
  overflow:hidden;
}
.to-card-body{
  padding:25px 26px 25px;
}
.to-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 18px;
  min-width:0;
}
.to-person{
  min-width:0;
  flex:1 1 auto;
}
.to-avatar{
  width:48px!important;
  height:48px!important;
  flex-basis:48px!important;
}
.to-name{
  font-size:16px;
  font-weight:700;
  line-height:1.2;
  color:#082444;
}
.to-role{
  margin-top:3px;
  font-size:13px;
  color:#527199;
}
.to-source-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex:0 0 auto;
  min-height:36px;
  padding:7px 12px;
  border:1px solid #d9e4f1;
  border-radius:999px;
  background:#fff;
  color:#365676;
  font-size:12px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
}
.to-source-badge .to-source-icon{
  width:16px;
  height:16px;
  flex-basis:16px;
}
.to-source-badge .to-source-icon svg{
  width:15px;
  height:15px;
}
.to-stars{
  gap:1px;
  margin:0 0 13px;
  font-size:18px;
}
.to-stars span{color:#d9e0e8}
.to-stars span.is-on{color:#ffbd16}
.to-divider{
  height:1px;
  margin:0 0 13px;
  background:#dde6ef;
  opacity:1;
}
.to-quote{
  height:17px;
  margin:0 0 3px;
  color:#afc4dc;
  font-size:28px;
  line-height:23px;
}
.to-text{
  font-size:16px;
  font-weight:500;
  line-height:1.42;
  color:#122b47;
}
.to-source-link{
  display:inline-flex;
  width:auto;
  min-height:41px;
  margin-top:18px;
  padding:9px 15px;
  border:1px solid #cfe0f5;
  border-radius:999px;
  background:#fff;
  color:#0965e8;
  font-size:13px;
  font-weight:700;
}
.to-source-link:hover{
  background:#f3f7fd;
  color:#0757c7;
}
.to-external-arrow{
  font-size:12px;
}

/* Tablet */
@media (max-width:1024px){
  .to-card-body{padding:20px}
  .to-avatar{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
  }
  .to-name{font-size:15px}
  .to-text{font-size:14px}
}

/* Mobile: misma tarjeta, más compacta */
@media (max-width:767px){
  .to-card{border-radius:15px}
  .to-card-body{padding:14px 15px 15px}
  .to-head{gap:9px;margin-bottom:11px}
  .to-avatar{
    width:36px!important;
    height:36px!important;
    flex-basis:36px!important;
  }
  .to-name{font-size:13px}
  .to-role{font-size:11px}
  .to-source-badge{
    min-height:27px;
    padding:5px 8px;
    gap:4px;
    font-size:10px;
  }
  .to-source-badge .to-source-icon{
    width:12px;
    height:12px;
    flex-basis:12px;
  }
  .to-source-badge .to-source-icon svg{
    width:12px;
    height:12px;
  }
  .to-stars{margin-bottom:9px;font-size:15px}
  .to-divider{margin-bottom:9px}
  .to-quote{
    height:13px;
    margin-bottom:1px;
    font-size:23px;
    line-height:20px;
  }
  .to-text{font-size:12px;line-height:1.36}
  .to-source-link{
    min-height:32px;
    margin-top:12px;
    padding:6px 11px;
    font-size:11px;
  }
}

/* v1.0.7 — animación tipo Framer/Coderhouse.
   Sólo presentación: entrada al scroll + hover de tarjeta. */
.to-motion-ready .to-card{
  opacity:0;
  transform:translateY(26px) scale(.988);
  transform-origin:center center;
  transition:
    left .18s ease,
    top .18s ease,
    opacity .56s cubic-bezier(.22,.72,.28,1),
    transform .56s cubic-bezier(.22,.72,.28,1),
    box-shadow .30s cubic-bezier(.22,.72,.28,1),
    border-color .30s ease;
  transition-delay:var(--to-reveal-delay,0ms);
  will-change:opacity,transform;
}
.to-motion-ready .to-card.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
  will-change:auto;
}

/* Hover más notorio pero elegante, parecido al gesto de las cards de Framer. */
@media (hover:hover) and (pointer:fine){
  .to-motion-ready .to-card.is-visible{
    transition:
      left .18s ease,
      top .18s ease,
      opacity .30s ease,
      transform .32s cubic-bezier(.2,.8,.2,1),
      box-shadow .32s cubic-bezier(.2,.8,.2,1),
      border-color .25s ease;
  }
  .to-motion-ready .to-card.is-visible:hover{
    transform:translateY(-8px) scale(1.012);
    border-color:#d3dfec;
    box-shadow:0 20px 42px rgba(16,39,68,.14);
    z-index:3;
  }
  .to-motion-ready .to-card.is-visible:hover .to-source-link{
    background:#f2f7ff;
    border-color:#b9d1ef;
  }
  .to-motion-ready .to-card.is-visible .to-external-arrow{
    display:inline-block;
    transition:transform .24s cubic-bezier(.2,.8,.2,1);
  }
  .to-motion-ready .to-card.is-visible:hover .to-external-arrow{
    transform:translateX(4px);
  }
}

/* Mobile: reveal más corto y sin hover. */
@media (max-width:767px){
  .to-motion-ready .to-card{
    transform:translateY(16px) scale(.994);
    transition:
      opacity .44s cubic-bezier(.22,.72,.28,1),
      transform .44s cubic-bezier(.22,.72,.28,1);
    transition-delay:var(--to-reveal-delay,0ms);
  }
  .to-motion-ready .to-card.is-visible{
    transform:translateY(0) scale(1);
  }
}

/* Accesibilidad */
@media (prefers-reduced-motion:reduce){
  .to-motion-ready .to-card,
  .to-motion-ready .to-card.is-visible,
  .to-motion-ready .to-card.is-visible:hover,
  .to-motion-ready .to-card.is-visible .to-external-arrow,
  .to-motion-ready .to-card.is-visible:hover .to-external-arrow{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}
/* v1.0.8 — ancho mobile más contenido.
   Sólo presentación; desktop/tablet y lógica permanecen iguales. */
@media (max-width:767px){
  .to-inner{
    width:100%;
    max-width:100%;
    padding-left:14px;
    padding-right:14px;
  }
  .to-grid{
    width:100%;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
  }
  .to-card{
    width:100%;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
  }
  .to-filters{
    width:100%;
    max-width:100%;
  }
}

@media (max-width:380px){
  .to-inner{
    padding-left:12px;
    padding-right:12px;
  }
}
/* v1.0.9 — CTA con flecha diagonal en reposo y recta en hover.
   Ajuste visual únicamente. */
.to-source-link{
  overflow:hidden;
}
.to-source-link .to-external-arrow{
  display:inline-block;
  transform:rotate(-35deg) translateX(0);
  transform-origin:50% 55%;
  transition:transform .24s cubic-bezier(.2,.8,.2,1);
  will-change:transform;
}
@media (hover:hover) and (pointer:fine){
  .to-source-link:hover .to-external-arrow,
  .to-source-link:focus-visible .to-external-arrow{
    transform:rotate(0deg) translateX(3px);
  }
}

/* Sobre-escribe el micro-movimiento anterior del bloque de motion sin alterar el resto */
@media (hover:hover) and (pointer:fine){
  .to-motion-ready .to-card.is-visible:hover .to-external-arrow{
    transform:rotate(0deg) translateX(3px);
  }
}

@media (prefers-reduced-motion:reduce){
  .to-source-link .to-external-arrow,
  .to-source-link:hover .to-external-arrow,
  .to-source-link:focus-visible .to-external-arrow,
  .to-motion-ready .to-card.is-visible:hover .to-external-arrow{
    transform:none!important;
    transition:none!important;
  }
}


/* v1.1.0 — rediseño visual de la tarjeta individual.
   Se mantiene intacta toda la lógica técnica. */
.to-card{
  position:relative;
  background:#fff;
  border:1px solid #e5edf7;
  border-radius:24px;
  box-shadow:0 18px 40px rgba(17,43,83,.08);
  overflow:hidden;
}
.to-card::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:132px;
  height:132px;
  background:radial-gradient(circle at top right, rgba(231,239,251,.95) 0 66%, rgba(231,239,251,0) 67%);
  pointer-events:none;
}
.to-card-body{
  position:relative;
  z-index:1;
  padding:26px 28px 28px;
}
.to-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  margin:0 0 14px;
}
.to-avatar-shell{
  position:relative;
  width:58px;
  height:58px;
  flex:0 0 58px;
}
.to-avatar{
  width:58px!important;
  height:58px!important;
  flex-basis:58px!important;
  border-radius:999px!important;
  border:4px solid #eef3fb;
  box-shadow:0 0 0 1px #dce7f4;
  background:#f4f6fb;
}
.to-avatar-fallback{
  font-size:24px;
  font-weight:600;
  text-transform:uppercase;
}
.to-avatar-dot{
  position:absolute;
  right:-1px;
  bottom:5px;
  width:16px;
  height:16px;
  border-radius:999px;
  background:#226dff;
  border:3px solid #fff;
  box-shadow:0 6px 12px rgba(34,109,255,.18);
}
.to-person{
  min-width:0;
  flex:1 1 auto;
}
.to-name{
  font-size:16px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.03em;
  color:#0f2d63;
}
.to-name span{display:block; overflow-wrap:anywhere;}
.to-role{display:none;}
.to-stars{
  gap:2px;
  margin:0 0 14px;
  padding-left:72px;
  font-size:18px;
  line-height:1;
}
.to-stars span{color:#d9e3ef;}
.to-stars span.is-on{color:#f7be16;}
.to-source-badge{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:7px 14px;
  border:1px solid #dae5f2;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:#36567b;
  font-size:12px;
  font-weight:600;
  line-height:1;
  letter-spacing:-.01em;
  white-space:nowrap;
  box-shadow:0 6px 20px rgba(41,68,109,.07);
}
.to-source-badge--linkedin{
  color:#1e2d45;
}
.to-source-badge .to-source-icon{
  width:16px;
  height:16px;
  flex:0 0 16px;
}
.to-source-badge .to-source-icon svg{
  width:15px;
  height:15px;
}
.to-source-badge--linkedin .to-source-icon svg{
  width:16px;
  height:16px;
}
.to-divider{
  height:1px;
  margin:0 0 13px;
  background:#dfe7f2;
  opacity:1;
}
.to-quote{
  height:auto;
  margin:0 0 6px;
  color:#b2c6e5;
  font-family:Georgia,serif;
  font-size:22px;
  line-height:1;
  font-weight:700;
}
.to-text{
  margin:0;
  font-size:14px;
  font-weight:500;
  line-height:1.42;
  letter-spacing:-.01em;
  color:#16365f;
}
.to-text p{margin:0;}
.to-source-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:auto;
  min-height:42px;
  margin-top:18px;
  padding:9px 22px;
  border:1px solid #d4dfec;
  border-radius:999px;
  background:#fff;
  color:#153468;
  font-size:13px;
  font-weight:700;
  letter-spacing:-.01em;
  box-shadow:none;
}
.to-source-link:hover{
  background:#f7faff;
  border-color:#c6d7eb;
  color:#0f2d63;
}
.to-source-link:focus-visible{
  outline:2px solid #7ea9ff;
  outline-offset:2px;
}
.to-source-link .to-external-arrow{
  font-size:14px;
}

/* Tablet */
@media (max-width:1024px){
  .to-card{border-radius:22px;}
  .to-card-body{padding:22px 22px 24px;}
  .to-head{gap:12px;}
  .to-avatar-shell{width:52px;height:52px;flex-basis:52px;}
  .to-avatar{width:52px!important;height:52px!important;flex-basis:52px!important;}
  .to-stars{padding-left:64px;}
}

/* Mobile */
@media (max-width:767px){
  .to-card{border-radius:22px;}
  .to-card::after{width:98px;height:98px;opacity:.95;}
  .to-card-body{padding:18px 18px 20px;}
  .to-head{gap:10px;margin-bottom:12px;}
  .to-avatar-shell{width:48px;height:48px;flex-basis:48px;}
  .to-avatar{width:48px!important;height:48px!important;flex-basis:48px!important;border-width:3px;}
  .to-avatar-dot{width:13px;height:13px;right:-1px;bottom:4px;border-width:2px;}
  .to-name{font-size:14px;}
  .to-source-badge{min-height:32px;padding:6px 11px;gap:6px;font-size:10px;box-shadow:none;}
  .to-source-badge .to-source-icon,.to-source-badge .to-source-icon svg{width:13px;height:13px;flex-basis:13px;}
  .to-stars{padding-left:0;margin:0 0 12px;font-size:16px;}
  .to-divider{margin-bottom:10px;}
  .to-quote{font-size:18px;margin-bottom:5px;}
  .to-text{font-size:12px;line-height:1.4;}
  .to-source-link{min-height:38px;margin-top:14px;padding:8px 18px;font-size:12px;}
  .to-source-link .to-external-arrow{font-size:13px;}
}

@media (max-width:380px){
  .to-card-body{padding:16px 16px 18px;}
  .to-source-badge{padding:5px 10px;}
}


/* v1.1.1 — limpieza visual + carga progresiva.
   Se conserva la animación existente de aparición de tarjetas. */
.to-avatar-dot{display:none!important;}
.to-card::after{display:none!important;content:none!important;}
.to-load-sentinel{
  width:100%;
  height:1px;
  margin:0;
  padding:0;
  pointer-events:none;
}
.to-load-sentinel[hidden]{display:none!important;}

/* v1.1.2 — pills de fuente más sutiles + tarjeta sin hover.
   La animación de aparición al hacer scroll se mantiene. */
.to-source-badge{
  min-height:34px;
  padding:6px 12px;
  gap:7px;
  border:1px solid #d5e2f0;
  border-radius:999px;
  background:#fff;
  color:#153468;
  font-size:12px;
  font-weight:600;
  line-height:1;
  box-shadow:none;
}
.to-source-badge .to-source-icon{
  width:15px;
  height:15px;
  flex-basis:15px;
}
.to-source-badge .to-source-icon svg{
  width:14px;
  height:14px;
}
.to-source-badge--linkedin{
  color:#153468;
}
.to-source-badge--linkedin .to-source-icon{
  color:#111;
}
.to-source-badge--linkedin .to-source-icon svg{
  width:15px;
  height:15px;
}

/* La card ya no se mueve, escala ni cambia sombra al pasar el mouse. */
@media (hover:hover) and (pointer:fine){
  .to-motion-ready .to-card.is-visible:hover{
    transform:translateY(0) scale(1);
    border-color:#e5edf7;
    box-shadow:0 18px 40px rgba(17,43,83,.08);
    z-index:auto;
  }
  .to-motion-ready .to-card.is-visible:hover .to-source-link{
    background:#f7faff;
    border-color:#c6d7eb;
  }
}

@media (max-width:767px){
  .to-source-badge{
    min-height:30px;
    padding:5px 10px;
    gap:6px;
    font-size:10px;
  }
  .to-source-badge .to-source-icon,
  .to-source-badge .to-source-icon svg,
  .to-source-badge--linkedin .to-source-icon svg{
    width:13px;
    height:13px;
    flex-basis:13px;
  }
}



/* v1.1.3 — vuelve la carrera + carga progresiva realmente ligada al scroll. */
.to-role{
  display:block;
  margin-top:3px;
  font-size:12px;
  font-weight:500;
  line-height:1.25;
  color:#5f7899;
}
.to-role-link{
  text-decoration:none;
}
.to-role-link:hover{
  color:#315f9b;
  text-decoration:none;
}
@media (max-width:767px){
  .to-role{
    margin-top:2px;
    font-size:10.5px;
    line-height:1.2;
  }
}

/* v1.1.4 — estrellas integradas en el bloque de persona + masonry estable. */
.to-head{
  margin-bottom:13px;
}
.to-person .to-stars{
  display:flex;
  padding-left:0;
  margin:6px 0 0;
  gap:1px;
  font-size:17px;
  line-height:1;
}
.to-person .to-role + .to-stars{
  margin-top:5px;
}
.to-divider{
  margin-top:0;
}

@media (max-width:1024px){
  .to-person .to-stars{
    padding-left:0;
    margin-top:5px;
    font-size:16px;
  }
}

@media (max-width:767px){
  .to-head{
    margin-bottom:10px;
  }
  .to-person .to-stars{
    padding-left:0;
    margin:4px 0 0;
    font-size:14px;
  }
  .to-person .to-role + .to-stars{
    margin-top:4px;
  }
}

/* v1.1.6 — panel visual como fuente de verdad.
   Los controles del admin pisan los valores rígidos de versiones previas. */
.to-wrap{
  font-family:var(--to-font,Poppins,sans-serif);
  color:var(--to-text,#16365f);
  background:var(--to-section-bg,transparent);
  padding-top:var(--to-section-pt,0);
  padding-bottom:var(--to-section-pb,0);
}
.to-inner{max-width:var(--to-max-width,1200px)}
.to-grid{
  column-gap:var(--to-gap-x,16px);
  row-gap:var(--to-gap-y,16px);
  grid-template-columns:repeat(var(--to-cols-d,3),minmax(0,1fr));
}
.to-card{
  background:var(--to-card-bg,#fff);
  border-color:var(--to-card-border,#e5edf7);
  border-radius:var(--to-card-radius,24px);
}
.to-card-body{padding:var(--to-card-pad-d,28px)}
.to-avatar-shell{
  width:var(--to-avatar-d,58px);
  height:var(--to-avatar-d,58px);
  flex-basis:var(--to-avatar-d,58px);
}
.to-avatar{
  width:var(--to-avatar-d,58px)!important;
  height:var(--to-avatar-d,58px)!important;
  flex-basis:var(--to-avatar-d,58px)!important;
}
.to-name{
  margin:0;
  font-family:var(--to-name-font,inherit);
  font-size:var(--to-name-d,16px);
  font-weight:var(--to-name-weight,700);
  line-height:var(--to-name-lh,1.2);
  letter-spacing:var(--to-name-ls,-.03px);
  color:var(--to-link,#153468);
}
.to-role{
  margin:3px 0 0;
  padding:0;
  font-family:var(--to-role-font,inherit);
  font-size:var(--to-role-d,12px);
  font-weight:var(--to-role-weight,500);
  line-height:var(--to-role-lh,1.25);
  letter-spacing:var(--to-role-ls,0);
  color:var(--to-career,#5f7899);
}
.to-role-link{color:inherit;text-decoration:none}
.to-role-link:hover{color:var(--to-career-hover,#315f9b)}
.to-person .to-stars{
  font-size:var(--to-stars-d,17px);
}
.to-stars span.is-on{color:var(--to-stars,#f7be16)}
.to-quote{
  color:var(--to-quote,#b2c6e5);
  font-size:var(--to-quote-d,22px);
}
.to-text{
  margin:0;
  padding:0;
  font-family:var(--to-body-font,inherit);
  font-size:var(--to-body-d,14px);
  font-weight:var(--to-body-weight,500);
  line-height:var(--to-body-lh,1.42);
  letter-spacing:var(--to-body-ls,-.01px);
  color:var(--to-text,#16365f);
}
.to-text p{margin:0}
.to-source-badge{
  background:var(--to-source-bg,#fff);
  color:var(--to-link,#153468);
  font-family:var(--to-source-font,inherit);
  font-size:var(--to-source-d,12px);
  font-weight:var(--to-source-weight,600);
  line-height:var(--to-source-lh,1);
  letter-spacing:var(--to-source-ls,-.01px);
}
.to-source-badge--linkedin .to-source-icon{color:var(--to-source-icon,#000)}
.to-source-link{
  background:var(--to-source-bg,#fff);
  color:var(--to-link,#153468);
  font-family:var(--to-button-font,inherit);
  font-size:var(--to-button-d,13px);
  font-weight:var(--to-button-weight,700);
  line-height:var(--to-button-lh,1.2);
  letter-spacing:var(--to-button-ls,-.01px);
}
.to-source-link:hover{
  background:var(--to-source-hover-bg,#f7faff);
  color:var(--to-link,#153468);
}
.to-filters{
  gap:var(--to-filter-gap,10px);
  margin-bottom:var(--to-filter-bottom,28px);
}
.to-filters button{
  padding:var(--to-filter-py,9px) var(--to-filter-px,15px);
  border-radius:var(--to-filter-radius,999px);
  background:var(--to-filter-bg,#fff);
  color:var(--to-filter-color,#171717);
  font-family:var(--to-filter-font,inherit);
  font-size:var(--to-filter-fs-d,14px);
  font-weight:var(--to-filter-weight,600);
  line-height:var(--to-filter-lh,1.2);
  letter-spacing:var(--to-filter-ls,0);
}
.to-filters button:hover{
  background:var(--to-filter-hover-bg,#f1f1f1);
  color:var(--to-filter-hover-color,#171717);
}
.to-filters button.is-active{
  background:var(--to-filter-active-bg,#171717);
  color:var(--to-filter-active-color,#fff);
  border-color:var(--to-filter-active-bg,#171717);
}

@media(max-width:1024px){
  .to-grid{grid-template-columns:repeat(var(--to-cols-t,2),minmax(0,1fr))}
  .to-card{border-radius:var(--to-card-radius,24px)}
  .to-card-body{padding:var(--to-card-pad-t,22px)}
  .to-avatar-shell{width:var(--to-avatar-t,52px);height:var(--to-avatar-t,52px);flex-basis:var(--to-avatar-t,52px)}
  .to-avatar{width:var(--to-avatar-t,52px)!important;height:var(--to-avatar-t,52px)!important;flex-basis:var(--to-avatar-t,52px)!important}
  .to-name{font-size:var(--to-name-t,15px)}
  .to-role{font-size:var(--to-role-t,12px)}
  .to-person .to-stars{font-size:var(--to-stars-t,16px)}
  .to-quote{font-size:var(--to-quote-t,20px)}
  .to-text{font-size:var(--to-body-t,14px)}
  .to-source-badge{font-size:var(--to-source-t,11px)}
  .to-source-link{font-size:var(--to-button-t,13px)}
  .to-filters button{font-size:var(--to-filter-fs-t,13px)}
}

@media(max-width:767px){
  .to-grid{grid-template-columns:repeat(var(--to-cols-m,1),minmax(0,1fr));row-gap:var(--to-gap-y,16px)}
  .to-card{border-radius:var(--to-card-radius,24px)}
  .to-card-body{padding:var(--to-card-pad-m,18px)}
  .to-avatar-shell{width:var(--to-avatar-m,48px);height:var(--to-avatar-m,48px);flex-basis:var(--to-avatar-m,48px)}
  .to-avatar{width:var(--to-avatar-m,48px)!important;height:var(--to-avatar-m,48px)!important;flex-basis:var(--to-avatar-m,48px)!important}
  .to-name{font-size:var(--to-name-m,14px)}
  .to-role{font-size:var(--to-role-m,11px);line-height:var(--to-role-lh,1.25)}
  .to-person .to-stars{font-size:var(--to-stars-m,14px)}
  .to-quote{font-size:var(--to-quote-m,18px)}
  .to-text{font-size:var(--to-body-m,12px);line-height:var(--to-body-lh,1.42)}
  .to-source-badge{font-size:var(--to-source-m,10px);line-height:var(--to-source-lh,1)}
  .to-source-link{font-size:var(--to-button-m,12px);line-height:var(--to-button-lh,1.2)}

  .to-filters{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    width:100%;
    box-sizing:border-box;
    padding:16px;
    margin:0 0 var(--to-filter-bottom,28px);
    border-radius:16px;
    background:var(--to-filter-mobile-panel-bg,#111d2d);
  }
  .to-filters button{
    width:100%;
    min-width:0;
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:9px 12px;
    border:1px solid var(--to-filter-mobile-border,#fff);
    border-radius:999px;
    background:var(--to-filter-mobile-bg,#fff);
    color:var(--to-filter-mobile-color,#0e2038);
    font-size:var(--to-filter-fs-m,13px);
    font-weight:700;
    line-height:var(--to-filter-lh,1.2);
    text-align:center;
    white-space:normal;
  }
  .to-filters button:hover{
    background:var(--to-filter-mobile-bg,#fff);
    color:var(--to-filter-mobile-color,#0e2038);
  }
  .to-filters button.is-active,
  .to-filters button.is-active:hover{
    background:var(--to-filter-mobile-active-bg,#39d7e5);
    color:var(--to-filter-mobile-active-color,#0e2038);
    border-color:var(--to-filter-mobile-active-bg,#39d7e5);
  }
  .to-filters button:last-child:nth-child(odd){
    grid-column:1 / -1;
  }
}

@media (hover:hover) and (pointer:fine){
  .to-motion-ready .to-card.is-visible:hover{
    border-color:var(--to-card-border,#e5edf7);
  }
}
/* ==========================================================================
   v1.1.8 — Presets visuales opcionales de tarjeta.
   "actual" no modifica nada. Los demás cambian sólo superficie/paleta/radio/
   sombra. Tipografía, tamaños, padding, filtros y fondo de la sección siguen
   gobernados por el panel y Elementor.
   ========================================================================== */

.to-wrap[data-card-style="aire"] .to-card,
.to-wrap[data-card-style="vidrio"] .to-card,
.to-wrap[data-card-style="medianoche"] .to-card{
  border-radius:var(--tos-radius,var(--to-card-radius,24px));
  background:var(--tos-bg,var(--to-card-bg,#fff));
  border-color:var(--tos-border,var(--to-card-border,#e5edf7));
  box-shadow:var(--tos-shadow,0 18px 40px rgba(17,43,83,.08));
  -webkit-backdrop-filter:var(--tos-blur,none);
  backdrop-filter:var(--tos-blur,none);
}

.to-wrap[data-card-style="aire"] .to-name,
.to-wrap[data-card-style="vidrio"] .to-name,
.to-wrap[data-card-style="medianoche"] .to-name{color:var(--tos-name,var(--to-link,#153468))}
.to-wrap[data-card-style="aire"] .to-role,
.to-wrap[data-card-style="vidrio"] .to-role,
.to-wrap[data-card-style="medianoche"] .to-role{color:var(--tos-muted,var(--to-career,#5f7899))}
.to-wrap[data-card-style="aire"] .to-text,
.to-wrap[data-card-style="vidrio"] .to-text,
.to-wrap[data-card-style="medianoche"] .to-text{color:var(--tos-text,var(--to-text,#16365f))}
.to-wrap[data-card-style="aire"] .to-quote,
.to-wrap[data-card-style="vidrio"] .to-quote,
.to-wrap[data-card-style="medianoche"] .to-quote{color:var(--tos-quote,var(--to-quote,#b2c6e5))}
.to-wrap[data-card-style="aire"] .to-divider,
.to-wrap[data-card-style="vidrio"] .to-divider,
.to-wrap[data-card-style="medianoche"] .to-divider{background:var(--tos-divider,#dfe7f2)}
.to-wrap[data-card-style="aire"] .to-source-badge,
.to-wrap[data-card-style="vidrio"] .to-source-badge,
.to-wrap[data-card-style="medianoche"] .to-source-badge{
  background:var(--tos-pill-bg,#fff);
  border-color:var(--tos-pill-border,#dae5f2);
  color:var(--tos-pill-color,var(--to-link,#153468));
  box-shadow:var(--tos-pill-shadow,none);
}
.to-wrap[data-card-style="aire"] .to-source-link,
.to-wrap[data-card-style="vidrio"] .to-source-link,
.to-wrap[data-card-style="medianoche"] .to-source-link{
  background:var(--tos-button-bg,var(--to-source-bg,#fff));
  border-color:var(--tos-button-border,#d4dfec);
  color:var(--tos-button-color,var(--to-link,#153468));
}
.to-wrap[data-card-style="aire"] .to-source-link:hover,
.to-wrap[data-card-style="vidrio"] .to-source-link:hover,
.to-wrap[data-card-style="medianoche"] .to-source-link:hover{
  background:var(--tos-button-hover,var(--to-source-hover-bg,#f7faff));
}
.to-wrap[data-card-style="aire"] .to-avatar,
.to-wrap[data-card-style="vidrio"] .to-avatar,
.to-wrap[data-card-style="medianoche"] .to-avatar{
  border-color:var(--tos-avatar-border,#eef3fb);
  box-shadow:var(--tos-avatar-shadow,0 0 0 1px #dce7f4);
}

/* AIRE */
.to-wrap[data-card-style="aire"]{
  --tos-radius:28px;
  --tos-bg:#f5f6f8;
  --tos-border:#eef1f4;
  --tos-shadow:0 10px 28px rgba(17,43,83,.045);
  --tos-name:#102b4e;
  --tos-text:#263f5e;
  --tos-muted:#6b7f97;
  --tos-quote:#b9c9dc;
  --tos-divider:#e4e9ef;
  --tos-pill-bg:#fff;
  --tos-pill-border:#e1e7ef;
  --tos-pill-color:#365676;
  --tos-button-bg:transparent;
  --tos-button-border:#d8e1eb;
  --tos-button-color:#153468;
  --tos-button-hover:#fff;
}

/* VIDRIO — sólo la tarjeta; nunca cambia el fondo de Elementor. */
.to-wrap[data-card-style="vidrio"]{
  --tos-radius:28px;
  --tos-bg:linear-gradient(145deg,rgba(255,255,255,.88),rgba(247,250,255,.72));
  --tos-border:rgba(255,255,255,.92);
  --tos-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 18px 46px rgba(41,73,124,.12);
  --tos-blur:blur(18px) saturate(145%);
  --tos-name:#102d58;
  --tos-text:#21415f;
  --tos-muted:#617998;
  --tos-quote:#abc7ee;
  --tos-divider:rgba(101,129,166,.18);
  --tos-pill-bg:rgba(255,255,255,.72);
  --tos-pill-border:rgba(198,215,237,.72);
  --tos-pill-color:#315474;
  --tos-pill-shadow:0 4px 14px rgba(42,76,122,.06);
  --tos-button-bg:rgba(255,255,255,.58);
  --tos-button-border:rgba(184,205,232,.72);
  --tos-button-color:#153468;
  --tos-button-hover:rgba(255,255,255,.92);
  --tos-avatar-border:rgba(255,255,255,.95);
  --tos-avatar-shadow:0 0 0 1px rgba(180,201,228,.72),0 5px 16px rgba(38,68,110,.08);
}

/* MEDIANOCHE */
.to-wrap[data-card-style="medianoche"]{
  --tos-radius:28px;
  --tos-bg:linear-gradient(180deg,#18263a 0%,#111d2d 100%);
  --tos-border:#273b56;
  --tos-shadow:0 18px 44px rgba(5,16,31,.22);
  --tos-name:#fff;
  --tos-text:#e8eef7;
  --tos-muted:#9eb1c9;
  --tos-quote:#7895ba;
  --tos-divider:rgba(255,255,255,.12);
  --tos-pill-bg:rgba(255,255,255,.08);
  --tos-pill-border:rgba(255,255,255,.12);
  --tos-pill-color:#e6eef9;
  --tos-button-bg:transparent;
  --tos-button-border:rgba(255,255,255,.20);
  --tos-button-color:#fff;
  --tos-button-hover:rgba(255,255,255,.08);
  --tos-avatar-border:#263a55;
  --tos-avatar-shadow:0 0 0 1px rgba(255,255,255,.10);
}
.to-wrap[data-card-style="medianoche"] .to-source-badge--linkedin .to-source-icon{
  color:#fff;
}
.to-wrap[data-card-style="medianoche"] .to-source-link:focus-visible{
  outline-color:#8dbbff;
}

/* Los presets nunca reactivan animación de hover en la tarjeta. */
@media (hover:hover) and (pointer:fine){
  .to-wrap[data-card-style="aire"].to-motion-ready .to-card.is-visible:hover,
  .to-wrap[data-card-style="vidrio"].to-motion-ready .to-card.is-visible:hover,
  .to-wrap[data-card-style="medianoche"].to-motion-ready .to-card.is-visible:hover{
    transform:translateY(0) scale(1);
    background:var(--tos-bg);
    border-color:var(--tos-border);
    box-shadow:var(--tos-shadow);
  }
}

@media (prefers-reduced-transparency:reduce){
  .to-wrap[data-card-style="vidrio"]{
    --tos-bg:#fff;
    --tos-blur:none;
  }
}

/* ==========================================================================
   v1.2.0 — YouTube / Shorts manuales.
   La miniatura es liviana; el iframe youtube-nocookie se crea sólo al hacer
   clic. Shorts usan 9:16 y videos normales 16:9.
   ========================================================================== */
.to-youtube-media{
  position:relative;
  width:100%;
  overflow:hidden;
  background:#07101d;
  border-bottom:1px solid var(--to-card-border,#e5edf7);
}
.to-youtube-media--short{aspect-ratio:9/16}
.to-youtube-media--standard{aspect-ratio:16/9}

.to-youtube-trigger{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#07101d;
  color:#fff;
  text-decoration:none;
  cursor:pointer;
}
.to-youtube-poster{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  margin:0!important;
  object-fit:cover;
  object-position:center;
  transform:scale(1.01);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s ease;
}
.to-youtube-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(3,10,20,.06) 20%,rgba(3,10,20,.18) 55%,rgba(3,10,20,.40) 100%);
  pointer-events:none;
}
.to-youtube-play{
  position:absolute;
  left:50%;
  top:50%;
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:999px;
  background:rgba(255,255,255,.82);
  box-shadow:0 4px 16px rgba(0,0,0,.18);
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
  transform:translate(-50%,-50%);
  transition:transform .22s ease,background .22s ease,box-shadow .22s ease;
  pointer-events:none;
}
.to-youtube-play span{
  display:block;
  width:0;
  height:0;
  margin-left:4px;
  overflow:hidden;
  font-size:0;
  line-height:0;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
  border-left:12px solid #1769ff;
}
.to-youtube-label{
  position:absolute;
  left:14px;
  bottom:14px;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  background:rgba(8,16,29,.62);
  color:#fff;
  font-size:11px;
  font-weight:700;
  line-height:1;
  letter-spacing:-.01em;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  pointer-events:none;
}
.to-youtube-trigger:focus-visible{
  outline:3px solid #7ea9ff;
  outline-offset:-3px;
}
.to-youtube-media.is-playing iframe{
  display:block;
  width:100%!important;
  height:100%!important;
  border:0;
  margin:0!important;
}
.to-source-badge--youtube .to-source-icon--youtube{
  width:17px;
  height:17px;
  flex-basis:17px;
}
.to-source-badge--youtube .to-source-icon--youtube svg{
  width:17px;
  height:17px;
}

@media (hover:hover) and (pointer:fine){
  .to-youtube-trigger:hover .to-youtube-poster{transform:scale(1.035);filter:brightness(.94)}
  .to-youtube-trigger:hover .to-youtube-play{
  transform:translate(-50%,-50%) scale(1.06);
  background:rgba(255,255,255,.94);
  box-shadow:0 6px 20px rgba(0,0,0,.22);
}
}

@media(max-width:767px){
  .to-youtube-play{width:48px;height:48px}
  .to-youtube-play span{
    margin-left:3px;
    border-top-width:6px;
    border-bottom-width:6px;
    border-left-width:10px;
  }
  .to-youtube-label{left:11px;bottom:11px;min-height:25px;padding:5px 9px;font-size:10px}
}

@media(prefers-reduced-motion:reduce){
  .to-youtube-poster,.to-youtube-play{transition:none!important}
}


/* ========================================================================== 
   v1.3.0 — estabilización: paginación real, accesibilidad y medios.
   ========================================================================== */
.to-wrap.is-feed-loading .to-grid{opacity:1}
.to-youtube-poster,.to-avatar{pointer-events:none}
.to-source-link{min-height:44px}
@media(max-width:767px){
  .to-filters button{min-height:44px}
  .to-source-link{min-height:44px}
}

/* ==========================================================================
   v1.3.5 — Filtros Landing de Testimonios
   Desktop: centrados. Mobile: pills centradas con wrap natural.
   ========================================================================== */
.to-wrap .to-filters{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:var(--to-filter-gap,9px);
  width:100%;
  padding:0;
  margin:0 0 16px;
  overflow:visible;
  background:transparent;
  border-radius:0;
}
.to-wrap .to-filters button{
  flex:0 0 auto;
  width:auto;
  min-width:0;
  min-height:32px;
  padding:var(--to-filter-py,8px) var(--to-filter-px,15px);
  border:0;
  border-radius:var(--to-filter-radius,999px);
  background:var(--to-filter-bg,#a6a6a6);
  color:var(--to-filter-color,#fff);
  box-shadow:0 3px 8px rgba(0,0,0,.12);
  font-family:var(--to-filter-font,inherit);
  font-size:var(--to-filter-fs-d,12px);
  font-weight:var(--to-filter-weight,600);
  line-height:var(--to-filter-lh,1.2);
  letter-spacing:var(--to-filter-ls,0);
  text-align:center;
  white-space:nowrap;
}
.to-wrap .to-filters button:hover{
  background:var(--to-filter-hover-bg,#969696);
  color:var(--to-filter-hover-color,#fff);
}
.to-wrap .to-filters button.is-active,
.to-wrap .to-filters button.is-active:hover{
  background:var(--to-filter-active-bg,#0057ff);
  color:var(--to-filter-active-color,#fff);
  border-color:transparent;
}
.to-wrap.has-filter-description .to-filters{
  margin-bottom:0;
}
.to-filter-description{
  box-sizing:border-box;
  width:100%;
  max-width:var(--to-filter-description-max-d,760px);
  margin:var(--to-filter-description-top-d,18px) auto var(--to-filter-description-bottom-d,28px);
  padding:0 16px;
  color:var(--to-filter-description-color,#151515);
  font-family:var(--to-filter-description-font,var(--to-font,Poppins,sans-serif));
  font-size:var(--to-filter-description-d,13px);
  font-weight:var(--to-filter-description-weight,400);
  line-height:var(--to-filter-description-lh,1.45);
  letter-spacing:var(--to-filter-description-ls,0);
  text-align:center;
}
.to-filter-description[hidden]{display:none!important}

@media(max-width:1024px){
  .to-wrap .to-filters button{font-size:var(--to-filter-fs-t,12px)}
  .to-filter-description{
    max-width:var(--to-filter-description-max-t,680px);
    margin-top:var(--to-filter-description-top-t,20px);
    margin-bottom:var(--to-filter-description-bottom-t,26px);
    font-size:var(--to-filter-description-t,12px);
  }
}

@media(max-width:767px){
  .to-wrap .to-filters{
    display:flex;
    grid-template-columns:none;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    column-gap:var(--to-filter-mobile-gap-x,8px);
    row-gap:var(--to-filter-mobile-gap-y,11px);
    width:100%;
    padding:0 10px;
    margin:0 0 15px;
    overflow:visible;
    background:transparent;
    border-radius:0;
  }
  .to-wrap .to-filters button{
    width:auto;
    min-width:0;
    min-height:29px;
    padding:var(--to-filter-mobile-py,8px) var(--to-filter-mobile-px,14px);
    border:0;
    border-radius:999px;
    background:var(--to-filter-mobile-bg,#a6a6a6);
    color:var(--to-filter-mobile-color,#fff);
    box-shadow:0 3px 8px rgba(0,0,0,.12);
    font-size:var(--to-filter-fs-m,11px);
    font-weight:var(--to-filter-weight,600);
    line-height:1.15;
    white-space:nowrap;
  }
  .to-wrap .to-filters button:hover{
    background:var(--to-filter-mobile-bg,#a6a6a6);
    color:var(--to-filter-mobile-color,#fff);
  }
  .to-wrap .to-filters button.is-active,
  .to-wrap .to-filters button.is-active:hover{
    background:var(--to-filter-mobile-active-bg,#0057ff);
    color:var(--to-filter-mobile-active-color,#fff);
    border-color:transparent;
  }
  .to-wrap .to-filters button:last-child:nth-child(odd){grid-column:auto}
  .to-filter-description{
    max-width:var(--to-filter-description-max-m,330px);
    margin-top:var(--to-filter-description-top-m,28px);
    margin-right:auto;
    margin-bottom:var(--to-filter-description-bottom-m,34px);
    margin-left:auto;
    padding:0 10px;
    font-size:var(--to-filter-description-m,11px);
  }
}

/* ==========================================================================
   v1.3.9 — Fuente como label informativo
   Logo + texto, sin borde ni fondo, para no competir visualmente con el CTA.
   ========================================================================== */
.to-source-badge,
.to-wrap[data-card-style="aire"] .to-source-badge,
.to-wrap[data-card-style="vidrio"] .to-source-badge,
.to-wrap[data-card-style="medianoche"] .to-source-badge{
  min-height:0;
  padding:0;
  border:0!important;
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
  gap:6px;
}

/* Mantiene el color/tipografía de cada preset, pero elimina apariencia de botón. */
.to-source-badge .to-source-icon{
  flex:0 0 auto;
}

@media(max-width:767px){
  .to-source-badge,
  .to-wrap[data-card-style="aire"] .to-source-badge,
  .to-wrap[data-card-style="vidrio"] .to-source-badge,
  .to-wrap[data-card-style="medianoche"] .to-source-badge{
    min-height:0;
    padding:0;
    gap:5px;
  }
}