/**
 * Theme Name:        Tema Passporter
 * Template:          Divi
 * Theme URI:         https://www.garajedoce.es
 * Description:       Tema hijo de Divi para Passporter.
 * Version:           1.0.0
 * Author:            Garajedoce
 * Author URI:        https://www.garajedoce.com
 * Tags:              divi-based-theme
 * Tested up to:      6.4
 * Requires at least: 6.2
 * Requires PHP:      7.4
 * Text Domain:       visit-guatemala
 * Domain Path:       /languages
 */


/*	Bullets	*/

#main-content ul > li::marker
{
	color: #4993CC;
}

/*	Barra de Navegación interior de las páginas	*/
/* Estilo para el estado activo/seleccionado */

.pildora-nav {
	transition: all 0.6s ease-in-out;
}
.pildora-nav.seleccionado {
    background-color: #192854 !important;
}

/* Para que el texto de la píldora cambie a azulito al estar seleccionada y en efecto hover */

/*.pildora-nav.seleccionado .et_pb_text_inner,
.pildora-nav:hover .et_pb_text_inner{
    color: var(--gcid-secondary-color) !important;
}
*/

/*	Flecha volver arriba	*/
.et_pb_scroll_top.et-pb-icon
{
	bottom:200px !important;
}


/*	Plugin de contacto	*/
#passporter-widget > div
{
	z-index:99;
}

.body-lock #passporter-widget > div
{
	z-index:1;
}

/*	Efecto de video con scroll	*/

/* El CSS ahora aplica a todos los wrappers que compartan la clase */
    .video-sticky-wrapper {
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        z-index: 0; 
    }

    .video-scroll-target {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


/*************************
 * TABS
 *************************/

.et_pb_tabs > .et_pb_all_tabs > .et_pb_tab > .et_pb_tab_content > .et_grid_group > .et_pb_image > .et_pb_image_wrap
{
	height: 100%;
}

.et_pb_tabs > .et_pb_all_tabs > .et_pb_tab > .et_pb_tab_content > .et_grid_group > .et_pb_image > .et_pb_image_wrap > img
{
	object-fit:cover;
}

/*************************
 * BLOG
 *************************/
.single-post .et_pb_post_content a
{
	color: #4993CC;
}

.single-post .et_pb_post_content a:hover
{
	color:initial;
}


.single-post .et_pb_post_content p
{
	line-height: 32px;
	font-size:18px;
	font-weight: 400;
}
.single-post .et_pb_post_content h2
{
	margin-top: 30px;
	margin-bottom: 20px;
}

.single-post .et_pb_post_content h3
{
	margin-top: 20px;
	margin-bottom: 10px;
}

.single-post .et_pb_post_content ul
{
	padding-left: 40px;
}


/*************************************************************
 * Corrección menú principal en tamaños medianos de pantalla
 ***********************************************************/

@media screen and (min-width: 981px) and (max-width: 1190px) {
	#g12-main-menu-desktop .et_pb_group:has(.et_pb_button) {
		display: none;
	}
	#g12-main-menu-desktop .et_pb_row:first-child {
		padding-block: 25px !important;
		padding-inline: 20px !important;
		padding: 25px 20px;
	}
}

/*************************************************************
 * Tablas y otros elementos dentro de texto de divi
 ***********************************************************/


.et_pb_text_inner strong {
  color: var(--gcid-primary-color); 
}

.et_pb_text_inner table {
  border-collapse: collapse;
  border: 1px solid var(--gcid-primary-color) !important;
}

.et_pb_text_inner tbody tr {
  font-size: 0.95em;
}

.et_pb_text_inner tbody tr:first-child {
  font-size: initial;
  color: white;
  background: var(--gcid-primary-color);
  & * {
    color: inherit;
  }
}

.et_pb_text_inner td {
  border: 1px solid var(--gcid-primary-color)
}

.et_pb_text_inner tbody tr:first-child td {
  border: 1px solid white;
}

.et_pb_text_inner table tr td:nth-child(odd) {
  border-left: none;
}

.et_pb_text_inner table tr td:nth-child(even) {
  border-right: none;
}


/*************************
 * INICIO: Menú en móvil
 *************************/

/* Estilos para el botón de cerrar */

.btn-close-menu {
    position: fixed;
    top: 40px;
    right: 25px;
    width: 35px;
    height: 35px;
    background-color: rgba(0 0 0 / 0.5);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18pxpx;
    font-weight: bold;
    border-radius: 50%;
    z-index: 9999999;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

/* Espacio superior en la sección que contiene el menú para que el menú no pise la X */
.et_mobile_menu {
    padding-top: 90px !important;
}

.et_mobile_menu > li.menu-item > .sub-menu {
	background: rgba(0 0 0 / 0.2);
}

/* --- LÓGICA DE SUBMENÚS (SOLO MÓVIL) --- */
@media screen and (max-width: 980px) {
    
    /* 1. Forzar cierre de submenús por defecto */
    .et_mobile_menu li.menu-item-has-children ul.sub-menu {
        display: none !important;
        visibility: hidden !important;
        opacity: 0;
    }

    /* 2. Mostrar submenú SOLO cuando el LI tiene la clase 'abierto' */
    .et_mobile_menu li.menu-item-has-children.abierto > ul.sub-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1;
		padding-left: 0px;
    }

    /* 3. Ajuste de los enlaces padre */
    .et_mobile_menu li.menu-item-has-children > a {
        position: relative;
        padding-right: 45px !important;
    }

    /* 4. Iconos + y - */
    .et_mobile_menu li.menu-item-has-children > a::after {
        content: '\4c'; /* Icono + */
        font-family: 'ETmodules' !important;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
    }

    .et_mobile_menu li.menu-item-has-children.abierto > a::after {
        content: '\4d'; /* Icono - */
    }
}

/*************************
 * FIN: Menú en móvil
 *************************/


@media screen and (max-width: 767px) 
{
	.body-lock #page-container
	{
  		overflow-y: hidden !important; 
		height:99vh;
		
	}
	
	.et_pb_text_inner ul
	{
		display:inline-block;
		padding-left:5% !important;
		padding-right:5% !important;
	}
	
	.et_pb_text_inner ul > li
	{
		text-align:left;
	}
	
}