/*
Theme Name: Labrix Child
Template:   labrix
Theme URI: https://themeforest.net/user/awaiken
Description: Labrix Child Theme
Author: Awaiken Themes
Author URI: https://awaikenthemes.com/
Version: 1.0.0
Text Domain: labrix-child
*/


/* Estilo para el header cuando está fijo */
.header-fijo {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #ffffff !important; /* Fondo blanco */
    box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* Sombra suave opcional */
    z-index: 1000;
    
    /* Animación suave para la aparición */
    animation: fadeInDown 0.5s ease-in-out; 
}

/* Keyframes para la animación (opcional) */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#encabezado.header-fijo img {
    filter: none !important;
}




@media(min-width:767px){
	
	/* Cambiar color de los enlaces del menú en el header fijo */
#encabezado.header-fijo .ekit-menu-nav-link , #encabezado.header-fijo .elementskit-submenu-indicator{
    color: #45566a;
}

#encabezado.header-fijo .ekit-menu-nav-link.active, #encabezado.header-fijo .elementskit-navbar-nav > li > a:hover, #encabezado.header-fijo .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator {
    color: white !important;
}

/* 4a. Para submenús normales (hover y activo) */
#encabezado.header-fijo ul.elementskit-navbar-nav > li.menu-item-has-children:hover > a.ekit-menu-nav-link,
#encabezado.header-fijo ul.elementskit-navbar-nav > li.current-menu-ancestor > a.ekit-menu-nav-link,
#encabezado.header-fijo ul.elementskit-navbar-nav > li.menu-item-has-children:hover > a.ekit-menu-nav-link i,
#encabezado.header-fijo ul.elementskit-navbar-nav > li.current-menu-ancestor > a.ekit-menu-nav-link i {
    color: #ffffff !important;
}

/* 4b. Para el Megamenú de "Instalaciones" (hover y activo) */
#encabezado.header-fijo ul.elementskit-navbar-nav > li.elementskit-megamenu-has:hover > a.ekit-menu-nav-link,
#encabezado.header-fijo ul.elementskit-navbar-nav > li.elementskit-megamenu-has.current-menu-ancestor > a.ekit-menu-nav-link,
#encabezado.header-fijo ul.elementskit-navbar-nav > li.elementskit-megamenu-has:hover > a.ekit-menu-nav-link i,
#encabezado.header-fijo ul.elementskit-navbar-nav > li.elementskit-megamenu-has.current-menu-ancestor > a.ekit-menu-nav-link i {
    color: #ffffff !important;
}

ul.elementskit-dropdown.elementskit-submenu-panel{
	background:white !important;
	padding:20px !important;
	box-shadow:0 2px 8px rgba(0,0,0,0.1) !important;
}

ul.elementskit-dropdown.elementskit-submenu-panel li a{
	color:#45566a !important;
	padding:10px 20px !important;
	border-radius:10px !important;
}

ul.elementskit-dropdown.elementskit-submenu-panel li{
	width:fit-content !important;
}

ul.elementskit-dropdown.elementskit-submenu-panel li a:hover, ul.elementskit-dropdown.elementskit-submenu-panel li a.active{
	background:#2761b0 !important;
	color:white !important;
}
}


.elementor-shortcode{
}

ul.indice-paginas-relacionadas{
	list-style:none !important;
	padding-left:0;
	
}

ul.indice-paginas-relacionadas li{
	border-top: 1px solid #ddd;
	padding:10px 0;
}

.widget_tribe-widget-events-month *{
	font-family:"Sora";
}

.tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-month .tribe-events-calendar-month__day-cell--mobile{
	background:white;
}

.tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-widget-events-month{
	background-color:white !important;
	border-radius:20px !important;
}

#tribe-events-pg-template{
	padding:unset !important;
	max-width:unset !important;
}

.event-tickets .tribe-tickets__rsvp *{
	font-family:"Sora";
}
.event-tickets .tribe-tickets__rsvp-attendance, .event-tickets .tribe-common-h6--min-medium{
	display:none !important;
}

.event-tickets .tribe-tickets__rsvp{
	padding:20px !important;
}

.event-tickets .tribe-common-h2{
	font-size:14px !important;
}

.event-tickets .tribe-tickets__rsvp-availability{
	font-size:16px !important;
	margin-top:10px !important;
}

.event-tickets .tribe-tickets__rsvp-actions-rsvp-going{
	margin-top:0 !important;
}

.event-tickets .tribe-tickets__rsvp-actions .tribe-common-c-btn{
	font-family:"Sora";
	background-color:#2761b0;
}

nav.elementor-pagination{
	margin-top:20px;
	display:flex;
	justify-content:center;
	width:fit-content;
	margin:20px auto;
}

nav.elementor-pagination .page-numbers{
	width:30px;
	font-size:18px !important;
	border-radius:10px;
	padding:5px;
}

nav.elementor-pagination span.page-numbers.current{
		background:#2761b0;
		color:white;
}

.elementskit-submenu-panel{
	width:300px !important;	
}

.elementskit-submenu-panel li, .elementskit-submenu-panel li a{
	max-width:100%;
	text-wrap:wrap;
}


.elementor-element.elementor-element-9830f8d.elementor-widget.elementor-widget-shortcode h2, .elementor-element.elementor-element-9830f8d.elementor-widget.elementor-widget-shortcode h3{
font-family: ;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.2em !important;
    letter-spacing: 0em !important;
    color: #2062b0 !important;
		margin-bottom:20px;
}

.elementor-element.elementor-element-9830f8d.elementor-widget.elementor-widget-shortcode h3{
	font-size:16px !important;
}

.elementor-element.elementor-element-9830f8d.elementor-widget.elementor-widget-shortcode div#field_0_1, .elementor-element.elementor-element-9830f8d.elementor-widget.elementor-widget-shortcode div#field_0_2{
    margin-bottom: 10px;
}

.elementor-element.elementor-element-9830f8d.elementor-widget.elementor-widget-shortcode input#input_1, .elementor-element.elementor-element-9830f8d.elementor-widget.elementor-widget-shortcode input#input_2{
    padding: 10px;
		font-size:14px;
    border-radius: 10px;
		border: 1px solid #cacaca;
		width:100%;
}


.elementor-element.elementor-element-9830f8d.elementor-widget.elementor-widget-shortcode input#gform_submit_button_0{
	width:100%;
	text-align:center;
	border:unset !important;
	transition: all 0.4s 
ease-in-out !important;
}

.elementor-element.elementor-element-9830f8d.elementor-widget.elementor-widget-shortcode input#gform_submit_button_0:hover{
	color:#2062b0 !important;
}

.elementor-element.elementor-element-9830f8d.elementor-widget.elementor-widget-shortcode div#gform_wrapper_0{
	max-width:300px;
	border-radius:20px;
	padding:30px;
	border: 1px solid #cacaca;
}

.elementor-element.elementor-element-9830f8d.elementor-widget.elementor-widget-shortcode .ginput_container.ginput_container_checkbox{
	margin-bottom:10px;
}

.elementor-element.elementor-element-9830f8d.elementor-widget.elementor-widget-shortcode .gchoice.gchoice_3{
	font-size:14px !important;
}

.elementor-element.elementor-element-9830f8d.elementor-widget.elementor-widget-shortcode nav.gf_login_links{
	margin-top:20px;
}

.elementor-element.elementor-element-9830f8d.elementor-widget.elementor-widget-shortcode nav.gf_login_links a{
	font-size:14px !important;
}

/*
 * -----------------------------------------------------
 * Estilos para la Tabla de Solicitudes [mis_solicitudes_cna]
 * -----------------------------------------------------
 */

.tabla-solicitudes-cna {
  width: 100%;
  border-collapse: collapse; /* Bordes limpios */
}

.tabla-solicitudes-cna th,
.tabla-solicitudes-cna td {
  padding: 12px 15px; /* Ajusta este valor (12px arriba/abajo, 15px izq/der) */
  text-align: left;
  border-bottom: 1px solid #eee;
	font-size:14px;
}

.tabla-solicitudes-cna th {
  background-color: #f9f9f9;
	font-size:14px;
}
.tabla-solicitudes-cna th:first-child{
	border-radius:20px 0 0 0 !important;
}

.tabla-solicitudes-cna th:last-child{
	border-radius:0 20px 0 0 !important;
}

/* 2. Estilos para las Píldoras de Estado */
.estado-pildora {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 15px;
  font-size: 12px;
  font-weight: bold;
  color: #333;
  background-color: #f0f0f0; /* Color base (Gris por defecto) */
}

/* 3. Colores específicos (puedes ajustar los códigos de color) */

/* Gris para Pendiente (y por defecto) */
.estado-pildora.estado-pendiente,
.estado-pildora.estado-requiere-informacion,
.estado-pildora.estado-cancelada {
  background-color: #e0e0e0; /* Gris */
  color: #555;
}

/* Amarillo para En Proceso */
.estado-pildora.estado-en-proceso {
  background-color: #fff8e1; /* Amarillo muy pálido */
  color: #c09000;       /* Amarillo oscuro */
}

/* Verde para Completada */
.estado-pildora.estado-completada {
  background-color: #e8f5e9; /* Verde muy pálido */
  color: #2e7d32;       /* Verde oscuro */
}

/*
 * -----------------------------------------------------
 * Estilos para la Vista de Detalle (single-solicitud.php)
 * -----------------------------------------------------
 */
.solicitud-seccion {
    background: #fdfdfd;
    border: 1px solid #eee;
		border-radius:20px !important;
    padding: 20px;
    margin-bottom: 25px;
    border-radius: 4px;
}
.solicitud-seccion h3, .solicitud-seccion h4 {
    margin-top: 0;
		color:#2062b0;
		font-size:18px !important;
}

.elementor-detalle-solicitud h3, .elementor-detalle-solicitud h2{
	font-weight:600;
	color:#2062b0;
		font-size:18px !important;
	margin-bottom:20px;
}



/*
 * -----------------------------------------------------
 * Estilos para la Tabla de Muestras (Frontend)
 * -----------------------------------------------------
 */

/* 1. El Contenedor con Scroll Horizontal */
.cna-tabla-muestras-wrapper {
  width: 100%;
  max-width: 100%;
  overflow-x: auto; /* ¡Esta es la magia! Añade scroll horizontal si es necesario */
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  margin-top: 10px;
}

/* 2. Estilos de la Tabla (Limpia) */
.cna-tabla-muestras {
  width: 100%;
  border-collapse: collapse;
}

.cna-tabla-muestras th,
.cna-tabla-muestras td {
  padding: 12px 16px; /* Más espaciado */
  border-bottom: 1px solid #f0f0f0;
  text-align: left;
  font-size: 14px; /* Un tamaño de letra legible */
  
  /* ¡Esta es la segunda parte de la magia! */
  /* Evita que el texto se rompa en varias líneas y fuerza el scroll */
  white-space: nowrap; 
}

/* Cabecera de la tabla */
.cna-tabla-muestras th {
  background-color: #f9f9f9;
  font-weight: 600; /* Un poco más de grosor */
  color: #333;
  position: sticky; /* Opcional: fija la cabecera al hacer scroll horizontal */
  left: 0;
}

/* Filas de la tabla */
.cna-tabla-muestras tbody tr:hover {
  background-color: #fcfcfc;
}

/* Primera columna fija (Opcional, pero muy recomendado) */
/* Esto mantiene la columna "Código" visible mientras se hace scroll */
.cna-tabla-muestras th:first-child,
.cna-tabla-muestras td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #f9f9f9; /* Mismo fondo que la cabecera */
}

.cna-tabla-muestras td:first-child {
    background-color: #fff; /* Fondo blanco para las celdas de datos */
    font-weight: 500;
    border-right: 1px solid #f0f0f0; /* Línea separadora */
}

/* Asegurar que la celda de la esquina (TH) tenga el fondo correcto */
.cna-tabla-muestras th:first-child {
    z-index: 2;
}

.elementor-widget-uael-gf-styler .uael-gf-style .gfield.gsection .gsection_title{
	margin-top:20px;
	font-weight: 700 !important;
}


.preparacion-radioquimica p{
	font-size:12px;
}