/*
Theme Name:   MediCenter Child
Theme URI: https://1.envato.market/medicenter-responsive-medical-wordpress-theme
Description:  MediCenter Child Theme
Author: QuanticaLabs
Author URI: https://1.envato.market/quanticalabs
Template:     medicenter
Version:      1.2
Text Domain:  medicenter
*/

/* Color Header */
.header-fijo-contenedor ul.thin-list li:nth-child(1) *,
.header-fijo-contenedor ul.thin-list li:nth-child(2) *,
.header-fijo-contenedor ul.thin-list li:nth-child(3) * {
    color: #8c4b68 !important;
    fill: #8c4b68 !important; 
    stroke: #8c4b68 !important; 
}

.header-fijo-contenedor ul.thin-list li:nth-child(1) [class*="icon"]::before,
.header-fijo-contenedor ul.thin-list li:nth-child(2) [class*="icon"]::before,
.header-fijo-contenedor ul.thin-list li:nth-child(3) [class*="icon"]::before,
.header-fijo-contenedor ul.thin-list li:nth-child(1) [class*="icon"]::after,
.header-fijo-contenedor ul.thin-list li:nth-child(2) [class*="icon"]::after,
.header-fijo-contenedor ul.thin-list li:nth-child(3) [class*="icon"]::after {
    color: #8c4b68 !important;
}

.header-fijo-contenedor ul.thin-list li:nth-child(2) a:hover,
.header-fijo-contenedor ul.thin-list li:nth-child(3) a:hover {
    color: #8c4b68 !important;
    opacity: 0.8;
}


/* Oculta la imagen  ID #doctor. */
#doctor .gallery-box img {
    display: none !important;
    visibility: hidden !important;
}

#doctor img {
    display: none !important;
    visibility: hidden !important;
}

/* Opcional: Si el tema usa la imagen como fondo o precarga, oculta el elemento de precarga. */
#doctor .gallery-box .img.mc-preload.wp-post-image {
    display: none !important;
    visibility: hidden !important;
}

.listado-doctores .gallery-box img,
.listado-doctores img {
    display: none !important;
    visibility: hidden !important;
}

/*
.gallery-box img {
    display: none !important;
    visibility: hidden !important;
}*/

.btnCita {
    display: none !important;
    visibility: hidden !important;
}

/* Repite la clase para aumentar la prioridad. */
.home-box-container.home-box-container:nth-child(3n+2) {
    background-image: url('https://centromedicoenova.com/wp-content/uploads/2024/05/ENOVA-DENTAL-II.jpg') !important;
}

.home-box-container.home-box-container:nth-child(3n+1) {
    background-image: url('https://centromedicoenova.com/wp-content/uploads/2025/11/M8_Eye_Model_3-scaled.jpg') !important;
}

.centrarTexto {
	display: block; 
    width: fit-content; /* O width: auto; */
    margin-left: auto;
    margin-right: auto;
}

.vc_single_image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* Centrar Imagen*/
/* Aplica flex a la capa correcta dentro de la columna */
.imagen-centrada {
  display: flex;
  justify-content: center;
  align-items: center;
}

.imagen-centrada img {
  display: block;
  margin: 0 auto;
  height: auto;
  max-width: 100%;
}



.todo-mayusculas {
    text-transform: uppercase !important; /* Fuerza que el texto sea todo en mayúsculas */
}


.header-fijo-contenedor {
    position: fixed !important; 
    top: 0 !important;
    left: 0 !important; 
    width: 100% !important; 
    z-index: 9999 !important; 
    padding-bottom: 5px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important; 
    
    /* CENTRADO FLEXBOX EN EL EXTERIOR */
    display: flex !important; 
    justify-content: center !important;
    align-items: flex-start !important;
    
    padding: 0 !important; 
}


.header-fijo-contenedor > .clearfix {
   
    width: 100% !important; 
    max-width: 1200px !important;
    margin: 0 auto !important; 
    
    display: flex !important;
    justify-content: space-between !important; 
    align-items: center !important; 
 
    
  /*  padding-top: 5px !important; 
    padding-bottom: 100px !important; 
    padding-left: 20px !important;
    padding-right: 20px !important;*/
}

.header{
	
	padding: 0px  !important;
	margin-top : 30px !important;
}

.thin-list {
    display: flex !important;
    gap: 15px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
}

.thin-list li {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
}

.icons-list {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}

.thin-list a, .icons-list a {
    align-self: center !important;
}
.thin-list span, .icons-list span {
    align-self: center !important;
}
.icons-list > * {
    align-self: center !important;
    line-height: 1 !important;
}


.btncita,
.btncitaP {
    display: flex !important; 
    align-items: center !important;
    justify-content: center !important;
    padding: 5px 10px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    background-color: #783E5D !important; 
    color: #fff !important;
    border-radius: 3px !important;
    text-decoration: none !important;
    transition: background 0.3s ease !important;
}

.btncita:hover,
.btncitaP:hover {
    background-color: #5a2e46 !important; 
}

/* Clase imagen Obesidad */
.img-responsive-center {
  display: block;          
  margin-left: auto;       
  margin-right: auto;
  max-width: 100%;         
  height: auto;            
  object-fit: cover;       
}


#img1{
  display: block;          
  margin-left: auto;       
  margin-right: auto;
  max-width: 100%;         
  height: auto;            
  object-fit: cover;   
}
 /* Mostrar el menú cuando el botón tenga la clase "mm-opened" */
    .mobile-menu-switch.mm-opened + .mobile-menu,
    .mobile-menu-switch.mm-opened + .mobile-menu.collapsible-mobile-submenus,
    .mobile-menu-switch.mm-opened ~ .mobile-menu.collapsible-mobile-submenus,
    .mobile-menu-switch.mm-opened ~ nav.mobile-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        top: 100% !important;
        left: 0 !important;
        position: absolute !important;
        width: 100% !important;
        z-index: 9999 !important;
        background: #ffffff !important;
    }

/* Tarjeta Enova */

#menu-item-6057 a {
    background-color: #AAAAAA  !important; 
    color: #ffffff !important; 
    margin: 0 !important;
    transition: background-color 0.3s ease; 
}


#menu-item-6057.current-menu-item a, 
#menu-item-6057 a:hover {
   
	background-color: #888888  !important; 
}

#menu-item-6057 {
    padding: 0 !important;
}



#slider-navigation-0{
	display: none;
}

#medicenter_departments-4{
	display: none;
}

#medicenter_appointment-2{
	display: none;
}

/* TOPBAR MOVIL */
@media (max-width: 768px) {

    .thin-list li:nth-child(1),  
    .thin-list li:nth-child(3),  
    .thin-list li:nth-child(4) { 
        display: none !important;
    }

    .thin-list {
        flex-grow: 1 !important;
        justify-content: flex-start !important;
        padding: 0 10px !important;
        gap: 0 !important; /* Elimina espacio entre elementos */
        align-items: center !important;
        width: auto !important;
    }
    
    .thin-list li {
        font-size: 13px !important;
        line-height: 1 !important;
        display: flex !important;
        align-items: center !important;
    }
    
    .header-fijo-contenedor > .clearfix {
        background-color: #ffffff !important;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        line-height: 1 !important;
        height: auto !important;
    }
    
    .header-fijo-contenedor {
        background-color: #ffffff !important;
    }

    .icons-list {
        width: auto !important;
        justify-content: center !important;
        gap: 10px !important;
        padding: 0 !important;
    }
    
    .btncita,
    .btncitaP {
        font-size: 11px !important;
        padding: 4px 8px !important;
    }

    .menu-y-logo-contenedor {
        background-color: #f7f7f7 !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 10px 20px !important;
    }
	
	  nav.mobile-menu.collapsible-mobile-submenus {
        position: fixed !important;        /* Se mantiene fijo al header */
        top: 125px !important;              /* Ajusta este valor según la altura exacta de tu header */
        left: 0;
        width: 100%;
        background-color: #ffffff;
        z-index: 9999;
        display: none;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    }

    nav.mobile-menu.collapsible-mobile-submenus[style*="display: block"] {
        display: block !important;
    }

    nav.mobile-menu.collapsible-mobile-submenus ul.menu {
        margin: 0;
        padding: 0;
        list-style: none;
    }
	
 
}