@font-face {
  font-family: "Century 725 W03 Bd";
  src: url("https://db.onlinewebfonts.com/t/70bd3d2d6fdd069e0ad2105ea790a5f1.eot");
  src: url("https://db.onlinewebfonts.com/t/70bd3d2d6fdd069e0ad2105ea790a5f1.eot?#iefix")format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/70bd3d2d6fdd069e0ad2105ea790a5f1.woff2")format("woff2"), url("https://db.onlinewebfonts.com/t/70bd3d2d6fdd069e0ad2105ea790a5f1.woff")format("woff"), url("https://db.onlinewebfonts.com/t/70bd3d2d6fdd069e0ad2105ea790a5f1.ttf")format("truetype"), url("https://db.onlinewebfonts.com/t/70bd3d2d6fdd069e0ad2105ea790a5f1.svg#Century 725 W03 Bd")format("svg");
  font-display: swap;
}

.accordion-button:not(.collapsed){    
  background-color: #f2f2f2!important;

}

.splide__list{
  height: auto!important
}
.ln-logo {
  width: 100%;
  padding: 0;
  margin: 24px auto 48px auto;
  text-align: center;
}
#compareAnchorLi #topicBodies .collapse .row > .col{
background-color: #f8f8f8!important;
border-right: 1px solid #fff!important
}
section {
max-width: 100%;
padding: 12px 0 0 0!important;
margin: 0 auto!important;
text-align: center;
}
    .slider-viewport {
        width: 100%!important
    }


p {
font-family: "Noticia Text", serif;    
font-size: 0.9em;
margin-bottom: 2px
}

.btn-secondary {
width: 180px;
height: 110px;
background-color: white;
background-image: url(img/ui/flag-3.svg);
background-size: cover;
border: none
}

.card-body {
width: 100%;
padding: 3px!important
}

.card {
display: inline-block;
margin: 20px!important;
border: none !important;
width: 80%!important;
text-align: left;
background-color: none!important;
max-width: 200px
}

.accordion-body {
text-align: left;
margin: 5px;
width: auto!important;
padding: 0!important;
font-family: "Noticia Text", serif!important;    
font-size: 1em
}

compare-a-su-candidato-presidencia-old.html
compare-a-su-candidato-presidencia.html
conozca-a-su-candidato-diputado.html
conozca-a-su-candidato-diputados-presidente-diputado.html
conozca-a-su-candidato-presidente.html
css
gobierno-corporativo.html
img
js

.btn-secondary {
width: 200px;
height: 130px;
background-color: white;
background-image: url(../img/ui/bandera-ejemplo.svg);
background-size: cover;
border: none
}

.accordion-body {
text-align: left
}

.accordion-button {
font-weight: bold
}


.form-check-input {
float: right;
height: 20px;
height: 20px;
width: 20px;
border: 1px solid black;
margin-left: 0!important;
}
.form-check{
margin: 0!important
}
.d-inline-flex {
display: inline-block!important;
}

.btn-light.active {
background-color: aqua
}


button a:any-link {
color: none!important;
text-decoration: none
}
.card-img-top{

}
.card-img-top:hover{
opacity: 0.5;	
transition: opacity 1s;

}
.btn-info {
background-color: #fff;
color: #59585A;
font-size: 1rem;
font-weight: bold;
border-radius: 9px;
margin: 6px;
width: 35px;
height: 35px;
border: none;
padding-left: 8px;
padding-top: 0;
border: 2px solid #59585A
}

.btn-info:hover {
background-color: #5a5959!important;
color: #fff
}
.btn-info.selected {
background-color: #5a5959!important;
}

.card-img-top.selected {
opacity: 0.5;
transition: opacity 1s;
}
.ppNext {
    position: absolute;
    right: 8px;
    top: 43%;
    z-index: 10;
    display: flex;
    width: 35px;
    height: 35px;
    padding-left: 10px;
    padding-top: 0px;
    font-size: 1rem;
}
.ppPrev {
    position: absolute;
    right: 8px;
    top: 43%;
    z-index: 10;
    display: flex;
    width: 35px;
    height: 35px;
    padding-left: 10px;
    padding-top: 0px;
    font-size: 1rem;
}


.expanding-grid {
width: 100%!important;
margin: 5px auto;
padding-top: 6px!important;
}
@media only screen and (max-width: 600px) {
#mm {
  background-size: 200%!important;
}
}
@media only screen and (min-width: 1280px) {
#mm {
 margin-bottom: 120px!important;
}
}

@media only screen and (max-width: 600px) {
#myTab li.nav-item{display: table-cell !important}
#myTab2 img{margin-top: 30px}    
.expanding-grid{margin: 0 auto; width:100%!important}
section{padding: 0!important;margin: 0}
.card{margin: 5px!important;}
#myTab li.nav-item{display: table-cell}
.card-body{3px!important}
.btn-dark {margin: 6px!important;}
.d-inline-flex {width: 150px!important}
.btn-secondary {width: 150px!important;height: 100px!important}
.accordion .card {width: 100%!important}
.card-img-top {width: 120px!important}
.card{max-width:  150px!important}
.btn-light{width: 125px}
.d-inline-flex {width: 100%!important}
.creditos{background-size: 300%!important;
    }

}
@media only screen and (max-width: 600px) {
#mm {
  background-size: 200%!important;
  height: 40px!important
}
}
@media only screen and (min-width: 1280px) {
#mm {
 margin-bottom: 20px!important;
}
}
.candidato-opinion {
width:100%;
}
.scroller {
width:100%;
max-width: 1147px;
min-width: 600px;
margin: auto
}
.content {
width:200px;
float:left;
}

/* ===== MOBILE (≤576px) – comparativa a dos columnas SIN solaparse ===== */
@media (max-width: 576px) {
#compareAnchorLi { --m-gap: 12px; }

/* 2 columnas en el header (foto + bio) */
#compareAnchorLi .candidato-opinion .row {
display: flex;
flex-wrap: wrap;
margin-left: calc(var(--m-gap) * -0.5);
margin-right: calc(var(--m-gap) * -0.5);
}
#compareAnchorLi .candidato-opinion .row > .col {
flex: 0 0 50%;
max-width: 50%;
padding-left: calc(var(--m-gap) / 2);
padding-right: calc(var(--m-gap) / 2);
min-width: 0; /* evita desbordes raros */
hyphens: auto!important;
margin-top: 24px!important
}

/* avatar responsivo: ocupa el ancho de la columna, con límite */
#compareAnchorLi .hero .avatar {
/* 42vw ≈ la mitad del viewport menos padding; máx 150px para no chocar */
width: min(42vw, 150px) !important;
height: min(42vw, 150px) !important;
border-width: 4px;
display: block;
margin: 0 auto 8px;
}
#compareAnchorLi .hero .avatar img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
display: block;
}

/* textos del header */
#compareAnchorLi .hero .name-pill{
font-size: clamp(12px, 3.6vw, 14px);
padding: 6px 10px;
line-height: 1.2;
display: inline-block;
max-width: 100%;
overflow-wrap: anywhere;
}
#compareAnchorLi .hero .party{ font-size: 12px; line-height: 1.2; margin-top: 4px; }
#compareAnchorLi p{ font-size: 14px; line-height: 1.45; }

/* barra de tópicos */
#compareAnchorLi .topic-bar{ margin-top: 8px;padding: 0!important }

#compareAnchorLi #topicBodies .collapse .row{
display: grid !important;               /* sustituye flex de Bootstrap */
grid-template-columns: 1fr 1fr;         /* A | B */
gap: 12px;                              /* espacio entre columnas */
margin: 0;                              /* sin márgenes laterales */
  font-family: "Noticia Text", serif;    
font-size: 0.9em
}

/* Cada columna como “tarjeta” ligera */
#compareAnchorLi #topicBodies .collapse .row > .col{
display: block !important;              /* neutraliza flex de .col */
flex: initial !important;
max-width: unset !important;
width: auto;
background: #f8f8f8;
border-radius: 12px;
padding: 4px;
min-width: 0;                           /* evita desbordes raros */
}

/* Tipografía y cortes de palabras (sin guiones agresivos) */
#compareAnchorLi #topicBodies p,
#compareAnchorLi #topicBodies li{
font-size: 14.5px;
line-height: 1.5;
text-align: left;
hyphens: none;               /* estándar */
-webkit-hyphens: none;       /* Safari iOS */
word-break: normal;
overflow-wrap: break-word;   /* por si hay términos largos */
}

/* Lista numerada de Q&A más limpia */
#compareAnchorLi ol.qa-list{ margin-left: 1rem; }
#compareAnchorLi ol.qa-list li strong{
display:block;
margin-bottom:6px;
}

/* Barra de búsqueda cómoda (evita zoom en iOS) */
#compareAnchorLi .topic-search .form-control{
font-size: 16px;
padding: 10px 12px;
}
}

/* === Paired Q&A layout (solo móviles) === */
@media (max-width: 576px) {
/* Contenedor de pares Q/A */
#compareAnchorLi .qa-paired {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
margin-top: 8px;
}
/* Tarjeta por pregunta */
#compareAnchorLi .qa-paired .qa-item {
background: #fff;
border-radius: 12px;
padding: 12px;
}
/* Pregunta (título único) */
#compareAnchorLi .qa-paired .q {
font-weight: 800;
margin: 0 0 8px 0;
line-height: 1.3;
}
/* Dos columnas de respuesta */
#compareAnchorLi .qa-paired .cols {
display: grid;
grid-template-columns: 1fr 1fr;  /* A | B */
gap: 12px;
}
#compareAnchorLi .qa-paired .ans {
background: #f8f8f8;
border-radius: 8px;
padding: 10px;
box-sizing: border-box;
}


#compareAnchorLi .qa-paired .ans p {
margin: 0;
font-size: 14.5px;
line-height: 1.5;
text-align: left;
overflow-wrap: break-word;
hyphens: none;
-webkit-hyphens: none;
}

/* Evita scroll horizontal accidental */
#compareAnchorLi .candidato-opinion { overflow-x: hidden; }

}
#compareAnchorLi .candidato-opinion { position: relative; }
#compareAnchorLi .compare-close {
position: fixed!important;
top: .5rem!important;
right: .5rem!important;
width: 44px!important;
height: 44px!important;
/* buen tap target en móvil */
display: inline-flex!important;
align-items: center!important;
justify-content: center!important;
background: #000!important;
color: #fff!important;
border: 0!important;
font-size: 24px!important;
line-height: 1!important;
z-index: 10;
margin-top: 50px
}
.folder-tab {
height: 36px;
position: relative;
top: 10px;
background-color: #fff;
left: 28px;
display: inline-block;
z-index: 10;
margin-right: 50px;
color: #000;
cursor: pointer;
margin-top: -80px!important;
font-size: 1.2em;
text-transform: uppercase;
font-weight: bold;
}
.folder-tab.selected,
.folder-tab:hover {
z-index: 3;
color: #000;
background-color: #FFF;
}
.folder-tab.selected:before,
.folder-tab:hover:before,
.folder-tab.selected:after,
.folder-tab:hover:after {
background-color: #FFF;
}
.folder-tab:before {
height: 36px;
margin-top: -1px;
width: 50px;
border-radius: 10px 10px 0px 0px;
background-color: #fff;
content: "";
position: absolute;
left: -12px;
top: 0px;
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
z-index: -1;

}
.folder-tab:after {
height: 36px;
margin-top: -1px;
width: 50px;
border-radius: 10px 10px 0px 0px;
background-color: #FcFcfc;
content: "";
position: absolute;
right: -12px;
top: 0px;
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
z-index: -1;
}
.folder-tab span {
display: inline-block;
margin-left: 8px;
margin-right: 8px;
height: 36px;
line-height: 40px;
z-index: 3;

}
#page {
background-color: white;
height: calc(100vh - 120px);
width: calc(100vw - 61px);
position: relative;
top: 10px;
left: 1px;
padding: 30px;

}    
#compareAnchorLi .compare-close:hover { opacity:1; }

.expanding-grid .ficha-expandida {
position: relative;
padding: .75rem;
border-radius: 6px;
margin-bottom: 32px!important;

}

#home-tab{
background-image: url(../img/ui/btn-candidato-over.svg);
height: 50px;
width: 200px;
}
#diputados-tab{
background-image: url(../img/ui/btn-diputaciones-over.svg);
height: 50px;
width: 200px;
}
#home-tab.active{
background-image: url(../img/ui/btn-candidato.svg);
height: 50px;
width: 200px;
}
#diputados-tab.active {
background-image: url(../img/ui/btn-diputaciones.svg);
height: 50px;
width: 200px;
}
@media only screen and (max-width: 600px) {
#home-tab{
width: 150px!important;
height:35px!important;
}
}
@media only screen and (max-width: 600px) {
#diputados-tab{
width: 150px!important;
height: 35px!important;

}
}

@media (max-width: 576px){
  .expanding-grid .close-button{
    top: 1.5rem !important;   /* antes .5rem */
    right: 1rem !important;   /* un pelín más adentro si quieres */
    width: 40px !important;
    height: 40px !important;
    font-size: 22px;
  }
}
@media (max-width: 576px){
.nav-tabs{
height: 3px!important;
margin-top: 8px!important
  
}
}
@media (max-width: 576px){
.nav-tabs .nav-link.active{
border: none!important
}
}
@media (max-width: 576px){
#wa{display: inline-block!important
}
}

.expanding-grid .close-button:hover,
.expanding-grid .close-button:focus{
outline: none;
background: #111 !important;
box-shadow: 0 3px 8px rgba(0,0,0,.25);
}
.text-start{
margin-bottom:3px!important;
}
.btn-warning {
background-color: #FFE832 !important;
float: right !important;
border-radius: 8px;
font-weight: bold;
padding: 4px 12px;
}
.creditos {
background-color: #191919!important;
background-size: 100%;
background-repeat: no-repeat;
background-position: top;
padding-top: 100px;
text-align: center;
color: #b9b9b9;
font-family:sans-serif!important;
font-size: 0.75em;
padding-bottom: 0px;  
background-image: url(../img/ui/creditos.svg);    
}

.field-container {
position: relative;
padding: 0;
margin:0 0 5px 0;
border: 0;
width: 330px;
height: 40px;
display: inline-block!important
}

.icons-container {
position: absolute;
top: 5px;
right: 10px;
width: 35px;
height: 35px;
overflow: hidden;
}

.icon-close {
position: absolute;
top: 2px;
left: 2px;
width: 75%;
height: 75%;
opacity: 0;
cursor: pointer;
transform: translateX(-200%);
border-radius: 50%;
transition: opacity 0.25s ease, transform 0.43s cubic-bezier(0.694, 0.048, 0.335, 1);
}
.icon-close:before {
content: "";
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
border: 2px solid transparent;
border-top-color: #1b499f;
border-left-color: #1b499f;
border-bottom-color: #1b499f;
transition: opacity 0.2s ease;
}
.icon-close .x-up {
position: relative;
width: 100%;
height: 50%;
}
.icon-close .x-up:before {
content: "";
position: absolute;
bottom: 2px;
left: 3px;
width: 50%;
height: 2px;
background-color: #1b499f;
transform: rotate(45deg);
}
.icon-close .x-up:after {
content: "";
position: absolute;
bottom: 2px;
right: 0px;
width: 50%;
height: 2px;
background-color: #1b499f;
transform: rotate(-45deg);
}
.icon-close .x-down {
position: relative;
width: 100%;
height: 50%;
}
.icon-close .x-down:before {
content: "";
position: absolute;
top: 5px;
left: 4px;
width: 50%;
height: 2px;
background-color: #1b499f;
transform: rotate(-45deg);
}
.icon-close .x-down:after {
content: "";
position: absolute;
top: 5px;
right: 1px;
width: 50%;
height: 2px;
background-color: #1b499f;
transform: rotate(45deg);
}
.is-type .icon-close:before {
opacity: 1;
-webkit-animation: spin 0.85s infinite;
    animation: spin 0.85s infinite;
}
.is-type .icon-close .x-up:before, .is-type .icon-close .x-up:after {
-webkit-animation: color-1 0.85s infinite;
    animation: color-1 0.85s infinite;
}
.is-type .icon-close .x-up:after {
-webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.is-type .icon-close .x-down:before, .is-type .icon-close .x-down:after {
-webkit-animation: color-1 0.85s infinite;
    animation: color-1 0.85s infinite;
}
.is-type .icon-close .x-down:before {
-webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.is-type .icon-close .x-down:after {
-webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.icon-search {
position: relative;
top: 5px;
left: 8px;
width: 50%;
height: 50%;
opacity: 1;
border-radius: 50%;
border: 3px solid #1b499f;
transition: opacity 0.25s ease, transform 0.43s cubic-bezier(0.694, 0.048, 0.335, 1);
}
.icon-search:after {
content: "";
position: absolute;
bottom: -9px;
right: -2px;
width: 4px;
border-radius: 3px;
transform: rotate(-45deg);
height: 10px;
background-color: #1b499f;
}

.field {
border: 0;
width: 100%;
height: 100%;
padding: 10px 20px;
background: white;
border-radius: 3px;
box-shadow: 0px 8px 15px rgba(75, 72, 72, 0.1);
transition: all 0.4s ease;
}
.field:focus {
outline: none;
box-shadow: 0px 9px 20px rgba(75, 72, 72, 0.3);
}
.field:focus + .icons-container .icon-close {
opacity: 1;
transform: translateX(0);
}
.field:focus + .icons-container .icon-search {
opacity: 0;
transform: translateX(200%);
} 
/* === FIX topics: menos espacio + scroll móvil restablecido === */

/* ===== FIX: línea + separación de topics ===== */

/* Base: línea más cerca y sin duplicados */
.ficha-expandida .etiquetas-slider{
/* quitar aire vertical y pegar la línea a los iconos */
margin: 4px 0 6px 0 !important;
padding: 0 0 4px 0 !important;           /* antes 8px 0 14px 0 */
border-bottom: 2px solid #000 !important;/* mantenemos una sola línea */
gap: 3px !important;                     /* topics más juntos (global) */
}
.ficha-expandida .etiquetas-slider::after{ content: none !important; } /* evita doble línea */

/* Botoncitos: menos relleno interno */
.ficha-expandida .etiquetas-slider .badge{
padding: 0 3px !important;
margin: 0 !important;
}

/* Móvil/Tablet: scroll horizontal y separación justa para el dedo */
@media (max-width: 991.98px){
.ficha-expandida .etiquetas-slider{
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
white-space: nowrap !important;
-webkit-overflow-scrolling: touch;
overscroll-behavior-x: contain;
scroll-snap-type: x proximity;
gap: 5px !important;                   /* un pelín más cómodo en touch */
}
.ficha-expandida .etiquetas-slider .badge{
flex: 0 0 auto; scroll-snap-align: start;
}
}

/* Desktop: una sola fila, sin “estirar” el contenedor ni espacios extra */
@media (min-width: 992px){
  .ficha-expandida .etiquetas-slider{
    display:flex !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    width: 100% !important;
    max-width: 100% !important;

    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
}


.ficha-expandida .etiquetas-slider::-webkit-scrollbar{ display:none; }

@media (min-width: 992px){
/* 2.1: separación entre ítems */
.ficha-expandida .etiquetas-slider{
gap: 1px !important;          /* ← BAJÁ este valor para pegarlos más */
padding: 0 0 2px 0 !important; /* ← pega la línea negra aún más */
margin: 0 0 1px 0 !important;  /* ← quita aire bajo la fila */
border-bottom: 2px solid #000 !important;
width: auto !important;        /* ← evita “abrir” la fila */
justify-content: flex-start !important;  /* ← nada de space-between */
}

/* 2.2: relleno interno del chip/tab */
.ficha-expandida .etiquetas-slider .badge{
padding: 0 1px !important;     /* ← BAJÁ este valor si querés más compactos */
margin: 0 !important;
line-height: 1 !important;
flex: 0 0 auto !important;
}

/* 2.3: alto de los íconos/tabs para que “asienten” mejor */
.ficha-expandida .etiquetas-slider .topic-icon{
height: clamp(24px, 3vh, 32px) !important;  /* bajá si necesitás más compactos */
width: auto !important;
}
}


/* DESKTOP: bloquear cualquier “lift” en hover */
@media (min-width: 992px){
.ficha-expandida .etiquetas-slider .badge,
.ficha-expandida .etiquetas-slider .topic-icon{
transition: none !important;
transform: none !important;
top: auto !important;
margin-top: 0 !important;
box-shadow: none !important;
}

.ficha-expandida .etiquetas-slider .badge:hover,
.ficha-expandida .etiquetas-slider .topic-icon:hover,
.ficha-expandida .etiquetas-slider .badge.is-hovered,
.ficha-expandida .etiquetas-slider .topic-icon.is-hovered{
transform: none !important;
top: auto !important;
margin-top: 0 !important;
box-shadow: none !important;
filter: none !important;
}
}

/* === SOLO MÓVILES: bajar un poco la línea negra bajo los topic-icon === */
@media (max-width: 576px){
.expanding-grid .ficha-expandida .etiquetas-slider{
padding: 0 0 1px 0 !important; /* antes 6px */
margin: 4px 0 12px 0 !important; /* dar un pelín más de aire */
border-bottom: 2px solid #000 !important;
}
}

/* Por si tu “mobile” considera hasta 600px en algunos devices */
@media (min-width: 577px) and (max-width: 600px){
.expanding-grid .ficha-expandida .etiquetas-slider{
padding: 0 0 1px 0 !important;
margin: 4px 0 12px 0 !important;
}
}

/* Limpia el halo de los topics sin afectar otros .btn-light del sitio */
#compareAnchorLi #topicButtons .btn-light{
/* Quita fondo/borde sombreados de Bootstrap */
--bs-btn-bg: transparent;
--bs-btn-border-color: transparent;
--bs-btn-hover-bg: transparent;
--bs-btn-active-bg: transparent;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: transparent;
color: inherit;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
}

/* Mantén accesible el foco sin sombra difusa */
#compareAnchorLi #topicButtons .btn-light:focus-visible{
outline: 2px solid #0d6efd;   /* o el color de marca */
outline-offset: 2px;
box-shadow: none !important;
}

/* Evita el “gap” bajo el SVG que parece línea */
#compareAnchorLi #topicButtons .btn .topic-icon{
display: block;
}
@media only screen and (max-width: 600px) {
.jumbotron ul {
  margin-bottom: 15px!important
} 
}   
#myTab2{
float: left!important
}
@media only screen and (max-width: 600px) {
#myTab2{
margin-top: -25px !important
} 
} 
@media only screen and (max-width: 600px) {
#myTab2 img{
max-width: 150px !important
} 
} 
.card-partido.is-selected {
min-width: 120px!important
}

/* =========================
   PROVINCIAS – título + botón copiar
   ==========================*/

   .provincia-header {
    display: flex;
    align-items: center;
    justify-content: center; /* texto + botón centrados */
    gap: 8px;
    text-align: center;
  }
  
  /* Texto del nombre de la provincia */
  .provincia-header span {
    display: inline-block;
  }
  
  /* Botón base del clickboard */
  .prov-link-btn {
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative; /* para el mensajito "copiado" */
  }
  
  /* Estilo circular del icono */
  .btn-circle {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 50%;
    color: #333;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
  }
  
  .prov-link-btn img {
    width: 16px;
    height: 16px;
    display: block;
  }
  
  .prov-link-btn:focus-visible {
    outline: 2px solid #000;
    outline-offset: 2px;
  }
  
  /* Mensajito "copiado" */
  .prov-link-btn .copy-toast {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-4px);
    background-color: #333;
    color: #fff;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 5;
  }
  
  .prov-link-btn .copy-toast.is-visible {
    opacity: 1;
    transform: translateX(-50%) translateY(-8px);
  }
  
  /* =========================
     DIPUTADOS – pestañas + intercalado gris/blanco
     ==========================*/
  
  /* Header de provincia dentro del contenedor de diputados */
  #contenedorDiputados > h2.provincia-header {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  
    width: 100%;
    margin: 0 auto !important;      /* sin huecos arriba/abajo */
    padding: 0 16px;
  
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;
  
    text-align: center;
    font-family: "Century 725 W03 Bd", "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 1em;
    border: none;
  }
  
  /* Un poquito de respiro solo a la primera provincia */
  #contenedorDiputados > h2.provincia-header:first-of-type {
    margin-top: 24px !important;
  }
  
  /* Texto de la provincia dentro del h2 */
  #contenedorDiputados > h2.provincia-header > span {
    display: inline-block;
    padding: 4px 8px;
    margin-top: 10px  
  }
  
  /* Botón de copiar dentro del encabezado */
  #contenedorDiputados > h2.provincia-header .prov-link-btn {
    margin-left: 8px;
  }
  
  /* Impares: pestaña GRIS */
  #contenedorDiputados > h2.provincia-header:nth-of-type(odd) {
    background-image: url("../img/ui/tab-gray.svg") !important;
      margin-top: 5px!important
  }
  
  /* Pares: pestaña BLANCA */
  #contenedorDiputados > h2.provincia-header:nth-of-type(even) {
    background-image: url("../img/ui/tab-white.svg") !important;
      margin-top: 0!important

  }
  
  /* =========================
     FILA de candidatos según color de pestaña
     ==========================*/
  
  /* Quitar margin Bootstrap a la fila */
  #contenedorDiputados > .mb-4 {
    margin: 0 !important;
  }
  
  /* Espaciado vertical: solo padding (toma el color de fondo) */
  #contenedorDiputados > h2.provincia-header:nth-of-type(odd) + .mb-4,
  #contenedorDiputados > h2.provincia-header:nth-of-type(even) + .mb-4 {
    padding-top: 20px;
    padding-bottom: 40px;
      margin-top: 0!important;
  }
  
  /* Tabs impares (GRIS) → fila BLANCA */
  #contenedorDiputados > h2.provincia-header:nth-of-type(odd) + .mb-4 {
    background-color: #ffffff !important;
      margin-top: 0!important;

  }
  
  /* Tabs pares (BLANCA) → fila GRIS */
  #contenedorDiputados > h2.provincia-header:nth-of-type(even) + .mb-4 {
    background-color: #f2f2f2 !important;
  }
  
  /* =========================
     Responsive
     ==========================*/
  @media (max-width: 600px) {
    #contenedorDiputados > h2.provincia-header {
      background-size: 200% 100% !important;
      padding: 0 8px;
      font-size: 0.85em;
    }
  
    #contenedorDiputados > h2.provincia-header > span {
      font-size: 1em;
    }
  
    #contenedorDiputados > h2.provincia-header:nth-of-type(odd) + .mb-4,
    #contenedorDiputados > h2.provincia-header:nth-of-type(even) + .mb-4 {
      padding-top: 0;
      padding-bottom: 6px;
    }
  }
  /* ===== FIX SOLO MÓVILES: quitar línea entre pestaña y fila de provincia ===== */
@media (max-width: 600px) {

  /* Asegurar que el H2 no aporte margen que se vea como línea */
  #contenedorDiputados > h2.provincia-header {
    margin-top: 0 !important;
    margin-bottom: 0 !important;  /* pisa el margin-top del :first-of-type también */
  }

  /* Asegurar que la fila no meta separación extra */
  #contenedorDiputados > h2.provincia-header + .mb-4 {
    margin-top: 0 !important;
    /* mini solapamiento hacia arriba por si queda un “hilito” del fondo */
    margin-top: -5px !important;
  }
}
/* ===== FIX SOLO MÓVIL: quitar la línea entre pestaña y candidatos ===== */
@media (max-width: 600px) {

  /* Quitar el margen de abajo del título de provincia */
  #diputados .provincia-header {
    margin: 0 auto 0 auto !important;  /* antes era 0 auto 25px auto */
  }

  /* Y que el bloque de candidatos arranque pegado a la pestaña */
  #diputados .provincia-header + .mb-4 {
    margin-top: -2px !important; /* o -3px en vez de 0 */
  }

}
/* ===== FIX NOMBRES LARGOS SOLO EN MÓVIL ===== */
@media (max-width: 600px) {

  /* El H2 del tab en diputados, SIN altura fija */
  #diputados h2.provincia-header,
  #contenedorDiputados > h2.provincia-header {
    height: auto !important;          /* quita la tijera */
    min-height: 44px;                 /* alto mínimo, pero permite crecer */
    padding: 0 28px !important;
    background-size: 230% 100% !important;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;                         /* menos espacio entre texto e ícono */
  }

  /* Texto de la provincia: puede usar 2 líneas dentro del tab */
  #diputados h2.provincia-header > span,
  #contenedorDiputados > h2.provincia-header > span {
    max-width: 70%;                   /* deja espacio al botón */
    white-space: normal;              /* se permite salto de línea */
    line-height: 1.1;
    font-size: 1.35rem;
    text-align: center;
  }

  /* Botón de copiar: pegadito al texto, sin deformar */
  #diputados h2.provincia-header .prov-link-btn,
  #contenedorDiputados > h2.provincia-header .prov-link-btn {
    margin-left: 1px;
    flex-shrink: 0;  
      position: relative;
      /* el botón no se encoge ni empuja raro */
  }
}
   .dropdown{
        position: relative;
        margin-top: 20px!important
    }


h2.provincia-header:nth-of-type(odd) {
    margin-top: 0!important
}

/* Capa oscura a pantalla completa, con scroll general */
.ficha-partido-backdrop {
  position: fixed;
  inset: 0; /* top/right/bottom/left: 0 */
  background: rgba(0, 0, 0, 0.35);
  z-index: 9999;

  /* el overlay completo es el que puede hacer scroll */
  overflow-y: auto;
}

/* Caja blanca donde va el acordeón */
.ficha-partido-dialog {
  position: relative;
  background: #f8f9fa;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  max-width: 960px;
  width: 100%;

  margin: 40px auto;    /* separada de los bordes */
  padding: 24px 16px;
}

/* Contenedor interno SIN max-height ni overflow */
.ficha-partido-container {
  /* nada de max-height ni overflow aquí */
}

@media (max-width: 600px) {

  .ficha-partido-dialo {
    padding: 54px 16px !important;
  }

}
.accordion-button.no-toggle {
  cursor: default;
}

.accordion-button.no-toggle::after {
  display: none;
}
    #btnProvincia{  
    background: white!important;
    border-radius: 3px!important;
    box-shadow: 0px 8px 15px rgba(75, 72, 72, 0.1)!important;
        border: none!important;
        padding:8px 4px!important;
        }