/* =========================================================
   Sinirube · estilos de secciones construidas en BeBuilder
   (las clases se asignan en cada Section/Wrap/Item › Custom › Classes)
   ========================================================= */

/* ---------- Utilidades ---------- */
.sin-blanco .title, .sin-blanco{ color:#fff!important }
.sin-claro p, .sin-claro{ color:var(--sin-azul-claro)!important }
.sin-centro .mcb-column-inner{ display:flex; justify-content:center } .sin-centro{ margin-top:40px }
.sin-derecha .mcb-column-inner{ text-align:right }
@media (max-width:767px){ .sin-derecha .mcb-column-inner{ text-align:left } }
.sin-link .title a{ white-space:nowrap; font-family:var(--sin-body); font-stretch:100%; font-size:15px; font-weight:700; color:var(--sin-azul) }
.sin-link .title a::after{ content:' →'; display:inline-block; transition:transform var(--sin-rapido) var(--sin-ease) }
.sin-link .title a:hover::after{ transform:translateX(6px) }
.sin-btn--contorno .button{ border-width:1.5px!important; border-style:solid!important }
.sin-btn .button .button_icon{ transition:transform var(--sin-rapido) var(--sin-ease) }
.sin-btn .button:hover .button_icon{ transform:translateX(5px) }
.sin-sticky{ position:sticky; top:130px; align-self:flex-start }
@media (max-width:959px){ .sin-sticky{ position:static } }

/* =========================================================
   Inicio · Portada (guía 5.2)
   ========================================================= */
.sin-hero{ position:relative; overflow:hidden;
  /* círculos pequeños del isotipo (estáticos) */
  background-image:
    radial-gradient(circle at 150px 177px, #5B78C4 27px, transparent 28px),
    radial-gradient(circle at 133px 433px, rgba(255,255,255,.85) 13px, transparent 14px),
    radial-gradient(circle at 76px 476px, rgba(255,255,255,.6) 6px, transparent 7px),
    radial-gradient(circle at calc(100% - 99px) 409px, rgba(255,255,255,.8) 9px, transparent 10px),
    radial-gradient(circle at calc(100% - 205px) 225px, rgba(255,255,255,.6) 5px, transparent 6px)!important }
/* círculos grandes que flotan */
.sin-hero::before, .sin-hero::after,
.sin-hero .sin-hero-wrap::before, .sin-hero .sin-hero-wrap::after{ content:''; position:absolute; border-radius:50%; pointer-events:none; z-index:0;
  animation:sin-float 8s ease-in-out infinite }
.sin-hero::before{ width:220px; height:220px; left:-60px; top:170px; background:var(--sin-azul) }
.sin-hero::after{ width:150px; height:150px; right:-40px; top:120px; background:var(--sin-rojo); animation-duration:10s; animation-delay:-4s }
.sin-hero .sin-hero-wrap::before{ width:64px; height:64px; right:140px; top:300px; background:var(--sin-naranja); animation-delay:-2s }
.sin-hero .sin-hero-wrap::after{ width:110px; height:110px; right:230px; top:500px; background:var(--sin-azul); animation-duration:11s }
.sin-hero .section_wrapper{ position:relative; z-index:1 }
.sin-hero .sin-hero-wrap{ position:static }
@media (max-width:767px){
  .sin-hero::before{ width:120px; height:120px; left:-50px; top:90px } .sin-hero::after{ width:90px; height:90px; top:70px }
  .sin-hero .sin-hero-wrap::before, .sin-hero .sin-hero-wrap::after{ display:none } }

.sin-hero-eyebrow .title{ font-family:var(--sin-body)!important; font-stretch:100%; font-size:14px!important; line-height:1.5!important;
  letter-spacing:.18em; text-transform:uppercase; font-weight:600!important; color:#C9D3EC!important; text-align:center; margin-bottom:12px }
@media (max-width:767px){ .sin-hero-eyebrow .title{ font-size:13px!important; letter-spacing:.1em } }

/* Píldoras con palabras (Icon Box 2) */
.sin-pill{ width:100%!important; flex:0 0 100%!important; display:flex; justify-content:center; margin-bottom:18px }
.sin-pill .mcb-column-inner{ margin:0!important }
.sin-pill .mfn-icon-box{ display:inline-flex!important; flex-direction:row!important; align-items:center; gap:22px; width:auto;
  padding:12px 14px 12px 44px; border-radius:999px; border:1.5px solid rgba(255,255,255,.28); background:rgba(255,255,255,.05);
  transition:background-color var(--sin-medio) var(--sin-ease), border-color var(--sin-medio) }
.sin-pill .mfn-icon-box:hover{ background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.5) }
.sin-pill.sin-pill--der .mfn-icon-box{ padding:12px 44px 12px 14px; margin-left:120px }
.sin-pill.sin-pill--izq .mfn-icon-box{ margin-right:80px }
.sin-pill .desc-wrapper{ margin:0!important }
.sin-pill .title{ margin:0!important; font-family:var(--sin-display)!important; font-stretch:125%; font-weight:800!important;
  font-size:clamp(32px,4.6vw,72px)!important; line-height:1!important; color:#fff!important; letter-spacing:-.01em }
.sin-pill .icon-wrapper{ width:clamp(50px,4.8vw,76px)!important; height:clamp(50px,4.8vw,76px)!important; margin:0!important; border-radius:50%;
  display:flex!important; align-items:center; justify-content:center; flex-shrink:0; transition:transform var(--sin-medio) var(--sin-ease) }
.sin-pill .icon-wrapper i{ font-size:clamp(22px,2.6vw,38px)!important; color:#fff!important }
.sin-pill--blanco .icon-wrapper{ background:#fff } .sin-pill--blanco .icon-wrapper i{ color:var(--sin-azul)!important }
.sin-pill--naranja .icon-wrapper{ background:var(--sin-naranja) }
.sin-pill--rojo .icon-wrapper{ background:var(--sin-rojo) }
.sin-pill .mfn-icon-box:hover .icon-wrapper{ transform:rotate(-12deg) scale(1.06) }
.sin-pill--rojo .mfn-icon-box:hover .icon-wrapper{ transform:translateX(6px) }
/* Entrada escalonada de las palabras */
.sin-js .sin-hero .sin-pill .mfn-icon-box{ animation:sin-pill-in 1s var(--sin-ease) backwards }
.sin-js .sin-hero .sin-pill--der .mfn-icon-box{ animation-delay:.15s } .sin-js .sin-hero .sin-pill--izq .mfn-icon-box{ animation-delay:.3s }
@keyframes sin-pill-in{ from{ opacity:0; transform:translate3d(0,40px,0) scale(.96) } }
@media (max-width:767px){
  .sin-pill{ margin-bottom:12px }
  .sin-pill .mfn-icon-box{ gap:10px; padding:7px 8px 7px 20px }
  .sin-pill.sin-pill--der .mfn-icon-box{ padding:7px 18px 7px 8px; margin-left:0 } .sin-pill.sin-pill--izq .mfn-icon-box{ margin-right:0 }
  .sin-pill .title{ font-size:30px!important } .sin-pill--der .title{ font-size:24px!important; font-stretch:112% }
  .sin-pill .icon-wrapper{ width:46px!important; height:46px!important } .sin-pill .icon-wrapper i{ font-size:20px!important } }

.sin-hero-lead .column_attr, .sin-hero-lead p{ max-width:640px; margin:18px auto 0; text-align:center; font-size:clamp(16px,1.4vw,19px); line-height:1.65; color:#E4E9F5 }

/* =========================================================
   Accesos rápidos (5.3)
   ========================================================= */
.sin-accesos{ position:relative; z-index:2 }
.sin-acceso, .sin-acceso .mcb-column-inner, .sin-acceso a{ height:100% }
.sin-acceso .mfn-icon-box{ position:relative; height:100%; min-height:170px; padding:28px; border-radius:var(--sin-radio); background:#fff;
  border:1px solid var(--sin-borde); box-shadow:var(--sin-sombra); text-align:left;
  transition:transform var(--sin-medio) var(--sin-ease), box-shadow var(--sin-medio) var(--sin-ease) }
.sin-acceso a:hover .mfn-icon-box{ transform:translateY(-8px); box-shadow:0 30px 50px rgba(20,40,90,.16) }
.sin-acceso .mfn-icon-box::after{ content:'↗'; position:absolute; top:26px; right:28px; font-size:20px; color:var(--sin-azul);
  transition:transform var(--sin-medio) var(--sin-ease) }
.sin-acceso a:hover .mfn-icon-box::after{ transform:translate(4px,-4px) }
.sin-acceso .icon-wrapper{ width:52px!important; height:52px!important; border-radius:50%; background:var(--sin-tinte); display:flex!important;
  align-items:center; justify-content:center; margin:0 0 22px!important }
.sin-acceso .icon-wrapper i{ font-size:22px!important; color:var(--sin-azul)!important }
.sin-acceso .title{ font-family:var(--sin-body)!important; font-stretch:100%; font-size:21px!important; line-height:1.25!important; font-weight:700!important;
  color:var(--sin-texto)!important; margin-bottom:8px!important; text-transform:none }
.sin-acceso .desc p{ font-size:15px; line-height:1.55; color:var(--sin-texto-2); margin:0 }
.sin-acceso--destacado .mfn-icon-box{ background:var(--sin-azul); border-color:var(--sin-azul); box-shadow:0 20px 40px rgba(20,40,90,.18) }
.sin-acceso--destacado .title, .sin-acceso--destacado .desc p, .sin-acceso--destacado .mfn-icon-box::after{ color:#fff!important }
.sin-acceso--destacado .icon-wrapper{ background:rgba(255,255,255,.16) } .sin-acceso--destacado .icon-wrapper i{ color:#fff!important }
@media (max-width:767px){
  .sin-acceso .mfn-icon-box{ min-height:0; padding:16px 20px; border-radius:22px; display:flex!important; flex-direction:row!important; align-items:center; gap:16px }
  .sin-acceso .icon-wrapper{ width:44px!important; height:44px!important; margin:0!important; flex-shrink:0 }
  .sin-acceso .desc{ display:none } .sin-acceso .title{ font-size:17px!important; margin:0!important }
  .sin-acceso .mfn-icon-box::after{ position:static; margin-left:auto; font-size:18px }
  .sin-acceso--destacado .mfn-icon-box{ background:var(--sin-rojo); border-color:var(--sin-rojo) } }

/* =========================================================
   Cifras (Counter · 5.4)
   ========================================================= */
.sin-cifra .mcb-column-inner{ height:100% }
.sin-cifra .counter{ position:relative; height:100%; min-height:210px; padding:28px; border-radius:var(--sin-radio); display:flex; align-items:flex-end;
  text-align:left; transition:transform var(--sin-medio) var(--sin-ease), box-shadow var(--sin-medio) }
.sin-cifra .counter:hover{ transform:translateY(-6px); box-shadow:var(--sin-sombra) }
.sin-cifra .counter::after{ content:''; position:absolute; top:24px; right:24px; width:12px; height:12px; border-radius:50% }
.sin-cifra .desc_wrapper{ text-align:left; width:100% }
.sin-cifra .number-wrapper, .sin-cifra .number{ font-family:var(--sin-display)!important; font-stretch:125%; font-weight:800; font-size:56px!important; line-height:1!important; color:#fff }
.sin-cifra .title{ font-size:15px!important; line-height:1.4!important; margin:8px 0 0!important; font-weight:500; color:var(--sin-azul-claro) }
.sin-cifra--oscuro .counter{ background:var(--sin-azul-oscuro) } .sin-cifra--oscuro .counter::after{ background:#fff }
.sin-cifra--azul .counter{ background:var(--sin-azul) } .sin-cifra--azul .counter::after{ background:var(--sin-naranja) }
.sin-cifra--roja .counter{ background:var(--sin-rojo) } .sin-cifra--roja .counter::after{ background:#fff } .sin-cifra--roja .title{ color:#FFE3E5 }
.sin-cifra--blanca .counter{ background:#fff; border:1px solid var(--sin-borde) } .sin-cifra--blanca .counter::after{ background:var(--sin-azul) }
.sin-cifra--blanca .number-wrapper, .sin-cifra--blanca .number{ color:var(--sin-azul-oscuro) } .sin-cifra--blanca .title{ color:var(--sin-gris) }
@media (min-width:960px){ .sin-cifra--baja .mcb-column-inner{ transform:translateY(40px) } .sin-cifra--sube .mcb-column-inner{ transform:translateY(-40px) } }
@media (max-width:767px){ .sin-cifra .counter{ min-height:150px; padding:20px } .sin-cifra .number-wrapper, .sin-cifra .number{ font-size:38px!important }
  .sin-cifra .title{ font-size:13px!important } .sin-cifras .mcb-wrap-inner > .mcb-column{ width:50%!important } }

/* =========================================================
   Pilares (5.5)
   ========================================================= */
.sin-pilares-grid{ counter-reset:pilar }
.sin-pilar{ counter-increment:pilar }
.sin-pilar .mcb-column-inner, .sin-pilar a{ height:100% }
.sin-pilar.sin-card{ background:none; border:0 } .sin-pilar.sin-card:hover{ transform:none; box-shadow:none }
.sin-pilar .mfn-icon-box{ position:relative; height:100%; padding:34px; background:#fff; border:1px solid var(--sin-borde); border-radius:var(--sin-radio); text-align:left;
  transition:transform var(--sin-medio) var(--sin-ease), box-shadow var(--sin-medio) var(--sin-ease), border-color var(--sin-medio) }
.sin-pilar a:hover .mfn-icon-box{ transform:translateY(-6px); box-shadow:var(--sin-sombra); border-color:transparent }
.sin-pilar .mfn-icon-box::before{ content:counter(pilar, decimal-leading-zero); position:absolute; top:34px; right:34px;
  font-family:var(--sin-display); font-stretch:125%; font-weight:800; font-size:28px; color:#C9D3EC; transition:color var(--sin-medio) }
.sin-pilar a:hover .mfn-icon-box::before{ color:var(--sin-azul) }
.sin-pilar .icon-wrapper{ width:60px!important; height:60px!important; border-radius:50%; display:flex!important; align-items:center; justify-content:center;
  margin:0 0 26px!important; transition:transform var(--sin-medio) var(--sin-ease) }
.sin-pilar a:hover .icon-wrapper{ transform:scale(1.08) rotate(-6deg) }
.sin-pilar .icon-wrapper i{ font-size:24px!important; color:#fff!important }
.sin-pilar--azul .icon-wrapper{ background:var(--sin-azul) } .sin-pilar--rojo .icon-wrapper{ background:var(--sin-rojo) }
.sin-pilar--naranja .icon-wrapper{ background:var(--sin-naranja) } .sin-pilar--oscuro .icon-wrapper{ background:var(--sin-azul-oscuro) }
.sin-pilar .title{ font-family:var(--sin-display)!important; font-stretch:112%; font-weight:800!important; text-transform:uppercase; font-size:20px!important;
  line-height:1.15!important; color:var(--sin-azul-oscuro)!important; margin-bottom:12px!important }
.sin-pilar .desc p{ font-size:15px; line-height:1.6; color:var(--sin-texto-2) }
.sin-pilar .desc::after{ content:'Ver más →'; display:inline-block; margin-top:14px; font-weight:700; font-size:14px; color:var(--sin-azul);
  transition:transform var(--sin-rapido) var(--sin-ease), color var(--sin-rapido) }
.sin-pilar a:hover .desc::after{ transform:translateX(6px); color:var(--sin-rojo) }
@media (max-width:767px){
  .sin-pilares-grid .mcb-column{ width:100%!important }
  .sin-pilar .mfn-icon-box{ padding:22px; display:flex!important; flex-direction:row!important; gap:16px; align-items:flex-start }
  .sin-pilar .mfn-icon-box::before{ display:none } .sin-pilar .icon-wrapper{ width:46px!important; height:46px!important; flex-shrink:0; margin:0!important }
  .sin-pilar .icon-wrapper i{ font-size:19px!important }
  .sin-pilar .title{ font-family:var(--sin-body)!important; font-stretch:100%; text-transform:none; font-size:17px!important }
  .sin-pilar .desc::after{ display:none } }

/* =========================================================
   Transparencia (5.6)
   ========================================================= */
.sin-transparencia{ position:relative; overflow:hidden }
.sin-transparencia::before{ content:''; position:absolute; width:260px; height:260px; left:-90px; bottom:-120px; border-radius:50%; background:var(--sin-azul);
  animation:sin-float 9s ease-in-out infinite }
.sin-transparencia::after{ content:''; position:absolute; width:22px; height:22px; left:120px; bottom:110px; border-radius:50%; background:var(--sin-naranja) }
.sin-transparencia .section_wrapper{ position:relative; z-index:1 }
.sin-lista .mcb-wrap-inner{ flex-direction:column }
.sin-lista-item{ width:100%!important }
.sin-lista-item .mcb-column-inner{ margin:0!important }
.sin-lista-item .title{ margin:0!important; font-family:var(--sin-body)!important; font-stretch:100%; font-size:clamp(18px,1.8vw,24px)!important; font-weight:600!important; line-height:1.3!important }
.sin-lista-item .title a{ display:flex; justify-content:space-between; align-items:center; gap:20px; padding:26px 4px; color:#fff!important;
  border-top:1px solid rgba(255,255,255,.22); text-decoration:none; transition:padding var(--sin-medio) var(--sin-ease) }
.sin-lista-item:last-child .title a{ border-bottom:1px solid rgba(255,255,255,.22) }
.sin-lista-item .title a::after{ content:'↗'; flex-shrink:0; width:52px; height:52px; border-radius:50%; border:1.5px solid rgba(255,255,255,.4);
  display:inline-flex; align-items:center; justify-content:center; font-size:20px;
  transition:background-color var(--sin-rapido) var(--sin-ease), border-color var(--sin-rapido), transform var(--sin-medio) var(--sin-ease) }
.sin-lista-item .title a:hover{ padding-left:16px }
.sin-lista-item .title a:hover::after, .sin-lista-item--rojo .title a::after{ background:var(--sin-rojo); border-color:var(--sin-rojo) }
.sin-lista-item .title a:hover::after{ transform:rotate(45deg) }
@media (max-width:767px){ .sin-lista-item .title a{ padding:18px 0 } .sin-lista-item .title a::after{ width:auto; height:auto; border:0; background:none!important } }

/* =========================================================
   Instituciones (Portfolio con filtro · 5.7)
   ========================================================= */
.sin-inst-grid .filters_wrapper{ display:block!important }
.sin-inst-grid .filters_wrapper ul.categories{ display:inline-flex; flex-wrap:wrap; gap:4px; padding:6px; margin:0 0 36px; border-radius:999px; background:var(--sin-tinte); list-style:none }
.sin-inst-grid .filters_wrapper ul.categories li{ margin:0; padding:0; border:0; background:none }
.sin-inst-grid .filters_wrapper ul.categories li a{ display:block; padding:10px 22px; border-radius:999px; font-size:14px; font-weight:700; color:var(--sin-azul-oscuro);
  background:transparent; border:0; transition:background-color var(--sin-rapido) var(--sin-ease), color var(--sin-rapido) }
.sin-inst-grid .filters_wrapper ul.categories li.current-cat a, .sin-inst-grid .filters_wrapper ul.categories li a:hover{ background:var(--sin-azul); color:#fff }
.sin-inst-grid .portfolio_group .portfolio-item{ padding:10px }
.sin-inst-grid .portfolio-item-fw-bg{ height:100%; padding:20px; background:#fff; border:1px solid var(--sin-borde); border-radius:var(--sin-radio);
  transition:transform var(--sin-medio) var(--sin-ease), box-shadow var(--sin-medio) var(--sin-ease), border-color var(--sin-medio) }
.sin-inst-grid .portfolio-item:hover .portfolio-item-fw-bg{ transform:translateY(-6px); box-shadow:var(--sin-sombra); border-color:transparent }
.sin-inst-grid .image_frame{ border:0!important; background:var(--sin-fondo-suave)!important; border-radius:18px; margin:0 0 18px!important; overflow:hidden }
.sin-inst-grid .image_frame .image_wrapper{ height:110px; display:flex; align-items:center; justify-content:center; padding:16px }
.sin-inst-grid .image_frame img{ height:78px!important; width:100%!important; object-fit:contain; transition:transform var(--sin-medio) var(--sin-ease) }
.sin-inst-grid .portfolio-item:hover .image_frame img{ transform:scale(1.06) }
.sin-inst-grid .image_frame .mask, .sin-inst-grid .image_links, .sin-inst-grid .details-wrapper, .sin-inst-grid .button-love{ display:none!important }
.sin-inst-grid .desc{ padding:0!important; background:none!important }
.sin-inst-grid .entry-title{ margin:0 0 6px!important; font-family:var(--sin-display)!important; font-stretch:112%; font-size:20px!important; line-height:1.2!important; font-weight:800!important }
.sin-inst-grid .entry-title a{ color:var(--sin-azul-oscuro)!important }
.sin-inst-grid .entry-title a::after{ content:' ↗'; font-size:.8em; color:var(--sin-azul) }
.sin-inst-grid .desc-wrapper{ font-size:14px; line-height:1.5; color:var(--sin-gris) }
@media (max-width:767px){ .sin-inst-grid .portfolio_group .portfolio-item{ width:100%!important } }

/* =========================================================
   Noticias (Blog · 5.8)
   ========================================================= */
.sin-blog .posts_group .post-item{ padding:0 12px; margin-bottom:24px; background:none!important }
.sin-blog .date_label, .sin-blog .post-footer, .sin-blog .post-author, .sin-blog .image_links, .sin-blog .mask, .sin-blog .cat-btn, .sin-blog .post-excerpt{ display:none!important }
/* shortcut: fecha oculta porque las fechas importadas son aproximadas; mostrarla cuando Sinirube confirme las fechas reales */
.sin-blog .post-meta .date{ display:none!important }
.sin-blog .post-desc-wrapper{ background:none!important; padding:0!important }
.sin-blog .post-desc{ padding:18px 4px 0!important }
.sin-blog .image_frame{ border:0!important; border-radius:var(--sin-radio); overflow:hidden; background:var(--sin-tinte)!important; margin:0!important }
.sin-blog .image_frame img{ width:100%; aspect-ratio:16/11; object-fit:cover; transition:transform var(--sin-lento) var(--sin-ease) }
.sin-blog .post-item:hover .image_frame img{ transform:scale(1.06) }
.sin-blog .post-meta{ display:flex; gap:10px; font-size:14px; color:var(--sin-gris); margin-bottom:6px }
.sin-blog .post-meta i{ display:none }
.sin-blog .post-meta .cat-wrapper{ display:block!important; position:static!important; background:none!important; box-shadow:none!important; padding:0!important }
.sin-blog .post-meta .cat-wrapper ul{ margin:0; padding:0 } .sin-blog .post-meta .cat-wrapper li{ list-style:none; padding:0!important; border:0!important }
.sin-blog .post-meta .cat-wrapper a{ font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--sin-rojo)!important; padding:0!important }
.sin-blog .post-title .entry-title{ font-family:var(--sin-body)!important; font-stretch:100%; font-size:20px!important; line-height:1.35!important; font-weight:700!important; text-transform:none }
.sin-blog .post-title .entry-title a{ color:var(--sin-azul-oscuro); background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;
  transition:background-size var(--sin-medio) var(--sin-ease) }
.sin-blog .post-item:hover .post-title .entry-title a{ background-size:100% 2px }

/* Ajustes sobre el layout por defecto de Icon Box 2 y Counter */
.sin-acceso .mfn-icon-box, .sin-pilar .mfn-icon-box{ align-items:flex-start!important; justify-content:flex-start!important; text-align:left!important }
.sin-acceso .desc-wrapper, .sin-pilar .desc-wrapper{ text-align:left!important; width:100%; flex-grow:0!important; margin:0!important }
.sin-cifra .counter .title{ color:var(--sin-azul-claro)!important }
.sin-cifra--roja .counter .title{ color:#fff!important }
.sin-cifra--blanca .counter .title{ color:var(--sin-gris)!important }
/* "TRANSPARENCIA" es una sola palabra larga: se ajusta al ancho de su columna (2/5) */
.sin-transparencia .sin-h2 .title{ font-size:clamp(28px,2.8vw,40px)!important }
@media (max-width:767px){
  .sin-hero{ background-image:none!important }  /* los puntos fijos tapan el texto en pantallas angostas */
  .sin-pill .title{ font-size:26px!important } .sin-pill--der .title{ font-size:21px!important }
  .sin-pill .mfn-icon-box{ gap:8px }
  .sin-acceso .mfn-icon-box{ align-items:center!important }
  .sin-acceso .desc-wrapper{ width:auto }
}
.sin-inst-grid .filters_wrapper ul.categories li a{ border-bottom:0!important; box-shadow:none!important }
.sin-inst-grid .filters_wrapper ul.categories li a::after, .sin-inst-grid .filters_wrapper ul.categories li a::before{ display:none!important }
@media (max-width:767px){
  .sin-inst-grid .filters_wrapper ul.categories{ border-radius:22px }
  .sin-transparencia::after{ display:none }
}

/* =========================================================
   Footer (plantilla "Footer Sinirube" · guía 5.9)
   ========================================================= */
.sin-onda{ background:transparent; line-height:0 }
.home .sin-onda{ background:var(--sin-fondo-suave) }  /* continúa el fondo de Noticias */
.sin-onda .mcb-column-inner{ margin:0!important }
.sin-onda .image_frame, .sin-onda .image_wrapper{ margin:0!important; border:0!important; background:none!important; line-height:0 }
.sin-onda-img img{ display:block; width:100%!important; height:120px!important; max-width:none!important }
@media (max-width:767px){ .sin-onda-img img{ height:60px!important } }

.sin-pie .mcb-column-inner{ margin-bottom:14px }
.sin-pie-logo img{ width:130px!important; height:auto; filter:brightness(0) invert(1) }  /* logo en blanco */
.sin-pie-logo .image_frame{ border:0!important; background:none!important } .sin-pie-logo .mask{ display:none }
.sin-pie-lema p{ max-width:240px; font-size:14px; line-height:1.55; color:var(--sin-azul-claro); margin:0 }
.sin-pie-titulo .title{ font-family:var(--sin-body)!important; font-stretch:100%; font-size:14px!important; line-height:1.4!important; letter-spacing:.16em;
  text-transform:uppercase; font-weight:700!important; color:#fff!important; margin:4px 0 6px!important }
.sin-pie-dato .mfn-icon-box{ display:flex!important; flex-direction:row!important; align-items:flex-start!important; gap:12px; text-align:left!important }
.sin-pie-dato .icon-wrapper{ margin:2px 0 0!important; width:auto!important; flex-shrink:0 }
.sin-pie-dato .icon-wrapper i{ font-size:16px!important; color:var(--sin-salmon)!important }
.sin-pie-dato .desc-wrapper{ margin:0!important; text-align:left!important }
.sin-pie-dato .title{ font-family:var(--sin-body)!important; font-stretch:100%; font-size:15px!important; line-height:1.55!important; font-weight:400!important; color:var(--sin-azul-claro)!important }
.sin-pie-dato a .title{ transition:color var(--sin-rapido) }
.sin-pie-dato a:hover .title{ color:#fff!important; text-decoration:underline; text-underline-offset:3px }
.sin-pie-red{ margin-right:10px }
.sin-pie-red .mcb-column-inner{ margin:0!important }
.sin-pie-red .icon-wrapper{ width:46px!important; height:46px!important; margin:0!important; border-radius:50%; border:1.5px solid rgba(255,255,255,.35);
  display:flex!important; align-items:center; justify-content:center;
  transition:background-color var(--sin-rapido) var(--sin-ease), border-color var(--sin-rapido), transform var(--sin-medio) var(--sin-ease) }
.sin-pie-red .icon-wrapper i{ font-size:18px!important; color:#fff!important }
.sin-pie-red a:hover .icon-wrapper{ background:var(--sin-rojo); border-color:var(--sin-rojo); transform:translateY(-4px) }
.sin-pie-red .desc-wrapper{ position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap }  /* texto solo para lectores de pantalla */
.sin-pie-legal .section_wrapper{ border-top:1px solid rgba(255,255,255,.14); padding-top:22px }
.sin-pie-copy .desc, .sin-pie-enlace .title, .sin-pie-enlace .title a{ font-family:var(--sin-body)!important; font-stretch:100%; font-size:13px!important; line-height:1.5!important;
  font-weight:400!important; color:var(--sin-azul-claro)!important; margin:0!important }
.sin-pie-enlace .title a:hover{ color:#fff!important; text-decoration:underline }
.sin-btn .button{ white-space:nowrap }
.sin-inst-grid .filters_wrapper ul.categories li:not(.current-cat) a:not(:hover){ color:var(--sin-azul-oscuro)!important }
.sin-inst-grid .filters_wrapper ul.categories li.current-cat a, .sin-inst-grid .filters_wrapper ul.categories li a:hover{ color:#fff!important }
.sin-inst-grid .filters_wrapper ul.categories li.current-cat a, .sin-inst-grid .filters_wrapper ul.categories li a:hover{ background:var(--sin-azul)!important }