:root {
  /* Grid settings */
  --enable-flex: true;
  --main-sm-columns: 12;
  --sidebar-sm-columns: 4;

  /* Tipos de fuente */
  --tipo-a-regular: 'Montserrat';
  --tipo-a-medium: 'Montserrat';
  --tipo-a-bold: 'Montserrat';
  --tipo-a-semibold: 'Montserrat';
  --tipo-b: 'Raleway';
  --tipo-c: 'Droid Serif';

  /* Colors - Paleta principal */
  --negro: #000000;
  --blanco: #ffffff;
  --error: #ff0000;
  --correcto: #66cc66;
  --gris-oscuro: #333;
  --gris-oscuro2: #212121;
  --gris-claro: #bababa;
  --gris-claro1: #dddddd;
  --gris-claro2: #bfbfbf;
  --gris-claro3: #f7f7f7;
  --verde: #9ed342;
  --verde-azulado: #007874;
  --azul-oscuro: #006cb5;
  --azul-oscuro2: #5B8FC5;
  --verde-claro: #c2d100;
  --verde-oscuro: #50ae38;
  --color-principal: #5B8FC5;
  --color-principal-light: #90a9c4;
  --color-secundario: #606060;
  --color-pase-gratis: #9df04b;
  --color-pase-profesional: #007874;
  --color-pase-restringido: #009fdd;
  --color-pase-oro: #3d4e8e;
  --color-pase-platino: #6b4990;
  --amarillo: #f9e73b;
  --rojo: #f04b4b;
  --rojo-claro: #de5959;
  --azul-claro: #5B8FC5;
  --azul-oscuro-modal-unete: #274367;

  /* Colores Congreso */
  --color-negro: #151515;
  --color-gris-medio: #8B8B8B;
  --color-1: #4F80C1;
  --color-2: #D57C1B;
  --color-3: #C62659;
  --color-4: #A05498;
  --color-5: #39A082;
  --color-azul-oscuro: #274367;

  /* Z-index */
  --zindex-dropdown-backdrop: 990;
  --zindex-navbar: 1000;
  --zindex-dropdown: 1000;
  --zindex-fixed: 1030;
  --zindex-sticky: 1030;
  --zindex-modal-backdrop: 1040;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
  --zindex-tooltip: 1070;

  /* Colores home 2024 */
  --azul-muyoscuro-2024: #070C38;
  --azul-oscuro-2024: #0E3871;
  --azul-claro-2024: #598BBE;
  --azul-muyclaro-2024: #74ACE5;
  --azul-extraclaro-2024: #D3DDE6;


  /* Colores rediseños noviembre 2025 */

  --color-principal-oscuro-2025: #0E3971;

}



/* ****************************************************************
JB 241125 MODAL ALERTA
/* **************************************************************** */


#modalAlerta .modal-dialog{
    border-radius: 30px;
    overflow: hidden;    
}

#modalAlerta .modal-dialog .modal-content{
    padding-bottom: 0px !important; 
    border-radius: 30px;
    overflow: hidden;       
}

#modalAlerta .modal-header{
    background-color: var(--azul-claro-2024);
    border-bottom: solid 1px var(--azul-muyoscuro-2024) !important;
    min-height: 62px;
}

#modalAlerta .modal-header .modal-title{
    display: none;
}

.mainbody #modalAlerta .modal-dialog .modal-content .modal-header .close{
    position: absolute !important;
    right: 20px !important;
    top: 20px !important;
    opacity: 1;
}

.mainbody #modalAlerta .modal-dialog .modal-content .modal-header .close:before{
    content:"✕";
    font-size: 24px;
    color: var(--blanco);
}

#modalAlerta .modal-dialog .modal-content .modal-body{
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    text-align: center;
    font-size: 20px;
    opacity: 1;
    min-height: 160px;
    display: flex;
    flex-direction: column;
    font-family: var(--tipo-b), sans-serif;
}

#modalAlerta .modal-dialog .modal-content .modal-body p{
    font-size: 1.3rem;
    line-height: 1.2em;
    margin-bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
    font-family: var(--tipo-b), sans-serif;

}

/* ****************************************************************
/* **************************************************************** */




/* ****************************************************************
JB 241125 CABECERAS REDONDEADAS ABAJO.
/* **************************************************************** */

#section-cabecera{
    border-bottom-left-radius: 45px;
    border-bottom-right-radius: 45px;
    overflow: hidden;
}

#section-cabecera-actividades-anuales{
    border-bottom-left-radius: 45px;
    border-bottom-right-radius: 45px;
    overflow: hidden;    
}

.banner-perfil{
    border-bottom-left-radius: 45px;
    border-bottom-right-radius: 45px;
    overflow: hidden;    
}

#section-hero{
    border-bottom-left-radius: 45px;
    border-bottom-right-radius: 45px;
    overflow: hidden;    
}

/* ****************************************************************
/* **************************************************************** */


/* ****************************************************************
JB 241125 NUEVO DISEÑO PÁGINA ACTIVIDAD
/* **************************************************************** */

.v2025.single-actividades .cabecera h1{
    font-size: 2.4rem;
    line-height: 1.4em;
}

.v2025.single-actividades .modulos-content h2, .v2025.single-actividades .modulos-content h3{
    font-weight: 600 !important;
    font-size: 1.4rem !important;
}

.v2025.single-actividades .cabecera .etiquetas .cattipo{
    background-color: var(--color-principal);
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    padding-right:10px;
    color:white;
    border-radius: 15px;
    font-size: 0.8rem;
}

.v2025.single-actividades .cabecera .etiquetas .cattipo svg{
    position: relative;
    top:2px;
}

.v2025.single-actividades .cuadroFechaActividad{
    border-radius: 20px !important;
    position:absolute !important;
    -webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.2); 
    box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.2);
    overflow:visible !important;
    margin-top: -97px !important;
}

@media screen and (max-width: 768px) {
   .v2025.single-actividades .cuadroFechaActividad{
        position: relative !important;
        margin-top: 40px !important;
   } 
}

.v2025.single-actividades .cuadroFechaActividad .col-final{
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

.v2025.single-actividades .cuadroFechaActividad .col-dire{
    background-color: var(--color-principal-oscuro-2025) !important;
    color: white
}


.v2025.single-actividades .cuadroFechaActividad .col-clara{
    background-color: var(--color-principal);
    padding-top:13px;
    padding-bottom:13px;
}

.v2025.single-actividades .cuadroFechaActividad .col-clara a{
    background-color: white;
    padding-top:5px;
    padding-bottom:7px;
    padding-left:20px;
    padding-right: 20px;
    color:var(--color-principal-oscuro-2025);
    border-radius:5px;
    display:inline-block;
    font-size: 0.7rem;
    font-weight: 600;
    height: 32px;
}

.v2025.single-actividades .cuadroFechaActividad .col-clara a svg{
    color:var(--color-principal-oscuro-2025);
    stroke: var(--color-principal-oscuro-2025);
    position: relative;
    top:5px;
}

.v2025.single-actividades .cuadroFechaActividad .col-clara a:hover{
    text-decoration: none;
    background-color: var(--color-principal-oscuro-2025);
    color: white
}

.v2025.single-actividades .cuadroFechaActividad .col-clara a:hover svg{
    stroke: white;

}

.v2025.single-actividades .cuadroFechaActividad .col-clara a.icono{
    width: 32px;
    height: 32px;
    overflow: hidden;
    padding: 0px !important;
    display: inline-flex;
    text-align: center;
    top: 4px;
    position: relative;
}

.v2025.single-actividades .cuadroFechaActividad .col-clara a.icono >*{
    position: absolute;
    top: 50%;
    left:50%;
    transform:translate(-50%,-50%);
}

.v2025.single-actividades .cuadroFechaActividad .col-clara a.icono >svg{
    margin:auto;
    margin: auto;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left:50%;
    transform:translate(-50%,-50%);
}

.v2025.single-actividades .cuadroFechaActividad .col-blanca{
    background-color: white;
    padding-top:13px;
    padding-bottom:13px;
}

.v2025.single-actividades .cuadroFechaActividad .col-blanca a{
    background-color: white;
    padding-top:5px;
    padding-bottom:7px;
    padding-left:20px;
    padding-right: 20px;
    color:white;
    background-color: var(--color-principal);
    border-radius:5px;
    display:inline-block;
    font-size: 0.7rem;
    font-weight: 600;
    height: 32px;
}


.v2025.single-actividades .cuadroFechaActividad .col-faq{
    background-color: var(--color-principal);
    padding-top:13px;
    padding-bottom:13px;
}

.v2025.single-actividades .cuadroFechaActividad .col-faq a{
    background-color: white;
    padding-top:5px;
    padding-bottom:7px;
    padding-left:20px;
    padding-right: 20px;
    color:var(--color-principal-oscuro-2025);
    border-radius:5px;
    display:inline-block;
    font-size: 0.7rem;
    font-weight: 600;
}

.v2025.single-actividades .cuadroFechaActividad .col-faq a svg{
    color:var(--color-principal-oscuro-2025);
    stroke: var(--color-principal-oscuro-2025);
    position: relative;
    top:5px;
}

.v2025.single-actividades .cuadroFechaActividad .col-faq a:hover{
    text-decoration: none;
    background-color: var(--color-principal-oscuro-2025);
    color: white
}

.v2025.single-actividades .cuadroFechaActividad .col-faq a:hover svg{
    stroke: white;
}


.v2025.single-actividades .texto_enriquecido{
    font-size: 1rem;
    line-height: 1.6em;
    color:black;
}

.v2025.single-actividades .texto_enriquecido h2{
    font-size: 1.3rem;
    line-height: 1.6em;
    color:black;
}


.v2025.single-actividades  .texto_enriquecido p{
    font-size: 1rem;
    line-height: 1.6em;
    color:black;
    letter-spacing: 0;
}

.v2025.single-actividades .texto_enriquecido ul li{
    font-size: 1rem;
    line-height: 1.6em;
    color:black;
    letter-spacing: 0;
}

.v2025.single-actividades .texto_enriquecido ol li{
    font-size: 1rem;
    line-height: 1.6em;
    color:black;
    letter-spacing: 0;
}

.v2025.single-actividades .texto_enriquecido.textoblanco h2, .v2025.single-actividades .texto_enriquecido.textoblanco p{
    color:white !important;
    text-align: left !important;
    letter-spacing: 0;
}


.v2025.single-actividades .texto_enriquecido blockquote{
    width:100%;
    background-color: var(--color-principal-oscuro-2025);
    position:relative;
    border:none;
    padding-top:30px;
    padding-bottom:30px;
    font-style: normal;
    letter-spacing: 0;
}

.v2025.single-actividades .texto_enriquecido blockquote:before{
    content:"";
    position:absolute;
    top:0px;
    bottom:0px;
    right:100%;
    width:100vw;
    background-color: var(--color-principal-oscuro-2025);

}

.v2025.single-actividades .texto_enriquecido blockquote:after{
    content:"";
    position:absolute;
    top:0px;
    bottom:0px;
    left:100%;
    width:100vw;
    background-color: var(--color-principal-oscuro-2025);

}

.v2025.single-actividades .texto_enriquecido blockquote p{
    color:white;
    text-align: center;
    font-style: normal;
    font-family: var(--tipo-b);  
    letter-spacing: 0;  
}

.v2025.single-actividades .texto_enriquecido blockquote p:before{
    display: block;
    margin-left: auto;
    margin-right: auto;
    color:white;
    margin-bottom:15px;
}

.v2025.single-actividades .texto_enriquecido blockquote p:after{
    display: block;
    margin-left: auto;
    margin-right: auto;
    color:white;
    margin-top:15px;
}

.v2025.single-actividades .menuhorizontal .contenidoboton{
    border-radius: 10px !important;
}

.v2025.single-actividades .bgazulclaro{
    background-color: var(--gris-claro3) !important;
}

.v2025.single-actividades #section-home-organizaciones.bgazulclaro{
    padding-top:35px !important;
    padding-bottom: 35px !important;
}

.v2025.single-actividades #section-home-organizaciones .titular-secc-org{
    font-size: 1.4rem;
    font-weight: 600;
}

.v2025.single-actividades #contenido-actividad .tags a{
    border-radius: 15px !important;
}

.v2025.single-actividades #contenido-actividad .tags a i{
    display:none !important;
}

.v2025.single-actividades #contenido-actividad .tags a:before{
    content: "";
    width: 10px;
    height: 10px;
    background-image: url("images/ico-etiqueta.svg");
    display: inline-block;
    background-size: cover;
}

.v2025.single-actividades #section-sponsor h2{
    text-align: center;
    font-size: 1.37rem;
    margin-bottom:65px;

}

.v2025.single-actividades #section-sponsor .interiorModulo{
    background-color: var(--color-principal);
    color:white;
    border-radius: 15px; 
    margin-bottom:20px;  
}

.v2025.single-actividades #section-sponsor .interiorModulo .icono{
    width:75px;
    height:75px;
    border-radius: 50%;
    border:solid 1px var(--color-principal);
    color:black;
    background-color: white;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    margin-top:-60px;  
}

.v2025.single-actividades #section-sponsor .interiorModulo .icono i{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

.v2025.single-actividades #section-sponsor .interiorModulo h3{
    color: white;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0px;
    font-size: 1.25rem;
}

.v2025.single-actividades #section-sponsor .interiorModulo p{
    color:white;
}

.v2025.single-actividades #section-sponsor .interiorModulo p:before{
    content:"";
    display: block;
    width: 40px;
    height:3px;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    margin-top:15px;
    margin-bottom:15px;
}

@media screen and (max-width: 768px) {
    .v2025.single-actividades #section-sponsor .col-12.col-md.text-center{
        margin-bottom:60px;
    }
}

.v2025.single-actividades #FAQs{
    padding-top: 40px !important;
    padding-bottom: 40px !important;    
}

.v2025.single-actividades #FAQs .titular-secc-org{
    font-size: 1.4rem;
    font-weight: 600;    
}


.v2025.single-actividades #FAQs .card-header a[data-toggle="collapse"]{
    content:"";
}

.v2025.single-actividades #FAQs .card-header a[data-toggle="collapse"]:before{
    position: absolute;
    top: 16px;
    left: 23px;
    content: "|";
    font-size: 16px;
    display: block;
    color: var(--color-principal);
}

.v2025.single-actividades #FAQs .card-header a[data-toggle="collapse"]:after{
    position: absolute;
    top: 17px;
    left: 23px;
    content: "|";
    font-size: 16px;
    display: block;
    color: var(--color-principal);
    transform: rotate(90deg);
}

.v2025.single-actividades #FAQs .card-header a[data-toggle="collapse"] i{
    display: none !important;
}

.v2025.single-actividades .tablaagenda2025{

}

.v2025.single-actividades #contenido-actividad{
    min-height: 150px;
}


.v2025.single-actividades #section-home-organizaciones .swiper-container-organizaciones .fondo{
    background-color: transparent;
}

.v2025.single-actividades #section-home-organizaciones .swiper-container-organizaciones .swiper-slide a{
    border:solid 1px var(--gris-claro);
}

.v2025.single-actividades #section-home-organizaciones .organizaciones-next{
    background-color: transparent !important;
}

.v2025.single-actividades #section-home-organizaciones .organizaciones-next i{
    color: black;
    font-size: 2.5rem;
    line-height: 2.3em;
    margin-top: -20px;
}

.v2025.single-actividades #section-home-organizaciones .organizaciones-prev{
    background-color: transparent !important;
}

.v2025.single-actividades #section-home-organizaciones .organizaciones-prev i{
    color: black;
    font-size: 2.5rem;
    line-height: 2.3em;
    margin-top: -20px;
}

.v2025.single-actividades .section-galeria-v2 h3{
    margin-bottom: 30px !important;
    font-size:1.4rem !important;
    font-weight: 600 !important;
}

.v2025.single-actividades #section-localizacion{
    position:relative;
}

.v2025.single-actividades #section-localizacion:before{
    content:"";
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    width:100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
}


/* ****************************************************************
/* **************************************************************** */
