/* Estilos globales del sitio */
.enlace-filtros {
    display: inline-block;
    padding: 6px 16px 6px 16px;
    background-color: #e6eef5;
    color: #7f8b98;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    border: 1px solid #a8bac8;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 11px;
    /* NUEVAS PROPIEDADES PARA EVITAR SALTOS */
    white-space: nowrap;       /* Evita que el texto se divida en múltiples líneas */
  /*  overflow: hidden;          /* Oculta cualquier contenido que se desborde */
    text-overflow: ellipsis;   /* Añade "..." si el texto es demasiado largo */
    max-width: 100%;           /* Asegura que no exceda el ancho del contenedor */
  /*  margin: 2px;             /*   Espacio entre botones */
}

.enlace-filtros:hover {
   background-color: #a8bac8;
    color: #ffffff;
    font-weight: 500;
    border: 1px solid #a8bac8;
}


.tituloDespliegue{
    font-family: Tahoma, sans-serif;
    font-size: 44px;
    color: #454545;
}
.subtituloDespliegue{
    font-family: Tahoma, sans-serif;
    font-size: 24px;
    color: #454545;
}



    /****************************************
    BUSQUEDA
    *****************************************/
    /* Estilo 5: Muy específico */
    body div form input#input_buscador.campo-busqueda {
        border: 1px solid #7f8b98 !important;
        background-color: #f4f4f4 !important;
        border-radius: 20px;
        padding: 5px 5px 5px 30px;
        font-size: 12px !important;
        font-family: Tahoma, sans-serif;
        width: 220px !important;
    }





    .display_none {
        display: none !important;
    }
    
.boton_explorar{
    color: #131313 !important;
    background-color: #FFFFFF !important;
    border-radius: 30px;
    padding: 12px 12px !important;
    font-size: 14px !important;
    font-family: Tahoma, sans-serif;
     white-space: nowrap;
   overflow: hidden;     /* Oculta cualquier contenido que se desborde */
     text-overflow: ellipsis;   /* Añade "..." si el texto es demasiado largo */
     max-width: 100%;   
}   
    
    
    
    
    .vigencia_card{
        color: #454545 !important;
        background-color: #F2F0EC !important;
        border-radius: 15px 0px 0px 15px; 
        padding: 5px 12px !important;
        font-size: 14px !important;
        font-family: Tahoma, sans-serif;
         white-space: nowrap;
       overflow: hidden;     /* Oculta cualquier contenido que se desborde */
         text-overflow: ellipsis;   /* Añade "..." si el texto es demasiado largo */
         max-width: 100%;   
    }
    
    .vigencia_preview{
        color: #454545 !important;
        background-color: #F2F0EC !important;
        border-radius: 15px;
        padding: 5px 12px !important;
        font-size: 14px !important;
        font-family: Tahoma, sans-serif;
         white-space: nowrap;
       overflow: hidden;     /* Oculta cualquier contenido que se desborde */
         text-overflow: ellipsis;   /* Añade "..." si el texto es demasiado largo */
         max-width: 100%;   
    }
    
    .fecha_cardCal {
        color: #3A84B6 !important;
    }    
    
    
    
    
    
    .amarillo {
        background-color: #FFEEB8 !important;
    }
    .celeste {
        background-color: #A3C8FF !important;
    }


.busqueda-custom {
    display: flex;
    gap: 10px;
    margin: 20px 0;
    max-width: 500px;
    align-items: center;
}

.contenedor-busqueda {
    position: relative;
    flex: 1;
}
/*
.campo-busqueda {
    width: 100%;
    margin: 0px;
    padding: 5px;
    border: 2px solid #333333;
    border-radius: 20px;
    font-size: 16px;
    font-family: Tahoma, sans-serif;
}
*/
.icono-lupa {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #666;
    pointer-events: none;
}

.boton-busqueda {
    padding: 12px 24px;
    background: #0073aa;
    color: white;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.boton-busqueda:hover {
    background: #005a87;
    transform: translateY(-2px);
}
/*********** */
/* PREVIEW */
/*********** */

.fecha_preview{
        font-size: 36px !important;
        font-family: Tahoma, sans-serif;
        font-weight: 800;
        margin-bottom: 10px !important;
       line-height: 1.1 !important;
}

.fuente_preview{
    font-family: Tahoma, sans-serif;
    font-size: 14px;
    color: #454545;
}
.extract_card{
    font-family: Tahoma, sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #454545;
    line-height: 1.2;
    overflow: visible !important;; /* o eliminar esta propiedad */
    white-space: normal !important;; /* Permite múltiples líneas */
}
.preview-bloque-clasificacion {
    font-family: Tahoma, sans-serif;
    font-size: 14px !important;
    line-height: 1.2;
}
.lista-enlaces{
    font-family: Tahoma, sans-serif;
    font-size: 14px !important;
    line-height: 1.2;
}