/*Globales*/
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

h1{
font-size: 40px !important;

}

h2{
font-size: 30px !important;
}

h3{
font-size: 20px !important;
color: black;
}

 @media (max-width: 480px) {
		 h3,h4{
		 	text-align:center;
		 }
        }

#panel-10-7-1-0{
margin-bottom: 0 !important
}

.img-opacity{
opacity:1;
}

/*aqui va el hero */
.site-title {
display: none;
}
#masthead {
padding: 180px 16px 180px 0;
}
.main-navigation ul li {
margin: 0 32px -10px 0;
}
.custom-logo{
 
border-radius: 100%;
width: 100px;
height:100px
		
}
.overlap-light .site-header:not(.stuck) .main-navigation div>ul:not(.cart_list)>li>a {
    color: #000000;
}
 .imagen-circular {
            border-radius: 50%; 
		
        }

#contenedor {
  justify-content: center;
  align-content: center;
  align-items: center !important;
}

.linea-negra {
   border: none;    
   margin: 20px 0; 
	 border-top: 1px solid #0083C2;
}
/* Estilo para el contenedor del botón */
.centrar-boton {
    display: flex; 
    justify-content: center; 
    margin-top: 20px; 
}

/* Estilo para el botón */
.boton {
    background-color: #114C6F; 
    color: white; 
    padding: 10px 20px;
    border: none; 
    border-radius: 12px; 
    cursor: pointer; 
    font-size: 16px; 
    font-weight: bold; 
    text-align: center; 
    transition: background-color 0.3s ease; 
}

/* Cambia el color de fondo al pasar el ratón */
.boton:hover {
    background-color: #0D3B56; /* Color de fondo más oscuro al interactuar */
}



#bg-imagen{
		
		padding-bottom: 40px !important;
		transition: transform 0.3s ease-in-out;
		background-color: #0181B4
}
.textwidget.custom-html-widget{
text-align: center !important;

}


#section-invitados{

margin-top: 30px;
}

#news-caroussel2 {
  top: 15px;
  left: 60px;
  background-color: #FFFFFF;
  color: black;
  padding: 5px 10px;
 /* box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); */
}

#news-caroussel2 .lsow-carousel-item p img {
		margin:0 auto !important;
}

#news-caroussel2 .lsow-carousel .lsow-carousel-item p {
    position: relative;
    min-height: 200px; 
}

#news-caroussel2 .lsow-carousel .lsow-carousel-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sixty-years-container {
  display: flex;
  align-items: center; 
		justify-content:center
}

.sixty-years-container img {
  margin-right: 20px; 
		
			
}
.sixty-years-container2 {
 display: flex; 
		justify-content: space-between; 
		align-items: flex-start;
}

.sixty-years-container2 img {
  /*margin-right: 20px; */
		
			
}
@media (max-width: 768px) {
  .sixty-years-container {
    flex-direction: column;
    align-items: center; 
    text-align: center; 
  }
  
  .sixty-years-container img {
    margin-right: 0;
    margin-bottom: 20px; 
		
  }
}



/* Estilos para la ventana modal  */
 
.modal {
    display: none; /* Oculta por defecto */
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5); /* Fondo oscuro */
}

/* Contenido modal */
.modal-content {
    background-color: #fff;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #ccc;
    width: 80%; /* Ancho de la ventana modal */
    max-width: 500px; /* Ancho máximo de la ventana modal */
}

/* Botón de cierre */
.cerrar {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.cerrar:hover,
.cerrar:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal-scroll {
    max-height: 500px; 
    overflow-y: auto; 
}


/* Estilos para la ventana modal  */
.modal2 {
    display: none; 
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5); 
}

/* Contenido modal */
.modal-content2 {
    background-color: #fff;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #ccc;
    width: 80%;
    max-width: 500px;
}

/* Botón de cierre */
.cerrar2 {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.cerrar2:hover,
.cerrar2:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal-scroll2 {
    max-height: 500px; 
    overflow-y: auto; 
}


/* Estilos para la ventana modal  */
.modal3 {
    display: none; 
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5); 
}

/* Contenido modal */
.modal-content3 {
    background-color: #fff;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #ccc;
    width: 80%; 
    max-width: 500px; 
}

/* Botón de cierre */
.cerrar3 {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.cerrar3:hover,
.cerrar3:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal-scroll3 {
    max-height: 500px; 
    overflow-y: auto; 
}


/* Estilos para la ventana modal  */
.modal4 {
    display: none; 
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5); /* Fondo oscuro */
}

/* Contenido modal */
.modal-content4 {
    background-color: #fff;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #ccc;
    width: 80%; 
    max-width: 500px; 
}

/* Botón de cierre */
.cerrar4 {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.cerrar4:hover,
.cerrar4:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal-scroll4 {
    max-height: 500px; 
    overflow-y: auto; 
}


/* Estilos para la ventana modal5  */
.modal5 {
    display: none; 
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5); 
}

/* Contenido modal */
.modal-content5 {
    background-color: #fff;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #ccc;
    width: 80%; 
    max-width: 500px; 
}

/* Botón de cierre */
.cerrar5 {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.cerrar5:hover,
.cerrar5:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal-scroll5 {
    max-height: 500px; 
    overflow-y: auto; 
}

/* centrar medicos invitados*/
#pgc-10-5-0{
	display: flex !important;
    flex-direction: column !important ;
    align-content: center !important;
    align-items: center !important;
    justify-content: center !important;

}

#pgc-10-5-1{
	display: flex !important;
    flex-direction: column !important ;
    align-content: center !important;
    align-items: center !important;
    justify-content: center !important;

}
#pgc-10-5-2{
	display: flex !important;
    flex-direction: column !important ;
    align-content: center !important;
    align-items: center !important;
    justify-content: center !important;
}

#pgc-10-5-3{
	display: flex !important;
    flex-direction: column !important ;
    align-content: center !important;
    align-items: center !important;
    justify-content: center !important;
}

#pgc-10-5-4{
	display: flex !important;
    flex-direction: column !important ;
    align-content: center !important;
    align-items: center !important;
    justify-content: center !important;
}



		  /* Estilo para la imagen de zoom */
.zoom-imagen {
            width: 300px; 
            height: auto; 
            transition: transform 0.3s ease-in-out; 
	
        }

        /* Efecto de zoom cuando se coloca el mouse encima de la imagen */
.zoom-imagen:hover {
            /*transform: scale(1.2); */
        }



 @media (max-width: 480px) {
		 .dr-movil{
		 	display:flex;
				 flex-direction:column;
				 margin: 0 auto;
		 }
        }

@media screen and (max-width: 480px) {
    .sixty-years-container2 {
        flex-direction: column;
				margin-bottom: 10px
    }
}

/* Footer*/
.contact-info {
  font-size: 12px;
  line-height: 18px;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #33C5FF;
}
.contact-info p {
  margin: 5px 0;
	text-align:left
}

.footer-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0; 
    background-color: #2f333b; 
    color: #fff; 
    flex-wrap: wrap;
		width:100%;
		margin: 0
}

.contact-info a {
    color: #fff; 
}

.copyright {
    text-align: right;
    flex-grow: 1;
}

.copyright  a{
color:#0181B4
}

.contact-info a {
color:#0181B4
}

@media only screen and (max-width: 768px) {
    .footer-content {
        flex-direction: column;
        text-align: left;
    }
		.contact-info p {
		text-align:center
		}

    .contact-info,
    .copyright {
        text-align: center;
        margin-bottom: 15px;
    }

    .contact-info a {
        display: block;
    }
}