body {
    /* background-color: rgb(137,139,174); */
    background-color: rgb(37,37,38); 

    font:14px arial;
    font-size:14px; 


    margin: 0;
    padding: 0;
    width: 100%; /* Asegura que el cuerpo ocupe todo el ancho */
}

.navbar {
  /* background-color: #333; */
  background-color: rgb(19,19,20);
  position: fixed;
  top: 0;
  width: 100%; 
  display: block;
  transition: top 0.4s;
}

.navbar2 {
  /* background-color: #333; */
  background-color: rgb(19,19,20);
  position: fixed;
  top: 0;
  width: 100%;
  display: block;
  /* transition: top 0.4s; */
  height:66px;
  margin-right:5px;
  z-index:10;

  /* right: 0;
  left:0; */
}


.disp_div_inline{

	display: inline-block;

     /* background-color:peru;  */

     margin-top:9px;
     margin-left:10px;
     margin-bottom:4px;      
     /* padding-top:0px;          */

}

.topnav-right {
  float: right;
  margin-right:10px;
}

.boton {
  /* background-color: #04AA6D; /* Green */
  background-color: rgb(83,99,154); 
  border: none;
  color: white;
  /* padding: 15px;        /* todos los lados 15 */

  padding-top:15px;
  padding-bottom:15px;
  padding-left:20px;
  padding-right:20px;

  text-align: center;
  text-decoration: none;
  /* display: inline-block; */
  font-size: 14px;
  margin: 10px 8px;     /* 10 top y bot, 8 izq y der */

  border-radius: 4px;

  cursor: pointer;
}

.boton:hover {
    background-color: white;
    color:rgb(37,53,81);
}


.mi-container {
    /* width:400px; */

    width:95%;
    max-width:400px;
    min-width:300px;

    margin-top:68px;

    margin-left: auto;
    margin-right: auto;

    padding: 16px;
    background-color: white;
}

.titulo {
    font-weight:bold;
    font-size:20px; 
}


.textbox {
    /* border:solid; */
    /* outline:none; */
    margin-top:5px;
    padding-left:10px;
    padding-right:10px;
    
    width:93%; 

    height:30px;
}

.registro {
     text-align: center;
}

.boton-reg {
  /* background-color: #04AA6D; /* Green */
  background-color: rgb(83,99,154); 
  border: none;
  color: white;
  /* padding: 15px;        /* todos los lados 15 */

  padding-top:15px;
  padding-bottom:15px;
  padding-left:20px;
  padding-right:20px;

  text-align: center;
  text-decoration: none;
  /* display: inline-block; */
  font-size: 14px;
  margin: 10px 8px;     /* 10 top y bot, 8 izq y der */

  border-radius: 4px;

  width:80%;

  cursor: pointer;
}

.boton-reg:hover {
    background-color: rgb(37,53,81);
}

.panel-msg {
   /* background-color: rgb(202,203,217);  /* Mensjaes normales */
   background-color: rgb(227,191,214);  /* Mensjaes de alerta */
   text-align: center;
   font-size:12px;
   padding-top:5px;
   padding-bottom:5px;
   margin-bottom:5px;
}

.panel-msg-codigo {

   background-color: rgb(179,249,176);  /* Mensajes de alerta */
   text-align: center;
   font-size:12px;

   padding-top:7px;
   padding-bottom:7px;

   padding-left:20px;
   padding-right:20px;

   margin-bottom:5px;

   /* margin-top:15px;  */

   display:inline-block;
}

.lab-sub-text {
    font-size:11px;
    margin-left:4px;
    color:rgb(57,73,119);
}


.bienvenido {
    margin-top:50px;
    box-sizing: border-box;
  
  /* background-color: rgb(149,138,150); */
  background-color: rgb(55,62,94);
  /* position: fixed; */
  top: 0; 
  width: 100%;
  display: block;
  /* transition: top 0.4s; */
  /* height:66px; */
  text-align:center;

  padding-top:20px;
   padding-bottom:20px;

   border: 0.5px solid blue;
}

.txt_bienvenido {
    font-weight:bold;
    font-size:20px; 
    color:white;

    text-decoration: none;

   /* margin-top:20px;
   margin-bottom:20px;

   padding-top:20px;
   padding-bottom:20px; */

}

.boton-tarea {
    padding: 8px 12px;
    cursor: pointer;

    /* background-color: #007dc1; */
    background-color:rgb(37,53,81);

    color: white;
    border-radius: 15px;
    border: 1px solid #124d77;
}

.boton-tarea:hover {
    background-color:rgb(255,187,51);
    color:black;
}

.seccion-buscar {
    margin-bottom:15px;
}

/* CSS para ocultar FileUploader */
.custom-file-upload input[type="file"] {
    display: none; /* Hide the actual file input */
}

.custom-file-upload {
    display: inline-block;
    /* padding: 8px 12px; */
    cursor: pointer;
    background-color: #007dc1;
    color: white;
    border-radius: 15px;
    border: 1px solid #124d77;
    margin-right:10px;

    width:165px; 
    text-align:center;
}

.custom-file-upload:hover {
    background-color: #005691;
}


.div_desc {
  /* background-color: #333; */
  background-color: rgb(19,19,20);
  /* position: fixed; */
  /* top: 0; */
  width: 100%;
  /* display: block; */
  /* transition: top 0.4s; */
  position:relative;            
}


.disp_secc_img_inline{

	display: inline-block;
    /* width: 40%; 
     min-width:340px; */

     /*
     margin-top:9px;
     margin-left:10px;
     margin-bottom:4px;               
    */

     background-color:red;
    vertical-align: top;

}

.disp_secc_inline{

	display: inline-block;
    max-width:40%;
    font-size:13px;
    color:rgb(36,50,74);

    background-color:blue;
    vertical-align: top;

}

/* Descripción de imagen subida */
.img_pend {    
    /* float: left; /* o float: right; para poner la imagen a la derecha */

    margin-right: 15px; /* Espacio entre la imagen y el texto */
    /* Puedes ajustar el tamaño de la imagen si lo necesitas */

    width: 100%;
    border: 1px solid;
}

.img_pend2 {    
    max-width: 100%;
    height: auto;
    object-fit: contain; /* evita deformación */   
}

.txt_pend {
    width:100%;
    resize:none;
    height:50px;

    font:14px arial;
    
    padding-top:5px;    
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
}

.div_top {
    background-color: gray;
    position:relative;
    left:30px;    
}

.panel_subir {
    /* background-color:rgb(184,174,182); 
    background-color:rgb(208,205,204); */
    background-color:rgb(224,224,219);

    margin-top:5px;

    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;


    border: 1px solid rgb(108,108,94);
    border-radius: 4px;

    /* transition: transform 2s; */
}

.panel_desc {
    margin-top:10px;
    margin-bottom:15px;
}

.panel_instruccion {
    font-size:13px;
    color:rgb(36,50,74);
}

.lab_general {    
    display: inline-block;   
    padding-bottom:5px;
    margin-right:6px;
}

.lab_general_b {    
    display: inline-block;   
    padding-bottom:5px;
    margin-right:6px;
    font-weight:bold;
}

.dropdown {
    

    /* border:solid; */
    /* outline:none; */
    padding-top:5px;    
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    
    width:170px; 

    height:30px;
}

.panel-msg-info {
   /* background-color: rgb(202,203,217);  /* Mensjaes normales */
   background-color: rgb(239,228,176);  /* Mensjaes de alerta */
   text-align: center;
   font-size:12px;

   padding-top:7px;
   padding-bottom:7px;

   padding-left:20px;
   padding-right:20px;

   margin-bottom:5px;

   margin-top:15px; 
}

.lab_count {
    color:rgb(0,128,255);
    font:12px arial;
}

.panel-error {
    /* background-color: rgb(239,228,176); */
    text-align: center;
   font-size:12px;

   /* padding-top:7px; */
   padding-bottom:7px;

   padding-left:20px;
   padding-right:20px;

   margin-bottom:10px;

   margin-top:12px; 
}

.panel-error-activo {
    background-color: rgb(253,142,170);  /* Mensjaes de alerta */
   text-align: center;

   font-size:12px;
   font-weight:bold;

   padding-top:7px; 
   padding-bottom:7px;

   padding-left:20px;
   padding-right:20px;

   margin-bottom:10px;

   margin-top:12px; 
}

.panel-msg-categ {
    width:300px;

   background-color: rgb(179,249,176);  /* Mensajes de alerta */
   text-align: center;
   font-size:12px;

   padding-top:7px;
   padding-bottom:7px;

   padding-left:20px;
   padding-right:20px;

   margin-bottom:5px;

   /* margin-top:15px;  */

   display:inline-block;
}

.panel-msg-upload {
    
   background-color: rgb(179,249,176);  /* Mensajes de alerta */
   border: 2.5px solid rgb(19,256,12);

   /* text-align: center; */
   font-size:14px;

   padding-top:7px;
   padding-bottom:7px;

   padding-left:20px;
   padding-right:20px;

   margin-top:14px;
   margin-bottom:15px;

   /* display:inline-block; */
}

.tit-evaluacion {
  /* margin-top:50px; */
  
  /* background-color: rgb(149,142,140);  
  background-color: rgb(42,41,40); */
  background-color: rgb(62,62,66);
  
  
  /* top: 0;  */
  /* width: 100%; */
  display: block;
  
  /* text-align:center; */

  padding-top:10px;
   padding-bottom:10px;
   padding-left:15px;

   /* border: 0.5px solid ;   */

   margin-bottom:15px;
}

.txt_titulo {
    font-weight:bold;
    font-size:20px; 
    /* color:rgb(55,62,94); */
    color:rgb(255,255,255);

    text-decoration: none;
}

.button-elim{				/* Apariencia de boton */
	/* background:rgb(107,136,196); */
	background:rgb(50,74,126);
	/* font: 90% century gothic; */
	color:#FFFFFF;
	width:160px;
	height:30px;
    font-size:14px;	
    border-radius: 6px;
}

.panel-lista-pend {
    /* font:14px Trebuchet MS; */
    font:12px Arial;
}

.estado-pend {    
    font:14px Arial;
    background:rgb(255,255,255);
    color:rgb(52,62,191);
    padding-right:10px;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;

    margin-left:5px;
}

.estado-publicado {    
    font:14px Arial;
    background:rgb(38,202,87);
    color:rgb(255,255,255);
    padding-right:10px;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;

    margin-left:5px;
}

.estado-rechazado {    
    font:14px Arial;
    background:rgb(237,28,36);
    color:rgb(255,255,255);

    padding-right:10px;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;

    margin-left:5px;
}

.mensaje {    
    font:12px Arial;    
    color:rgb(51,62,191);

    padding-left:10px;

    /* 
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
        */
}

.mensaje-rechazo {    
    font:12px Arial;    
    color:rgb(237,28,36);

    padding-left:10px;

    /* 
    padding-right:10px;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
        */
}

.tiempo-transcur {    
    font:12px Arial;    
    color:rgb(255,127,39);

    padding-left:10px;

    /* 
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
        */
}

.panel_revisar {
    /* background-color:rgb(184,174,182); */
    background-color:rgb(255,255,255); 
    /* background-color:rgb(224,224,219); */

    margin-top:5px;

    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;


    border: 1px solid rgb(108,108,94);
    border-radius: 4px;

    /* transition: transform 2s; */
}

.imagen_publicada {
    display:inline;
    background-color:rgb(255,255,255);
   
    margin-bottom:12px; 
    margin-right:15px;
}

.imagen_publicada:hover {
    filter: brightness(75%);    
}

.panel_publicado {
    /* background-color:rgb(0,0,0); */
    display:inline;
    
}


.imagen_publicada2 {
    /* display:inline; */
    background-color:rgb(255,255,255);
   
    /* margin-bottom:12px; 
    margin-right:15px; */
    height:auto;
}

.imagen_publicada2:hover {
    filter: brightness(75%);    
}

.panel_publicado2 {
    background-color:rgb(0,0,0); 
    display:inline-block;
    
    margin-bottom:12px; 
    margin-right:15px;

     border: 1px solid rgb(0,0,0);
}

.panel_vacio {
    background-color:gray; 
    display:inline-block;
    
    
    /* margin-bottom:12px; 
    margin-right:15px; */

     border: 1px solid red;   
}

.lab_desc_pend {
    font:14px Arial;   
    font-weight:bold;

}

.bloq1-fotografo {
     margin-top:68px;    
     position:relative; 
     /* display: inline-block; /* Evita que el contenedor tome todo el ancho */

    
}

.tit-fotografo {
    position:absolute;

    top:80%; 
    left:50%;
    transform: translate(-50%, -80%); 

    /* margin: auto; */
    width:55%; 
    
    background-color:white;
    text-align:center;

    padding-top:0px;
    padding-bottom:4px;
    padding-left:50px;
    padding-right:50px;

}

@media (max-width: 818px) {     /* 768 original */
    .tit-fotografo {
        width: 100%;
        /* left: 50%; */
        /* top: auto;
        bottom: 10%; /* o ajusta según tu diseño */
        transform: translateX(-50%);
        position: relative; /* más estable en móviles */
    }
}



.txt-tit-fotog {
    /* background-color:white;
    width:50%;
    margin: auto; 
    text-align:center; */
    font:36px Arial;   

    margin: 0;
    margin-top:25px;
    margin-bottom:8px;
}

.txt-cuerpo-fotog {
    /* background-color:white;
     width:50%;
    margin: auto; 
    text-align:center; */
    font:24px Arial;   
}

.image_portada{
    display: block; /* Elimina el espacio extra debajo de la imagen */
	width:100%;    
}

.column {
    box-sizing: border-box; 

  float: left;
  width: 33.33%;
  padding: 30px;
  /* height: 300px; /* Should be removed. Only for demonstration */

  text-align:center;
  background-color:white;

  font:20px arial;   
}

.mi-row {
    background-color:white;
    
}

.mi-row:after {
  content: "";
  display: table;
  clear: both;
}

.img-block {
    /* padding: 30px; */
    width:100%;
}

.no-espaciado-tit {
    font:24px arial; 
    font-weight:bold; 
    margin: 0;
    margin-top:8px;
    margin-bottom:8px;
}

.no-espaciado {
    margin: 0;
}

.bloq3-fotografo {
     /* margin-top:68px;     */
     position:relative; 
     /* display: inline-block; /* Evita que el contenedor tome todo el ancho */
     overflow: hidden; /* Oculta el contenido que se desborde del contenedor */
}

.image_portada3{
    display: block; /* Elimina el espacio extra debajo de la imagen */
	width:100%;
}

.div3-fotografo {
    position:absolute;
    
    top:50%; 
    left:50%; 
    transform: translate(-50%, -50%); 

    text-align:center;
    padding:20px; 
}




.bloq4-fotografo {
    position: relative;
    overflow: hidden;
    background-image: url('/imagenes/fondo4c.jpg');
    background-size: cover;       /* La imagen se ajusta al contenedor */
    background-position: center;  /* Centrada siempre */
    height: 243px;                /* Alto base en escritorio */
    display: flex;
    align-items: center;          /* Centra verticalmente */
    justify-content: center;      /* Centra horizontalmente */
    text-align: center;
}

.div4-fotografo {
    padding: 20px;
}

/* Ajustes responsivos */
@media (min-width: 992px) { /* escritorio y pantallas grandes */
    .div4-fotografo {
        max-width: 55%;   /* limita el ancho del bloque de texto */
        margin: 0 auto;   /* centra horizontalmente */
    }
}


@media (max-width: 992px) {
    .bloq4-fotografo {
        height: 300px; /* Tablets */
    }
}

@media (max-width: 576px) {
    .bloq4-fotografo {
        height: 220px; /* Móviles */
    }
    .div4-fotografo p {
        font-size: 1rem; /* Reduce tipografía en móviles */
    }
}




.portada_def {
  position: relative;
  width: 100%;
}


.font_titulo_portada_def {
  font-family: 'Great Vibes', cursive;
  font-size: 48px;
  color: #ffffff;
}

.font_texto_cuerpo_def {
  font-family: 'Lato', sans-serif;
  font-size: 24px;
  color: #ffffff;
}

.font_texto_cuerpo_bold_def {
  font-family: 'Lato', sans-serif;
  font-size: 28px;
  font-weight:bold;
  color: #ffffff;
}



.image_portada_def{
    display: block; /* Elimina el espacio extra debajo de la imagen */
	width:100%;  
      
    height: auto;
}

/* Texto centrado encima */
.texto_portada_def {
  position: absolute;
  top: 50%;       /* centrado vertical */
  left: 50%;      /* centrado horizontal */
  transform: translate(-50%, -50%);
  color: white;   /* contraste sobre la imagen */
  text-align: center;
  padding: 0 10px;
}


@media (max-width: 768px) {
    .image_portada_def {
        /* width: 100%; */
        height: 90vh; /* 60% del alto de la pantalla */
        object-fit: cover; /* mantiene proporción y recorta ancho si es necesario */
    }
}


.suscripcion {
  display: flex;
  /* width:90%; */
  justify-content: center; /* centra horizontalmente */
  margin: 0 auto;   /* centra el div en el contenedor */
}

.correo_suscript {
    flex: 1;

  /* padding: 6px; */
  padding-left: 26px;

  padding-top:13px;
  padding-bottom:13px;

  font-size: 16px;
  border: none;
  width:85%; 
  background: #ddd;   
   border-radius: 9px 0 0 9px;

   outline:none;
}

.boton_suscript {
  /* float: right; */
  /* padding: 6px; */

  padding-left:26px;
  padding-right:26px;
 
  /* background: #ddd; */

  background-color:red;
  color:white;

  font-size: 16px;
  border: none;
  cursor: pointer;
 
  border-radius: 0 9px 9px 0;
}


.boton_suscript:hover {
    background-color: black;
    /* color:rgb(37,53,81); */
}





.txt-tit3-fotog {
   
    font:36px Arial;  
    color:white; 
    margin-bottom:13px;
}

.txt-cuerpo3-fotog {
    
    font:24px Arial;   
    color:white; 
}



.contenedor-horiz-edit {
    margin-top:50px;
    display: flex;
    width: 100%;
}

.contenedor-princ-image{
    width:50%; 
    background-color:white;

    display: flex;
    justify-content: center; /* Centrado horizontal */
    align-items: center;     /* Centrado vertical */
    height: 600px;           /* Necesario para centrar verticalmente */

    padding-left:20px;
    padding-right:20px;
}

.contenedor-princ-texto{
    width:50%; 
    background-color:lightblue;
}


.contenedor-image_edit{
    /* width:100%; */
    
    display: inline-block;     /* Se ajusta al tamaño de la imagen */

    max-height: 500px;     /* Altura máxima de 200px */
    overflow: hidden;      /* Oculta el exceso si la imagen es más alta */

    
}


.image_edit{
	/* width:100%;    
    height: auto;          /* Mantiene la proporción original 
    display: block; /* Elimina el espacio extra debajo de la imagen */

    max-width: 50vw;           /* Máximo 50% del ancho de la pantalla */
  max-height: 500px;         /* Máximo 200px de alto */
  height: auto;              /* Mantiene proporción vertical */
  width: auto;               /* Mantiene proporción horizontal */
  display: block;            /* Elimina espacios debajo de la imagen */

}

.div-datos-img {
    padding-top:60px;
    padding-left:20px;
    padding-right:20px;
}


/* ESTILOS BOTON MODAL */

.modal {
  display: none; /* Oculto por defecto */
  position: fixed;
  z-index: 1000;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.6);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}

.modal-content {
  /* background-color: #fff;
  margin: 15% auto;
  padding: 20px;
  width: 300px;
  text-align: center;
  border-radius: 8px; */
    
  background-color: #ffffff;
  margin: 12% auto;
  padding: 20px 20px;
  width: 350px;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
  text-align: center;
  animation: fadeIn 0.4s ease-in-out; 
}

@keyframes fadeIn {
  from {opacity: 0; transform: scale(0.95);}
  to {opacity: 1; transform: scale(1);}
}

.modal-content p {
  font-size: 18px;
  color: #333;
  margin-bottom: 25px;
}

.modal-content button {
  padding: 10px 20px;
  margin: 0 10px;
  font-size: 16px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

/*
.modal-content button:first-child {
  background-color: #0078D7;
  color: white;
   color:blue;
}

.modal-content button:first-child:hover {
  background-color: #005fa3;
}

*/

.primer-boton {
    background-color: #0078D7;
    color: white;
}

.primer-boton:hover {
    background-color: #005fa3;
}

.modal-content button:last-child {
  background-color: #e0e0e0;
  color: #333;
 
}

.modal-content button:last-child:hover {
  background-color: #c2c2c2;
}





/* Menú horizontal */

.contenedor {
  display: flex;
  /* height: 100vh; /* ocupa toda la pantalla */

  margin-top:50px;
}

.menu {
    position: fixed;     /* Fijo en la pantalla */ 
    margin-top:50px;
    top: 0;
    left: 0;
    width: 20vw;
    height: 100vh;       /* Ocupa toda la altura de la ventana */
    overflow-y: auto;    /* Si el menú es más largo, agrega scroll propio */
    box-sizing: border-box; /* Incluye padding dentro del ancho */



  /**** width: 20%;              /* menú ocupa 20% */
  background-color: #2c3e50;
  color: white;
  padding: 1rem;
}

.menu ul {
  list-style: none;
  padding: 0;
}

.menu li {
  padding: 10px;
  cursor: pointer;
}

.menu li:hover {
  background-color: #34495e;
}

.contenido {
    margin-left: 20vw;    /* Deja espacio para el menú fijo */
    width: calc(100% - 20vw); /* Ocupa el resto */
    box-sizing: border-box;


    margin-top:67px;



  /* width: 80%;              /* contenido ocupa 80% */
  padding: 1rem;
  
  background-color: #ecf0f1;
}

.vista {
  display: none;           /* oculto por defecto */
}

.vista.activa {
  display: block;          /* solo se muestra la activa */
}


/* Panel de opciones de menú */

.cuenta-tit {
    position: fixed;     /* Fijo en la pantalla */ 
    margin-top:50px;

    margin-left: 20vw;    /* Deja espacio para el menú fijo */
    width: calc(100% - 20vw); /* Ocupa el resto */
    box-sizing: border-box;

    /* margin-top:68px; */
  
  
  background-color: rgb(55,62,94);
  position: fixed; 
  /* top: 67px;  */
  

  text-align:center;

  padding-top:20px;
   padding-bottom:20px;

   border: 0.5px solid blue;
}

.textbox_sw {
    /* border:solid; */
    /* outline:none; */
    margin-top:5px;
    padding-left:10px;
    padding-right:10px;
    
    width:40%; 

    height:22px;
}

.combo-pais {
    /* border:solid; */
    /* outline:none; */
    margin-top:5px;
    padding-left:10px;
    padding-right:10px;
    
    /* width:93%;  */

    height:30px;
}

.txt_msg_envio {
    width:80%;
    resize:none;
    height:200px;

    font:14px arial;
    
    padding-top:16px;    
    padding-left:18px;
    padding-right:18px;
    padding-bottom:16px;
}

.contenedor-opc-menu{
    background-color:lightblue;

    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
}

.panel-aviso {
    /* background-color: rgb(239,228,176); */
    background-color: rgb(179,249,176);  /* Mensajes de alerta */
    text-align: center;

   font-size:12px;
   font-weight:bold;

   padding-top:7px;
   padding-bottom:7px;

   padding-left:20px;
   padding-right:20px;

   margin-bottom:10px;

   margin-top:12px; 
}

.panel-aviso-error {
    background-color: rgb(253,142,170);  /* Mensjaes de alerta */
   text-align: center;

   font-size:12px;
   font-weight:bold;

   padding-top:7px; 
   padding-bottom:7px;

   padding-left:20px;
   padding-right:20px;

   margin-bottom:10px;

   margin-top:12px; 
}




/* Slideshow container */
.slideshow-container {
    margin-top:68px;    

  width: 100%;
  position: relative;
  
  min-height: 400px; 
  /*
  background-color: #000;  evita fondo negro entre transiciones */
  background-color: white;
}


.mySlides {
    display: none;
    width: 100%;

    top: 0;
    left: 0;
}

.mySlides img {
    width: 100%;
    height: auto;
}







/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 3.5s;  /* 1.5s; */
}

@keyframes fade {
  from {opacity: .9} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}



.enlace-footer {
  text-decoration: none;
  color: white;
}
.enlace-footer:hover {
  color: rgb(0,237,215); /* azul Bootstrap */
}




/* Estilo base: modo claro */
.terminos {
  background-color: #ffffff;
  color: #000000;
  font-family: 'Lato', sans-serif;
  line-height: 1.6;
  padding: 20px;
}

/* Títulos */
.terminos h1, .terminos h2, .terminos h3 {
  font-family: 'Arial', cursive;
  color: rgb(80,89,170); /* tu color corporativo */
  margin-bottom: 15px;
}

/* Párrafos */
.terminos p {
  margin-bottom: 15px;
}

.terminos-text-bold {
    font-weight:bold;
}

.terminos-text {
    margin-left:20px;
}


.documento {
    margin-top:68px;
}