a > img {
        max-width: 50px;
    }


    
    a {
        text-decoration: none;
        color: black;
    }

    




/***************** control de scroll x *******************/
    /* Deshabilita el scroll lateral global */
    .main-container {
        overflow-x: hidden;
    }

    /* Contenedor de la tabla con scroll horizontal */
    .table-container {
        overflow-x: auto;  /* Permite el scroll horizontal */
        max-width: 95%;   /* Limita el ancho máximo del contenedor */
        margin: 0 auto;    /* Centra el contenedor horizontalmente */
    }

    /* Asegura que la tabla tenga un ancho fijo que pueda superar el contenedor */
    table {
        width: 100%; /* Ancho fijo mayor al de la pantalla para forzar el scroll */
        border-collapse: collapse;
        font-size: 15px;
    }

    th, td {
        border: 1px solid #ddd;
        padding: 8px;
    }

    th {
        background-color: #f2f2f2;
        text-align: left;
    }
/***************** fin control de scroll x *******************/






/********************************* breadcrumb *******************/

    .breadcrumb {
        margin-left: 12%;
    }

    .breadcrumb-item {
        margin: 0px;
        font-size: 16px;
    }

    .breadcrumb-item a {
        color: #DF0101;
    }
/**************************************************************/








    
/*********** back-ground 1ª seccion **************************/
    .img_backg1 {
        padding-top: 2%;
        height: 100vh;
        background-position: center center;
        background-size: cover; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-image: url('../../public/img/fondos/manifestacion2.jpg');
        background-repeat: no-repeat;
        background-attachment: fixed; 
        color: #DF0101;

        
        
    }


    .img_backg1 b {
        background-color: white;
        opacity: 0.8;
        
    }


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





/*********** back-ground 2ª seccion **************************/
    .img_backg2 {

        height: auto;
        background-size: cover; 
        /* background-image: url('../../public/img/fondos/fondo_2.jpg'); */
        background-repeat: no-repeat;

        
    }
/************************************************************/




/******************** estilos de la cabecera de todas la páginas *****************/
    .cabecera {
        margin-top: 0%;
        padding-top: 2%;
        width: 100%;
        height: 340px;
        background-size: cover; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-image: url('../../public/img/fondos/manifestacion5.jpg'); 
        background-image: center;
        background-repeat: no-repeat;
        color: #DF0101;
    }

    .cabecera a {
        color: #DF0101;
        background-color: white;
        font-weight: bold;
        opacity: 0.8;
    }


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






/*************************** logo y boton afiliate de la 1ª seccion ************/
    .img_logo_seccion1 {
        max-width: 40%; 
        margin-bottom: 15px;
        opacity: 0.8;
    }

    .boton-bajo-logo {
        min-width: 40%;
        border-radius: 0px;
        color: white;
        background-color: #0141aa;
        font-size: 25px;
        font-weight: bold;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    }
    .boton-bajo-logo:hover {
        color: white;
        background-color: #0c57d5;
    }
/*******************************************************************************/





/*************************** offcanvas arbol-mapa *************************/
    .boton-arbol-mapa {
        position: fixed;
        top: 45%;
        float: left;
        z-index: 1000;
    }
    .boton-arbol-mapa:hover {
        cursor: pointer;
    }
    .offcanvas {
        opacity: 0.8;
    }
    .contenedor-arbol a, ul, li {
        margin-top: 10px;
        margin-bottom: 10px;
        list-style:none;
    }
    .dropdown-toggle {
        margin-top: 30px;
    }
    .dropdown-toggle:hover {
        cursor: pointer;
    }
    .ico_pais { 
		max-width: 15%;
		margin-left: 4px;
	}   
/*****************************************************************/






    .titulo-index {
        color: #DF0101;
        font-weight: bold;
        
    }






/***************************  ************/
    .img_logo_rotulos {
        max-width: 4%;
        min-width: 40px; 
        margin-bottom: 15px;

    }
/*****************************************************************/



    







/******************************* botones_menu *******************/
    .botones_menu {
        margin-bottom: 20px;
        margin-left: 50%;
        position: relative;
        border-radius: 0%;
        
    }
    .botones_menu a {
        width: 200px;
        border: none;
        border-radius: 0%;
        background-color: #DF0101;
        font-weight: bold;
    }

    .botones_menu a:hover {
        background-color: #B40404;
        cursor: pointer;
    }

    .botones_menu .dropdown-item  {
        background-color: white;

    }
    
    .boton-descargar {
        background-color: #DF0101;
        border: none;
        border-radius: 0px;
        font-weight: bold;
    }

    .boton-descargar:hover {
        background-color: #B40404;
    }

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







/************** imagen de los instructivos ************************/
    .img-doc-instrucciones {
        margin-right: 70%;
        margin-left: 30%;
        width: 150%;
    }
/*****************************************************************/








/******************************* boton enviar formulario y spinner *******************/
    #bSubmit {
        width: 300px;
        border: none;
        border-radius: 0px;
        background-color: #DF0101;

    }
    #spinner {
        /*border: 14px solid #f3f3f3;
        border-top: 14px solid #3498db;
        border-radius: 50%; 
        width: 30px;
        height: 30px;*/
        /* display: none; /* El spinner debe estar oculto por defecto */
        margin-top: 5px;
        margin-left: 30px;
        margin-right: 10px;

    }

    /*@keyframes spin {
        0% {
            transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
    }*/
/*****************************************************************/







/************** estilo de los inputs y select ************************/

    label {
        font-size: small;
        
    }
    .form-control, .form-select {
        border: 1px solid #39c;
        border-radius: 0;

    }


/* imagen de la ? encima de los campos */
    .img_interrogacion_campos {
        max-width: 20px;
        margin: 4px;
    }




/* modals de la ayuda al formulario */    
    .ayudaFormulario {
        border-radius: 0;

    }




/************************ videos ************************/
    .card img {
        padding: auto;
        max-width: 200px;

    }
    
    .card iframe {
        padding: auto;
        max-width: 200px;
    }

    .card-album-videos {
        min-height: 500px;
        font-size: 15px;
    }
/*********************************************************/




    body {

        margin-top: -28px;
        font-size: 18px;
        text-align: justify;


    }



    .modal-body {
        text-align: justify;
    }




/* Cuando la pantalla es mayor a 900px */
@media only screen and (min-width : 901px) {



    .centrado {
        text-align:center;
        padding:8px;
    }

    .centrar_div {
        width: 420px;
        margin-left: auto;
        margin-right: auto;
    }

    .img_titulos_metodologia {
        width: 10%;
    }

    /*.swal-modal {
        background-color: rgba(63,255,106,0.69);
        border: 3px solid white;
    }*/

    .swal-button {
        padding: 7px 19px;
        border-radius: 2px;
        background-color: #4962B3;
        font-size: 12px;
        border: 1px solid #3e549a;
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
    }




    .ir-arriba { 
        display:none;
        padding:20px;
        background:#4d4e4e;
        font-size:20px;
        color:#fff;
        cursor:pointer;
        position: fixed;
        bottom:20px;
        right:20px;
        border-radius: 5px;
        z-index: 1000;
    }

    .sombra {
        -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    }



    /* estilos para la img tipo thumbnail de la cedula */
    #cedula_img_form {
      border: 1px solid #ddd; /* Gray border */
      border-radius: 4px;  /* Rounded border */
      /* padding: 5px; /* Some padding */
      width: 120px; /* Set a small width */
      height: 100px;
      background-image: url('public/img/logos/subir_img.png');
      background-repeat: no-repeat;
    }
    
    #bCambiarImg {
      padding: 0;

    }
    
    

    /* botones badged de formularios solicitudes y afiliaciones */
    .boton-badge {
        height: 100%;
    }



    



        

    

}








/* Cuando la pantalla es menor a 900px  (tablets y teléfonos inteligentes)*/
@media only screen and (max-width : 900px) {


    /*********** back-ground 1er banner **************************/
    .img_backg1 {
        padding-top: 10%;
        height: auto;
        min-height: 100vh;

    }


/*************************** logo de la 1ª seccion ************/
    .img_logo_seccion1 {
        max-width: 50%; 
        margin-bottom: 15px;
        margin: 30px;
        opacity: 0.8;
    }
/*****************************************************************/




/******************************* botones_menu *******************/
    .botones_menu {
        margin-top: 8px;
        margin-bottom: 8px;
        margin-left: 8px;
        margin-right: 4px;
    }
/***************************************************************/





/************** imagen de los instructivos ************************/
.img-doc-instrucciones {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
}
/*****************************************************************/



/*************************** offcanvas arbol-mapa *************************/
.boton-arbol-mapa {

    top: 50%;
    float: left;
    z-index: 1000;
}
/*****************************************************************/

    
     


    .centrado {
        text-align:center;
        padding:8px;
    }

    .sombra {
        -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    }

    .ir-arriba { 
        display:none;
        padding:20px;
        background:#4d4e4e;
        font-size:20px;
        color:#fff;
        cursor:pointer;
        position: fixed;
        bottom:20px;
        right:20px;
        border-radius: 5px;
    }

    .carousel img {
        max-width: 50%;
    }
}