/*!
Theme Name: Monkey Starter Child Theme
Theme URI: https://monkey.pe/
Author: Monkey
Author URI: https://monkey.pe/
Description: WordPress Base Theme by Monkey.
Version: 1.0.0
Text Domain: mst-child
Template: mst
*/
@import url('https://fonts.googleapis.com/css2?family=Playwrite+US+Modern:wght@100..400&display=swap');

.relative {
	position: relative;
}

.font-family-alt {
  font-family: "Playwrite US Modern", cursive !important;
}

.testimonio p {
  font-family: "Playwrite US Modern", cursive !important;
}

.text-yellow {
	color: #FFAA00;
}

.bg-crimson {
	background-color: #E11D41 !important;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.bg-chrome-yellow {
	background-color: #FFAA00 !important;
		border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.bg-blue {
	background-color: #00458C !important;
		border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.bg-green {
	background-color: #008B4A !important;
		border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.page-title {
	display: none;
}

.menu-item {
  display: inline-block;
  margin: 0 6px;
}

.menu-item-link {
  position: relative;
  display: inline-block;
}

.menu-item-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0%;
  height: 3.5px;
  border-radius: 100px;
  background-color: #E11D41;
  transition: width 0.3s ease;
}

.menu-item-link:hover::after {
  width: 100%;
}

.current_page_item .menu-item-link::after {
  width: 100%;
}

.prev-arrow {
	border: 1px solid #E11D41;
	border-radius: 5px;
}

.next-arrow {
	border: 1px solid #E11D41;
	border-radius: 5px;
}

.jet-form-builder__submit.suscription {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 45px !important;
}

.jet-form-builder__submit.sheet {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 45px !important;
}

.jet-form-builder :where(.wp-block-columns) {
    margin-bottom: 0;
}

.wp-block-columns.is-layout-flex {
    gap: 0.5em !important;
}

.jet-form-builder__submit.suscription::after {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 8px;
	background: url("data:image/svg+xml;utf8,<svg width='19' height='16' viewBox='0 0 19 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M3.20399 8.76347L1.39073 13.7614C1.30041 14.0103 1.36625 14.2885 1.55788 14.4712C1.7495 14.6548 2.0323 14.7092 2.27879 14.6103L6.68951 12.843C7.03563 12.7047 7.42901 12.8706 7.56829 13.2142C7.70757 13.557 7.54043 13.9483 7.19516 14.0866L2.78443 15.854C2.04325 16.1506 1.19655 15.9872 0.620777 15.4375C0.0450485 14.8877 -0.150787 14.0531 0.120189 13.3072L1.96299 8.2271C2.01617 8.08045 2.01617 7.91955 1.96299 7.7729L0.120189 2.69277C-0.150787 1.94693 0.0459021 1.11227 0.620777 0.56253C1.19651 0.0127912 2.04319 -0.150618 2.78443 0.146037L17.7321 6.13449C18.4986 6.44121 19 7.1795 19 7.99991C19 8.82033 18.4986 9.55778 17.7321 9.86534L9.90837 12.9994C9.56226 13.1377 9.16888 12.9718 9.0296 12.6282C8.89031 12.2854 9.05746 11.8941 9.40357 11.7558L16.8735 8.76331L3.20399 8.76347ZM17.3177 7.42264C17.289 7.40588 17.2586 7.3908 17.2265 7.37823L2.27887 1.38977C2.03154 1.29089 1.74958 1.34536 1.55796 1.52805C1.36634 1.71157 1.30049 1.98978 1.39082 2.23868L3.23362 7.31881C3.24628 7.35317 3.2581 7.38836 3.26823 7.42272L17.3177 7.42264Z' fill='white'/></svg>") no-repeat center;
	background-size: contain;
}

.jet-form-builder__submit.sheet::after {
	content: "";
	display: inline-block;
	width: 18px !important;
	height: 18px !important;
	margin-left: 8px;
	background: url("data:image/svg+xml;utf8,<svg width='19' height='16' viewBox='0 0 19 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M3.20399 8.76347L1.39073 13.7614C1.30041 14.0103 1.36625 14.2885 1.55788 14.4712C1.7495 14.6548 2.0323 14.7092 2.27879 14.6103L6.68951 12.843C7.03563 12.7047 7.42901 12.8706 7.56829 13.2142C7.70757 13.557 7.54043 13.9483 7.19516 14.0866L2.78443 15.854C2.04325 16.1506 1.19655 15.9872 0.620777 15.4375C0.0450485 14.8877 -0.150787 14.0531 0.120189 13.3072L1.96299 8.2271C2.01617 8.08045 2.01617 7.91955 1.96299 7.7729L0.120189 2.69277C-0.150787 1.94693 0.0459021 1.11227 0.620777 0.56253C1.19651 0.0127912 2.04319 -0.150618 2.78443 0.146037L17.7321 6.13449C18.4986 6.44121 19 7.1795 19 7.99991C19 8.82033 18.4986 9.55778 17.7321 9.86534L9.90837 12.9994C9.56226 13.1377 9.16888 12.9718 9.0296 12.6282C8.89031 12.2854 9.05746 11.8941 9.40357 11.7558L16.8735 8.76331L3.20399 8.76347ZM17.3177 7.42264C17.289 7.40588 17.2586 7.3908 17.2265 7.37823L2.27887 1.38977C2.03154 1.29089 1.74958 1.34536 1.55796 1.52805C1.36634 1.71157 1.30049 1.98978 1.39082 2.23868L3.23362 7.31881C3.24628 7.35317 3.2581 7.38836 3.26823 7.42272L17.3177 7.42264Z' fill='white'/></svg>") no-repeat center;
	background-size: contain;
}

/* 1. Estilo del Contenedor (Wrapper) */
.categoria-dropdown-wrapper {
    /* Necesario para posicionar el label y el chevron */
    display: inline-block;
    position: relative; 
    margin-bottom: 30px; /* Más espacio abajo para compensar el label flotante */
    width: 250px; /* Ajusta este ancho según tu diseño */
}

/* 2. Estilo del elemento SELECT */
#page-selector {
    /* Limpia la apariencia nativa */
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none; 
    
    /* Fondo y Borde: CAMBIADO A NEGRO */
    background-color: #fff; 
    border: 1px solid #000; /* Borde negro o muy oscuro */
    border-radius: 8px; 
    
    /* Tipografía y espaciado */
    padding: 10px 30px 10px 15px; 
    font-family: sans-serif; 
    font-weight: 400; /* Ligeramente más grueso para mejor lectura */
    color: #000;
    cursor: pointer;
    width: 100%;
    z-index: 1; /* Asegura que el SELECT esté por debajo del LABEL */
}

/* 3. Etiqueta/Label de "Categorías": ESTILO FLOTANTE */
.categoria-dropdown-wrapper::before {
    content: "Categorías"; 
    
    /* Posicionamiento flotante */
    position: absolute;
    top: -10px; /* Sube la etiqueta por encima del borde */
    left: 10px; /* Separación desde la izquierda */
    
    /* Fondo para ocultar el borde detrás del label */
    background-color: #fff; 
    padding: 0 5px; /* Espacio a los lados del texto */
    
    /* Tipografía */
    font-size: 12px; /* Más pequeño para el label */
    font-weight: 400; 
    color: #000; /* Color de texto del label */
    z-index: 2; /* Asegura que esté por encima del borde y el SELECT */
}

/* 4. CHÉVRON PERSONALIZADO: CAMBIADO A NEGRO */
.categoria-dropdown-wrapper::after {
    /* Triángulo hacia abajo (▼) */
    content: "\25BE"; 
    position: absolute;
    top: 50%; 
    right: 15px; 
    transform: translateY(-50%) translateY(0px); /* Ajuste de centrado */
    pointer-events: none; 
    color: #000; /* Color negro */
    font-size: 12px;
    z-index: 3; /* Asegura que esté por encima de todo */
}

/* Opcional: Remueve el subrayado en el texto de la opción seleccionada */
#page-selector option:checked {
    color: initial; /* Usa el color predeterminado del select */
    text-decoration: none;
}

/* 1. Contenedor principal del filtro de búsqueda (Usando el ID que ya tenemos) */
#publicaciones-search { 
    position: relative;
    display: inline-block;
    width: 280px; 
    margin-bottom: 30px; 
}

/* 2. Estilo del LABEL "Buscar" (Flotante) */
#publicaciones-search::before {
    content: "Buscar"; 
    position: absolute;
    top: -10px; 
    left: 10px; 
    
    background-color: #fff; 
    padding: 0 5px; 
    
    font-size: 12px; 
    font-weight: 400; 
    color: #000; 
    z-index: 2; 
}

/* 3. Estilo del campo de INPUT de texto */
#publicaciones-search .jet-search-filter__input { 
    -webkit-appearance: none; -moz-appearance: none; appearance: none;

    background-color: #fff;
    border: 1px solid #000; /* Borde Negro */
    border-radius: 8px; 

    /* Importante: Dejar espacio para la lupa a la derecha */
    padding: 10px 45px 10px 15px; 
    font-weight: 400;
    color: #000;
    width: 100%;
    box-sizing: border-box; 
}

/* 4. INYECCIÓN del SVG de la LUPA */
/* Usamos el contenedor del input para asegurar la posición */
#publicaciones-search .jet-search-filter__input-wrapper {
    position: relative; /* Esencial para posicionar el SVG dentro */
}

#publicaciones-search .jet-search-filter__input-wrapper::after {
    /* SVG como Data URL para inyectar la lupa */
    content: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M26.479 23.9636L22.2303 19.7149C23.5461 17.7733 24.0907 15.4109 23.758 13.0892C23.4252 10.7674 22.2388 8.65316 20.4306 7.15932C18.6224 5.66547 16.3223 4.89936 13.9795 5.01062C11.6367 5.12188 9.4195 6.10253 7.76101 7.76101C6.10253 9.4195 5.12188 11.6367 5.01062 13.9795C4.89936 16.3223 5.66547 18.6224 7.15932 20.4306C8.65316 22.2388 10.7674 23.4252 13.0892 23.758C15.4109 24.0907 17.7733 23.5461 19.7149 22.2303L23.9636 26.479C24.2972 26.8126 24.7496 27 25.2213 27C25.6931 27 26.1455 26.8126 26.479 26.479C26.8126 26.1455 27 25.6931 27 25.2213C27 24.7496 26.8126 24.2972 26.479 23.9636ZM14.4242 20.7152C13.1793 20.7157 11.9622 20.3469 10.9268 19.6556C9.8915 18.9642 9.08448 17.9813 8.60784 16.8313C8.1312 15.6812 8.00636 14.4156 8.24912 13.1946C8.49187 11.9735 9.09131 10.8519 9.97161 9.97161C10.8519 9.09131 11.9735 8.49187 13.1946 8.24912C14.4156 8.00636 15.6812 8.1312 16.8313 8.60784C17.9813 9.08448 18.9642 9.8915 19.6556 10.9268C20.3469 11.9622 20.7157 13.1793 20.7152 14.4242C20.7152 16.0927 20.0524 17.6928 18.8726 18.8726C17.6928 20.0524 16.0927 20.7152 14.4242 20.7152Z" fill="black"/></svg>');
    
    /* Posicionamiento del icono */
    position: absolute;
    top: 50%; 
    right: 10px; /* Posición desde el borde derecho del input wrapper */
    transform: translateY(-50%);
    
    display: block;
    width: 24px; 
    height: 24px;
    pointer-events: none; /* Asegura que el input siga siendo el objetivo de click/foco */
    z-index: 3;
}

/* Opcional: Ocultar el icono de "Limpiar" para evitar conflicto visual si no lo quieres */
#publicaciones-search .jet-search-filter__input-clear {
    display: none !important;
}

.jet-mobile-menu__toggle-icon {
	z-index: 9999 !important;
}

.jet-mobile-menu__container {
    /* 1. Ancho máximo: Define un ancho fijo para que pueda ser centrado */
    /* Ajusta 320px al ancho real que quieres que tenga el menú centrado */
    width: 100% !important; 
    
    /* 2. Posición y centrado */
    position: fixed !important; /* Mantiene el menú en su lugar */
    top: 0px !important; /* Lo ancla a la parte superior */
    left: 50% !important; /* Mueve el borde izquierdo al centro de la pantalla */
    transform: translateX(-50%) !important; /* Desplaza el contenedor hacia la izquierda por la mitad de su propio ancho (centrado real) */
    
    /* Asegura que el contenido interno (el fondo blanco) ocupe el espacio */
    box-sizing: border-box; 
    
    /* Asegura que esté por encima de otros elementos */
    z-index: 9999; 
    
    /* Establece la altura completa */
    height: 100vh !important; 
}

/* 1. Centrar el texto en general dentro de la lista (UL) */
.jet-mobile-menu__list, 
.jet-mobile-menu__items {
    /* Asegura que el texto dentro de este contenedor se alinee al centro */
    text-align: center !important; 
}

/* 2. Asegurar que los contenedores internos (DIV) centren su contenido */
.jet-mobile-menu__item-inner {
    /* Si el plugin usa Flexbox (que es común), estas reglas garantizan el centrado horizontal */
    display: flex;
    justify-content: center; /* Centra el contenido (el enlace) horizontalmente */
    align-items: center; /* Centra verticalmente (opcional, pero útil) */
    width: 100%; /* Asegura que el contenedor ocupe todo el ancho disponible */
}

/* 3. Asegurar que el contenedor del nombre del menú no interfiera con el centrado */
.jet-menu-item-wrapper {
    /* Si este elemento tiene un ancho o margen fijo, podría necesitar ser reajustado, 
       pero por defecto, centrará su contenido. */
    width: 100%;
    justify-content: center;
}

#yape {
	display: none;
}

#donation .jet-tabs__control-wrapper {
	display: none !important;
}

@media (max-width: 767px) {
    /* 1. Contenedor del Dropdown de Categorías (SELECT) */
    .categoria-dropdown-wrapper {
        /* Sobrescribe el width: 250px; para mobile */
        width: 100% !important; 
        /* Asegura que el contenedor se comporte como un bloque para ocupar el 100% */
        display: block; 
    }

    /* 2. Contenedor del Campo de Búsqueda */
    #publicaciones-search {
        /* Sobrescribe el width: 280px; para mobile */
        width: 100% !important;
        /* Asegura que el contenedor se comporte como un bloque para ocupar el 100% */
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    /* Esta regla solo se aplicará cuando el ancho de la pantalla esté entre 768px y 1024px (Tabletas) */
    .elementor-jet-logo.jet-blocks {
        display: flex;
        justify-content: center; /* Centra horizontalmente el contenido */
    }
}

/*Libro de reclamaciones*/


@media (min-width: 768px) {
   .page-id-1298 .elementor-1795 .elementor-element.elementor-element-a0d09b8 {
        --width: 900px;
    }
/* 	#rt_form_libro .form-row-libro {
		display: flex;
	} */
}

.page-id-1298 #responsive-form select,
.page-id-1298 #responsive-form textarea,
.page-id-1298 #responsive-form input[type="date"]{
	font-family: var(--mst-font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    border: 1px solid #bbb;
    border-radius: 8px;
}

.page-id-1298 #responsive-form select {
    padding: 9px 14px !important;
}