:root {
	--wd-text-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(246,240,231);
	--wd-text-font-size: 15px;
	--wd-title-font: "Amaranth", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-transform: none;
	--wd-title-color: rgb(180,161,107);
	--wd-entities-title-font: "Amaranth", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-transform: none;
	--wd-entities-title-color: rgb(180,161,107);
	--wd-entities-title-color-hover: rgb(160, 138, 80);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Amaranth", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: rgb(180,161,107);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 20px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(171,148,86);
	--wd-alternative-color: rgb(199,196,178);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(199,196,178);
	--btn-accented-bgcolor-hover: rgb(169,153,107);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(181,160,108);
	--wd-link-color-hover: rgb(212,204,184);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url();
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center top;
}
.wd-footer {
	background-color: #15241A;
	background-image: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-family: "Amaranth", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 40px;
	text-transform: none;
	color: rgb(246,240,231);
}
html .page-title > .container > .title:hover, html .page-title .wd-title-wrapp > .title:hover {
	color: rgb(180,161,107);
}
html .wd-nav.wd-nav-main > li > a, .whb-general-header .wd-nav.wd-nav-secondary > li > a {
	font-family: "Amaranth", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	color: rgb(246,240,231);
}
html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a, .whb-general-header .wd-nav.wd-nav-secondary > li:hover > a, .whb-general-header .wd-nav.wd-nav-secondary > li.current-menu-item > a {
	color: rgb(180,161,107);
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(33,45,29);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(246,240,231);
	--wd-form-placeholder-color: rgb(180,161,107);
	--wd-form-brd-color: rgb(180,161,107);
	--wd-form-brd-color-focus: rgb(180,161,107);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1100px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 12px;
}

@media (min-width: 1100px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(21,36,26);
}

css
html, body {
  max-width: 100%;
  overflow-x: hidden;
}



/*FORZAR JUSTIFICADO---------------------------------------------------------- */

body p, 
.elementor-widget-text-editor,
.wd-text-block p, 
.entry-content p {
  text-align: justify;
  text-align-last: left; /* Evita que la última línea de un párrafo se estire feo */
}

/*FIN FORZAR JUSTIFICADO---------------------------------------------------------- */


/*LISTAS ---------------------------------------------------------- */

.lista-corporativa {
  list-style: none !important;
  padding: 0 !important;
  margin: 20px 0 !important;
  text-align: left !important;
}

.lista-corporativa li {
  position: relative !important;
  padding-left: 18px !important; /* Espacio para que no se encime con el rombo */
  margin-bottom: 14px !important;
  text-align: left !important;
  
  /* Estilos para el texto */
  font-size: 13.5px !important;
  font-weight: 500 !important; /* Grosor normal, muy legible */
}

/* El icono bonito (se mantiene igual) */
.lista-corporativa li::before {
  content: "✦" !important; 
  position: absolute !important;
  left: 0 !important; 
  top: -1px !important; 
  color: #B4A16B !important; 
  font-size: 17px !important; 
}


/*FIN LISTAS ---------------------------------------------------------- */





/* AREA FOOTER---------------------------------------------------------- */

/* MENU EN FOOTER */
#nav_menu-2 ul.menu li {
  margin-bottom: 8px !important; /* Ajusta este valor si los quieres aún más juntos */
  padding-bottom: 0 !important;
}

/* Color del texto por defecto */
#nav_menu-2 ul.menu li a {
  color: #F6F0E7 !important;
	  font-size: 0.9rem !important;
  text-decoration: none;
  transition: all 0.3s ease; /* Efecto suave al pasar el cursor */
}

/* Estado Hover: Color dorado y texto en negrita */
#nav_menu-2 ul.menu li a:hover {
  color: #B4A16B !important; /* Tono dorado */
}




/* -------------------------INICIA DATOS CONTACTO - FOOTER */
.info-contacto-footer {
  background-color: transparent;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px; /* Espaciado entre filas un poco más compacto */
}

/* Fila individual */
.info-contacto-footer .item-contacto {
  display: flex;
  align-items: center;
  gap: 8px; /* Reducido para que el texto esté más cerca del ícono */
}

/* Íconos */
.info-contacto-footer .item-contacto i {
  color: #F6F0E7;
  font-size: 0.9rem; 
  width: 16px; 
  text-align: center;
}

/* Textos y Enlaces más pequeños */
.info-contacto-footer .item-contacto span,
.info-contacto-footer .item-contacto a {
  color: #F6F0E7;
  font-size: 0.9rem; 
  font-weight: 400;
  text-decoration: none;
  line-height: 1.3;
  transition: opacity 0.3s ease;
}

/* Efecto Hover */
.info-contacto-footer .item-contacto a:hover {
  color: #B4A16B !important; /* Tono dorado */
}

/* -------------------------FIN DATOS CONTACTO - FOOTER */

/* FIN AREA FOOTER---------------------------------------------------------- */


/* Forzar texto justificado en todo el cuerpo y editores de texto */
body p, 
.elementor-widget-text-editor,
.wd-text-block p, 
.entry-content p {
  text-align: justify;
  text-align-last: left; /* Evita que la última línea de un párrafo se estire feo */
}









/*==DISCLAIMER==*/
.disclaimer {
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  color: #F5F0E6BF !important; /* Se mantiene gris suave por discreción legal */
  line-height: 1.5 !important; 
  text-align: justify;
  border-top: 1px solid rgba(180, 161, 107, 0.3); 
  padding-top: 15px;
  margin-top: 35px;
  margin-bottom: 20px;
  font-style: italic; 
}

.disclaimer a {
  color: #B4A16B !important; 
  text-decoration: underline;
  transition: color 0.3s ease;
}

.disclaimer a:hover {
  color: #F5F0E6 !important; 
}
/*==DISCLAIMER==*/





/* ----------------------------------------------------------------------CARRUSEL TESTIMONIALS ICONOS SVG --- */

/* Tamaño iconos */
img.icono-home-metodos,
img.icono-home-metodos-verde {
  width: 120px !important;            
  height: 120px !important;            
  object-fit: contain !important;     
  display: block !important;   
  margin: 0 auto 5px auto !important; 
  cursor: pointer !important; 
  transition: transform 0.3s ease-in-out !important;
}

/* Efecto Hover Compartido */
img.icono-home-metodos:hover,
img.icono-home-metodos-verde:hover {
  transform: scale(1.2) !important;
}

/* Estilos Base Compartidos - Subtítulos */
p.home-metodos-subtitulo,
p.home-metodos-subtitulo-verde {
  font-size: 0.7rem !important; 
  font-weight: bold !important; 
  text-transform: uppercase !important;      
  
  display: flex !important;
  flex-direction: column !important; 
  align-items: center !important;   
  justify-content: center !important;
  text-align: center !important;      
  width: 100% !important;            
  margin: 0 auto !important;          
  padding: 0 !important;              
}



/* --- Versión Dorado (#B4A16B) --- */
img.icono-home-metodos {
  filter: invert(72%) sepia(16%) saturate(760%) hue-rotate(5deg) brightness(89%) contrast(87%) !important;
}
p.home-metodos-subtitulo {
  color: #B4A16B !important;
}

/* --- Versión Verde (#212D1D) --- */
img.icono-home-metodos-verde {
  filter: invert(13%) sepia(9%) saturate(1478%) hue-rotate(63deg) brightness(96%) contrast(92%) !important;
}
p.home-metodos-subtitulo-verde {
  color: #212D1D !important;
}

/* ----------------------------------------------------------------------fin CARRUSEL TESTIMONIALS ICONOS SVG --- */









/*==-------------------------------------------------PAGINA ABOUT US=================*/
.equipo-cargo {
  font-family: 'Amaranth', sans-serif;
  color: #212D1D; 
  font-size: 20px; 
  font-style: normal; 
  margin-bottom: -10px;
  margin-top: 0px;
  display: block;
  text-transform: none;
  text-align: left !important;
}

.equipo-nombre {
  font-family: 'Amaranth', sans-serif;
  color: #B4A16B; 
  font-size: 33px; 
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 12px;
  text-align: left !important;
  display: block;
}

.equipo-bio {
  color: #212D1D; 
  font-size: 13px;
  line-height: 1.5; 
  margin-bottom: 0px;
  display: block;
  text-align: justify;
}


/* Jerarquía Mayor: Para "WHO WE ARE" y "Where We Are" */
.titulo-corporativo-mayor {
  font-family: 'Amaranth', sans-serif;
  color: #B4A16B;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 10px;
  display: block;
}

/* Jerarquía Secundaria: Para "Mission", "Vision" y "Values" */
.titulo-corporativo-menor {
  font-family: 'Amaranth', sans-serif;
  color: #B4A16B; 
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 8px;
  display: block;
}

/* Títulos de cada Valor individual */
span.valor-corporativo-nombre {
  font-family: 'Amaranth', sans-serif;
  color: #B4A16B; 
  font-size: 18px;
  font-style: italic;
  font-weight: normal;
  display: block !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important; 
  padding-bottom: 0px !important;
  line-height: 1.1 !important; 
}

/* Texto de Párrafos / Descripciones */
p.texto-corporativo-claro {
  color: #F5F0E6 !important; 
  line-height: 1.4 !important;
  display: block !important;
  margin-top: 1px !important;  
  padding-top: 1px !important;
  text-align: justify !important;
}

.linea-equipo {
  border: 1px solid #B4A16B !important;
  margin-top: 5px;
  margin-bottom: 5px;
  display: block;
  opacity: 0.34 !important;
}


/*==INICIA ICONOS==*/

/* en dorado */
.icono01 {
  width: 100px; 
  align-content: center;
  height: auto;
  opacity: 0.90;
  margin-bottom: 12px;
  display: block;
  filter: invert(72%) sepia(13%) saturate(1131%) hue-rotate(5deg) brightness(89%) contrast(85%);
}

/* en color crema */
.icono02 {
  align-content: right;
  width: 100px; 
  height: auto;
  opacity: 0.90;
  margin-bottom: 12px;
  display: block;
  filter: invert(93%) sepia(5%) saturate(394%) hue-rotate(334deg) brightness(95%) contrast(91%);
}


/*==----------------------------------------------------------FIN PAGINA ABOUT US=================*/



/*==----------------------------------------------------------pagina OUR METHODS=================*/


/* Contenedor general */
.metodos-container {
  width: 100%;
}

/* Bloque individual */
.metodos-box {
  width: 100%;
}

/* Estilo del Título Principal */
.metodos-title {
  color: #B4A16B;          /* Tono verde/oliva dorado */
  font-size: 1.3rem;          
  font-weight: 700;         
  margin-top:  0px !important;
  margin-bottom: 5px !important;     /* Espacio hacia los párrafos */
  letter-spacing: -0.01em;  
  text-align: left !important;

}

/* Subtítulos (para secciones como Biomagnetism) */
.metodos-subtitle {
  color: #FDF6E2;
  font-size: 1.1rem;
  font-weight: 500;
  margin-top:  0px !important;
  margin-bottom: 0px !important;     /* Espacio hacia los párrafos */
  text-align: left !important;
}


/* Párrafos de Texto */
.metodos-text p {
  font-size: 0.9rem;       
  font-weight: 400;         
  line-height: 1.5;         /* Interlineado cómodo */
  margin-top: 0;
  margin-bottom: 1rem;      /* Separación entre párrafos */
}

.metodos-text p:last-child {
  margin-bottom: 0;
}



/* Estilo para el icono o imagen de la izquierda */
.icono-metodos {
  width: 180px; 
  align-content: center;
  height: auto;
  opacity: 0.90;
  margin-bottom: 12px;
  display: block;
  filter: invert(72%) sepia(13%) saturate(1131%) hue-rotate(5deg) brightness(89%) contrast(85%) !important;
}
/*==-----------------------------------------------------------------FIN pagina OUR METHODS=================*/


/* ------------------------------------------------------------------------- INICIO CONTACTO --- */

.texto-contacto, a.texto-contacto {
  color: #F5F0E6 !important; /* Blanco cálido unificado */
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px; 
  transition: color 0.3s ease;
  text-align: justify !important;
}

/* Efecto al pasar el mouse sobre el correo */
a.texto-contacto:hover {
  color: #B4A16B !important; /* Tono dorado */
  text-decoration: underline !important;
}


/* --- INICIO CONTACT FORM--- */
/* Estructura principal y contenedor */
#responsive-form {
    background-color: transparent;
    padding: 1px;
    box-sizing: border-box;
    font-family: inherit;
}

/* Grilla y filas */
#responsive-form .form-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1px;
    gap: 20px;
}

#responsive-form .column-half {
    flex: 1 1 calc(50% - 10px);
    display: flex;
    flex-direction: column;
}

#responsive-form .column-full {
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
}

/* Etiquetas (Labels) */
#responsive-form label,
#responsive-form .column-half,
#responsive-form .column-full {
    color: #B4A16B;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 1px;
}

/* Campos de entrada (Inputs & Textarea) */
#responsive-form input[type="text"],
#responsive-form input[type="email"],
#responsive-form input[type="tel"],
#responsive-form textarea {
    width: 100%;
    background-color: #E1D8C8;
    border: 1px solid #384933;
    border-radius: 4px;
    color: #212D1D ;
    padding: 12px 14px;
    font-size: 15px;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Estado Focus al hacer clic en los campos */
#responsive-form input[type="text"]:focus,
#responsive-form input[type="email"]:focus,
#responsive-form input[type="tel"]:focus,
#responsive-form textarea:focus {
    border-color: #c5a880;
    box-shadow: 0 0 5px rgba(197, 168, 128, 0.3);
}

#responsive-form textarea {
    height: 140px;
    resize: vertical;
}

/* Botón de Enviar (Submit) */
#responsive-form input[type="submit"] {
    background-color: transparent;
    color: #B4A16B;
    align-self: center;
    border: 1px solid #B4A16B;
    padding: 12px 80px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.3s ease;
    margin-top: 1px;
}

#responsive-form input[type="submit"]:hover {
    background-color: #B4A16B;
    color: #212D1D;
}

/* Adaptación responsive para móviles */
@media (max-width: 600px) {
    #responsive-form .column-half {
        flex: 1 1 100%;
    }
 }



/* ------------------------------------------------------------------------- FIN CONTACTO --- */











/* -------------------------------------------------------------------------PAGINA PROGRAMAS=================*/

.icono-programs {
  /* 1. Tamaño exacto solicitado */
  width: 280px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important; /* Lo centra en su columna */

  /* 2. Filtro mágico para convertir las líneas negras en tu dorado (#B4A16B) */
  filter: invert(71%) sepia(16%) saturate(832%) hue-rotate(7deg) brightness(88%) contrast(85%) !important;

  /* 3. Opacidad al 50% */
  opacity: 0.50 !important;
}


/* -------------------------------------------------------------------------FIN PAGINA PROGRAMAS=================*/



/* Aplicado exactamente a cada uno de los 4 widgets */
#nav_menu-2 h5.widget-title,
#custom_html-3 h5.widget-title,
.footer-column-1 h5.widget-title,
.footer-column-4 h5.widget-title {
  color: #B4A16B !important;
}@media (min-width: 1025px) {
	/* FORZAR TAMAÑO COMPLETO DE PAGINA EN HOME / TITULO DE PAGINAS---------------------------------------------------------- */

/* Control total y responsivo de la sección */
.page-title {
    width: 100% !important;
    max-width: 100% !important;

/* Mantiene la proporción perfecta del 35% basada en el ancho */
    height: 32vw !important; 
    max-height: 700px !important;
    min-height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0px !important;  
    display: flex !important;
    align-items: center !important;
}

/* Forzar a la imagen a comportarse perfectamente */
.page-title .wd-page-title-bg {
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    height: 100% !important;
}


/* Aplicar tipografía Amaranth y color crema al título principal */
.page-title .title {
    font-family: 'Amaranth', sans-serif !important;
    color: #FDF6E2 !important; /* Color crema suave */
    font-size: 65px !important; /* Ajusta este número si quieres el texto más grande o chico */
    font-weight: 600 !important; /* Negrita */
    text-transform: uppercase !important; /* Mantiene el texto en mayúsculas */
    letter-spacing: 1px !important; /* Un pequeño espacio entre letras para mejorar la lectura */
    text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.5);
}

/* Opcional: Aplicar el mismo estilo a las migas de pan / breadcrumbs (si las usas) */
.page-title .breadcrumbs, 
.page-title .breadcrumbs a {
    font-family: 'Amaranth', sans-serif !important;
    color: #E6DBC4 !important; /* Un tono crema ligeramente más oscuro para el camino de navegación */
}



/* Forzar al contenedor gratuito de Elementor a estirarse al 100% de la pantalla */
.hero-inicio-full {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}

/* Asegurar que el video interno también se acople al nuevo ancho */
.hero-inicio-full .elementor-background-video-container,
.hero-inicio-full video {
    width: 100% !important;
    max-width: 100% !important;
}
/* FIN FORZAR TAMAÑO COMPLETO DE PAGINA EN HOME / TITULO DE PAGINAS---------------------------------------------------------- */






/* AREA FOOTER---------------------------------------------------------- */

/* -------------------------ICONOS SOCIAL (footer)===*/
.contenedor-iconos-sociales {
  display: flex;          
  flex-direction: row;   
  flex-wrap: nowrap;     
  justify-content:left; 
  align-items: center;    
  gap: 5px;              
  margin-top: 5px !important;
  margin-bottom: 5px !important;     
  overflow-x: auto;      
}

.contenedor-iconos-sociales .fa, 
.contenedor-iconos-sociales .fa-brands {
  display: flex;          
  justify-content: center;
  align-items: center;
  width: 27px;            
  height: 27px;            
  text-align: center;
  font-size: 16px;        
  text-decoration: none;
  border-radius: 100%;   
  background: #F6F0E7; /* Unificado claro */
  color: #212D1D; /* Unificado verde */
  flex-shrink: 0;         
  transition: background 0.3s ease, color 0.3s ease; 
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.contenedor-iconos-sociales .fa:hover,
.contenedor-iconos-sociales .fa-brands:hover {
  background: #B4A16B; 
  color: #F6F0E7;
}

/* -------------------------Fin ICONOS SOCIAL (footer)===*/

/* -------------------------FORMULARIO MAILCHIMP (footer)===*/

.mc4wp-form-fields-horizontal-autowrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;            
  align-items: center;
  justify-content: center;
  gap: 6px;                  
  width: 100% !important;     
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

.campo-newsletter-auto {
  display: block;
  box-sizing: border-box !important;
  flex: 1 1 180px;            
}

.mc4wp-form-fields-horizontal-autowrap .ancho-25 { 
  flex: 1 1 25% !important;
}



.mc4wp-form-fields-horizontal-autowrap .ancho-35,
.mc4wp-form-fields-horizontal-autowrap .ancho-button { 
  flex: 1 1 100% !important;   
}

.mc4wp-form-fields-horizontal-autowrap input[type="text"],
.mc4wp-form-fields-horizontal-autowrap input[type="email"] {
  width: 100% !important;
  height: 28px !important;    
  background-color: transparent !important; 
  color: #F6F0E7 !important;  
  border: 2px solid #F6F0E7 !important;
  border-radius: 8px !important; 
  padding: 0 15px !important;
  font-size: 13px !important;
  box-sizing: border-box !important;
  transition: border-color 0.3s ease;
}

.mc4wp-form-fields-horizontal-autowrap input[type="text"]:focus,
.mc4wp-form-fields-horizontal-autowrap input[type="email"]:focus {
  border-color: #B4A16B !important;
  outline: none;
}

.mc4wp-form-fields-horizontal-autowrap input::placeholder {
  color: #F6F0E7 !important; 
  opacity: 0.8;
}

.mc4wp-form-fields-horizontal-autowrap input[type="submit"] {
  width: 100% !important;
  height: 25px !important;
  min-height: 0 !important;
  line-height: 23px !important;
  background-color: #B4A16B !important; 
  color: #000000 !important;  
  border: 2px solid #B4A16B !important;
  border-radius: 8px !important; 
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase;  
  padding: 0 !important;
  cursor: pointer;
  white-space: nowrap;        
  box-sizing: border-box !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.mc4wp-form-fields-horizontal-autowrap input[type="submit"]:hover {
  background-color: transparent !important; 
  color: #B4A16B !important;
}

/* -------------------------Fin FORMULARIO MAILCHIMP (footer)==*/

/* FIN AREA FOOTER---------------------------------------------------------- */




/* -------------------------------------- CITA DORADO --- */
.cita,
.cita p {
  font-family: 'Amaranth', sans-serif !important;
  letter-spacing: 0.6px !important;
  color: #B4A16B !important; 
  font-size: 42px !important; 
  font-style: italic !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  
  /* Centrado perfecto para evitar que el texto se estire */
  text-align: center !important;
  text-align-last: center !important; 
  
  text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.5);
  background: none !important;
  box-shadow: none !important;
  
  position: relative !important;
  box-sizing: border-box !important;
  
  /* Espaciado de caja */
  padding: 25px 70px !important;
  margin: 30px auto !important;  
  max-width: 900px !important;    
  width: 100% !important;
}

/* Solo el contenedor principal lleva las líneas horizontal arriba y abajo */
.cita {
  border-top: 1px solid #B4A16B33 !important;
  border-bottom: 1px solid #B4A16B33 !important;
  border-left: none !important;
  border-right: none !important;
}

/* El <p> interno NO lleva bordes para evitar la doble línea */
.cita p {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Comilla izquierda */
.cita::before {
  content: "“" !important;
  font-family: 'Amaranth', sans-serif !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  left: 20px !important;
  font-size: 80px !important;
  color: #B4A16B80 !important; 
  line-height: 1 !important; 
  background: none !important;
  width: auto !important;
  height: auto !important;
  box-shadow: none !important;
}

/* Comilla derecha */
.cita::after {
  content: "”" !important;
  font-family: 'Amaranth', sans-serif !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 20px !important;
  font-size: 80px !important;
  color: #B4A16B80 !important;
  line-height: 1 !important;
}
/* -------------------------------------- FIN CITA DORADO --- */


/* ---------------------------------------------------------------------- INICIA AREA HOME --- */
/*===TITULOS HOME===*/

/* 1. Estilos Base Compartidos (Aplica a todas las variantes) */
.titulo-lineas-lados-dorado,
.titulo-lineas-lados-crema,
.titulo-lineas-lados-verde {
  font-family: 'Amaranth', sans-serif !important;
  font-size: 40px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  margin-bottom: 10px !important;
  width: 100% !important;
}

.titulo-lineas-lados-dorado::before,
.titulo-lineas-lados-dorado::after,
.titulo-lineas-lados-crema::before,
.titulo-lineas-lados-crema::after,
.titulo-lineas-lados-verde::before,
.titulo-lineas-lados-verde::after {
  content: "" !important;
  flex: 1 !important;
  max-width: 40px !important;
  min-width: 20px !important; /* Garantiza que no desaparezcan con saltos de línea */
  height: 1px !important;
}


/* 2. Variantes de Color */

/* --- Versión Dorado --- */
.titulo-lineas-lados-dorado {
  color: #B4A16B !important;
}
.titulo-lineas-lados-dorado::before,
.titulo-lineas-lados-dorado::after {
  background-color: #B4A16B !important;
}

/* --- Versión Crema --- */
.titulo-lineas-lados-crema {
  color: #F6F0E7 !important;
}
.titulo-lineas-lados-crema::before,
.titulo-lineas-lados-crema::after {
  background-color: #F6F0E7 !important;
}

/* --- Versión Verde --- */
.titulo-lineas-lados-verde {
  color: #212D1D !important;
}
.titulo-lineas-lados-verde::before,
.titulo-lineas-lados-verde::after {
  background-color: #212D1D !important;
}

/*===FIN TITULOS HOME===*/

/*===DIV TEXTOS y LINEAS===*/

.contenedor-lineas-texto {
  width: 95% !important;
  max-width: 900px !important;
  margin: 1px auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important; 
}

.linea-texto-item {
  width: 100% !important;
  border-bottom: 2px solid #B4A16B4D; 
  padding-top: 15px !important;       
  padding-bottom: 15px !important;    
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.linea-texto-item:last-child {
  border-bottom: none; 
}

.linea-texto-item p {
  color: #F6F0E7 !important;
  font-size: 18px;
  line-height: 1.5 !important;
  margin: 0 auto !important;
  
  /* Corregido: Ancho completo, override de text-align y neutralización de text-align-last */
  width: 100% !important;
  display: block !important; 
  text-align: center !important;
  text-align-last: center !important; /* Anula la regla global que lo tiraba a la izquierda */
}

.linea-texto-item strong {
  font-family: 'Amaranth', sans-serif;
  color: #B4A16B !important;          
  font-size: 23px;
  display: inline-block !important;
  text-align: center !important;
}

/*===FIN DIV TEXTOS y LINEAS===*/


/* ---------------------------------------------------------------------- FIN AREA HOME --- */




/*--------------------------------------------------------==PAGINA PEYOTE RETREAT=================*/
/*==FAQS ITINERARIO==*/

/* Contenedor principal del itinerario */
.contenedor-colapsar {
  max-width: 800px;
  margin: 1px auto;
  padding: 0 1px;
  font-family: inherit;
}

/* Cada bloque colapsable (Caja individual) */
.bloque-colapsar {
  background-color: transparent; 
  border: 1px solid #B4A16B;
  border-radius: 8px; 
  margin-bottom: 10px;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* HOVER: Cuando pasas el mouse por encima de la caja */
.bloque-colapsar:hover {
  background-color: #F5F0E6; /* Fondo arena/beige sutil al hacer hover */
}

/* ESTADO ABIERTO: Mantiene el fondo relleno cuando se despliega */
.bloque-colapsar[open] {
  background-color: #F5F0E6;
  border-color: #B4A16B;
}

/* El encabezado (Botón de acción) */
.texto-colapsar {
  padding: 15px 24px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

  font-size: 1.1rem;
  font-weight: 700;
  color: #B4A16B;
  cursor: pointer;
  list-style: none; 
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
  transition: color 0.3s ease;
}

/* Cambia el color de la letra al hacer hover o abrir para que no se pierda con el fondo claro */
.bloque-colapsar:hover .texto-colapsar,
.bloque-colapsar[open] .texto-colapsar {
  color: #57796F !important; 
}

/* Elimina la flecha nativa en navegadores Safari */
.texto-colapsar::-webkit-details-marker {
  display: none;
}

/* Indicador visual personalizado (+) */
.texto-colapsar::after {
  content: '+';
  font-size: 1.4rem;
  line-height: 1.5 !important; 
  color: #B4A16B; 
  transition: transform 0.3s ease, color 0.3s ease;
}

/* Si está en hover o abierto, adaptamos el color del '+' */
.bloque-colapsar:hover .texto-colapsar::after {
  color: #15241A;
}

/* Animación del indicador cuando el bloque se abre (gira a 'x') */
.bloque-colapsar[open] .texto-colapsar::after {
  transform: rotate(45deg);
  color: red;
}

/* El contenedor del texto interior desplegado / Respuesta */
.contenido-colapsar {
  padding: 0 24px 20px 24px;
  color: #15241A; 
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 1.3 !important; 
  text-align: justify !important;
}

/* Espaciado de los párrafos internos */
.contenido-colapsar p {
  margin: 0 0 15px 0;
}

.contenido-colapsar p:last-child {
  margin-bottom: 0;
}


/*==FIN ITINERARIO==*/

/*==-------------------------------------------------------------FIN PAGINA PEYOTE RETREAT=================*/





/*------------------------------------==INICIA PAGINA FAQS=================*/

.contenedor-faqs {
  width: 100% !important;
  max-width: 1200px !important; /* Ancho de 1200px */
  margin: 1px auto !important;
  padding: 0 1px;
  font-family: inherit;
  box-sizing: border-box;
}

/* Caja del acordeón */
.bloque-faqs {
  background-color: transparent !important; /* Contenedor general transparente */
  border: 1px solid #B4A16B;
  border-radius: 8px; 
  margin-bottom: 20px;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* El encabezado / barra del título */
.texto-faqs {
  padding: 18px 24px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  font-family: 'Amaranth', sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
  color: #B4A16B;
  cursor: pointer;
  list-style: none; 
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
  background-color: transparent; 
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Efecto Hover y Abierto: Solo se ilumina la barra del título */
.bloque-faqs:hover .texto-faqs,
.bloque-faqs[open] .texto-faqs {
  background-color: #F5F0E6 !important; /* Fondo iluminado color crema */
  color: #212D1D !important; /* Letra verde oscuro para contraste */
}

/* Oculta la flecha nativa en Safari */
.texto-faqs::-webkit-details-marker {
  display: none;
}

/* Indicador visual (+) */
.texto-faqs::after {
  content: '+';
  font-size: 1.5rem;
  line-height: 1 !important; 
  color: #B4A16B; 
  transition: transform 0.3s ease, color 0.3s ease;
}

/* Cambia el color del '+' cuando pasas el cursor o se abre */
.bloque-faqs:hover .texto-faqs::after,
.bloque-faqs[open] .texto-faqs::after {
  color: #212D1D !important;
}

/* Gira el '+' al abrirse el bloque */
.bloque-faqs[open] .texto-faqs::after {
  transform: rotate(45deg); 
	  color: red !important;

}

/* Contenedor interior: se mantiene transparente al desplegarse */
.contenido-faqs {
  padding: 24px 24px;
  background-color: transparent !important; /* Fondo transparente */
  box-sizing: border-box;
}

/* --- Línea divisoria entre preguntas internas --- */
.linea-preguntas {
  border: 0;
  border-top: 3px solid #B4A16B; 
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  display: block;
}

/* --- Estilos para Preguntas y Respuestas --- */
.pregunta {
  font-family: 'Amaranth', sans-serif;
  color: #B4A16B; 
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 0px;
}

.respuesta {
  color: #F5F0E6; /* Blanco cálido unificado */
  margin-bottom: 0px;
  font-size: 0.95rem;
  line-height: 1.4;
  display: block;
  text-align: justify !important;
}

.respuesta:last-child {
  margin-bottom: 0;
}

/*-----------------------------==FIN PAGINA FAQS=================*/


/* -------------------------------------------------------------------------sticky SOCIALES DORADO=================*/


/* 1. Fondo base dorado, bordes superior e inferior en verde y separación */
.wd-sticky-social-buttons .wd-social-icon,
.woodmart-sticky-social-buttons .woodmart-social-icon,
ul.wd-sticky-social li a,
div[class*="sticky-social"] a {
    background-color: #B4A16B !important;
    border: none !important;
	  border-left: 1px solid #212D1D !important;
    border-top: 1px solid #212D1D !important;
    border-bottom: 1px solid #212D1D !important;
    margin-bottom: 0px !important;
box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.15) !important;
    transition: background-color 0.3s ease, border-color 0.3s ease !important;
}

/* 2. Color blanco para el icono/SVG interno */
.wd-sticky-social-buttons .wd-social-icon *,
.woodmart-sticky-social-buttons .woodmart-social-icon *,
ul.wd-sticky-social li a *,
div[class*="sticky-social"] a * {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    transition: color 0.3s ease, fill 0.3s ease !important;
}

/* 3. Estado Hover: Fondo blanco y mantener bordes superior e inferior */
.wd-sticky-social-buttons .wd-social-icon:hover,
.woodmart-sticky-social-buttons .woodmart-social-icon:hover,
ul.wd-sticky-social li a:hover,
div[class*="sticky-social"] a:hover {
    background-color: #F6F0E7 !important;
    border-top-color: #212D1D !important;
    border-bottom-color: #212D1D !important;
}

/* 4. Estado Hover: Icono en color dorado */
.wd-sticky-social-buttons .wd-social-icon:hover *,
.woodmart-sticky-social-buttons .woodmart-social-icon:hover *,
ul.wd-sticky-social li a:hover *,
div[class*="sticky-social"] a:hover * {
    color: #212D1D !important;
    fill: #212D1D !important;
}

/* -------------------------------------------------------------------------sticky SOCIALES DORADO=================*/
}

@media (min-width: 768px) and (max-width: 1024px) {
	/* FORZAR TAMAÑO COMPLETO DE PAGINA EN HOME / TITULO DE PAGINAS---------------------------------------------------------- */
/* Control total y responsivo de la sección */
.page-title {
    width: 100% !important;
    max-width: 100% !important;

/* Mantiene la proporción perfecta del 35% basada en el ancho */
    height: 80vw !important; 
    max-height: 600px !important;
    min-height: auto !important;
    padding-top: 50px !important;
    padding-bottom: 0px !important;  
    display: flex !important;
    align-items: center !important;
}

/* Forzar a la imagen a comportarse perfectamente */
.page-title .wd-page-title-bg {
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    height: 100% !important;
}


/* Aplicar tipografía Amaranth y color crema al título principal */
.page-title .title {
    font-family: 'Amaranth', sans-serif !important;
    color: #FDF6E2 !important; /* Color crema suave */
    font-size: 35px !important; /* Ajusta este número si quieres el texto más grande o chico */
    font-weight: 600 !important; /* Negrita */
    text-transform: uppercase !important; /* Mantiene el texto en mayúsculas */
    letter-spacing: 1px !important; /* Un pequeño espacio entre letras para mejorar la lectura */
    text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.5);
}

/* Opcional: Aplicar el mismo estilo a las migas de pan / breadcrumbs (si las usas) */
.page-title .breadcrumbs, 
.page-title .breadcrumbs a {
    font-family: 'Amaranth', sans-serif !important;
    color: #E6DBC4 !important; /* Un tono crema ligeramente más oscuro para el camino de navegación */
}



/* Forzar al contenedor gratuito de Elementor a estirarse al 100% de la pantalla */
.hero-inicio-full {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}

/* Asegurar que el video interno también se acople al nuevo ancho */
.hero-inicio-full .elementor-background-video-container,
.hero-inicio-full video {
    width: 100% !important;
    max-width: 100% !important;
}

/* FIN FORZAR TAMAÑO COMPLETO DE PAGINA EN HOME / TITULO DE PAGINAS---------------------------------------------------------- */



/* AREA FOOTER---------------------------------------------------------- */

/* -------------------------ICONOS SOCIAL (footer)===*/
.contenedor-iconos-sociales {
  display: flex;          
  flex-direction: row;   
  flex-wrap: nowrap;     
  justify-content:center !important; 
  align-items: center !important;   
  gap: 12px;              
  margin-top: 5px !important;
  margin-bottom: 5px !important;     
  overflow-x: auto;      
}

.contenedor-iconos-sociales .fa, 
.contenedor-iconos-sociales .fa-brands {
  display: flex;          
  justify-content: center;
  align-items: center;
  width: 35px;            
  height: 35px;            
  text-align: center;
  font-size: 20px;        
  text-decoration: none;
  border-radius: 100%;   
  background: white; /* Unificado claro */
  color: #212D1D; /* Unificado verde */
  flex-shrink: 0;         
  transition: background 0.3s ease, color 0.3s ease; 
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.contenedor-iconos-sociales .fa:hover,
.contenedor-iconos-sociales .fa-brands:hover {
  background: #B4A16B; 
  color: #F6F0E7;
}

/* -------------------------Fin ICONOS SOCIAL (footer)===*/


/* -------------------------FORMULARIO MAILCHIMP (footer)===*/

.mc4wp-form-fields-horizontal-autowrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;            
  align-items: center;
  justify-content: center;
  gap: 10px;                  
  width: 100% !important;     
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

.campo-newsletter-auto {
  display: block;
  box-sizing: border-box !important;
  flex: 1 1 180px;            
}

.mc4wp-form-fields-horizontal-autowrap .ancho-25 { 
  flex: 1 1 25% !important;
}



.mc4wp-form-fields-horizontal-autowrap .ancho-35,
.mc4wp-form-fields-horizontal-autowrap .ancho-button { 
  flex: 1 1 100% !important;   
}

.mc4wp-form-fields-horizontal-autowrap input[type="text"],
.mc4wp-form-fields-horizontal-autowrap input[type="email"] {
  width: 100% !important;
  height: 42px !important;    
  background-color: transparent !important; 
  color: #FFFFFF !important;  
  border: 2px solid #FFFFFF33 !important;
  border-radius: 8px !important; 
  padding: 0 15px !important;
  font-size: 13px !important;
  box-sizing: border-box !important;
  transition: border-color 0.3s ease;
}

.mc4wp-form-fields-horizontal-autowrap input[type="text"]:focus,
.mc4wp-form-fields-horizontal-autowrap input[type="email"]:focus {
  border-color: #B4A16B !important;
  outline: none;
}

.mc4wp-form-fields-horizontal-autowrap input::placeholder {
  color: #FFFFFF !important; 
  opacity: 0.8;
}

.mc4wp-form-fields-horizontal-autowrap input[type="submit"] {
  width: 100% !important;
  height: 40px !important;
  min-height: 0 !important;
  line-height: 38px !important;
  background-color: #B4A16B !important; 
  color: #000000 !important;  
  border: 2px solid #B4A16B !important;
  border-radius: 8px !important; 
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase;  
  padding: 0 !important;
  cursor: pointer;
  white-space: nowrap;        
  box-sizing: border-box !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.mc4wp-form-fields-horizontal-autowrap input[type="submit"]:hover {
  background-color: transparent !important; 
  color: #B4A16B !important;
}

/* -------------------------/* -------------------------Fin FORMULARIO MAILCHIMP (footer)==*/

/* FIN AREA FOOTER---------------------------------------------------------- */



/* ---------------------------------------------- CITA DORADO --- */
.cita,
.cita p {
  font-family: 'Amaranth', sans-serif !important;
  letter-spacing: 0.6px !important;
  color: #B4A16B !important; 
  font-size: 23px !important; 
  font-style: italic !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  
  /* Centrado perfecto para evitar que el texto se estire */
  text-align: center !important;
  text-align-last: center !important; 
  
  text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.3);
  background: none !important;
  box-shadow: none !important;
  
  position: relative !important;
  box-sizing: border-box !important;
  
  /* Espaciado de caja */
  padding: 15px 50px !important;
  margin: 20px auto !important;  
  max-width: 900px !important;    
  width: 100% !important;
}

/* Solo el contenedor principal lleva las líneas horizontal arriba y abajo */
.cita {
  border-top: 1px solid #B4A16B33 !important;
  border-bottom: 1px solid #B4A16B33 !important;
  border-left: none !important;
  border-right: none !important;
}

/* El <p> interno NO lleva bordes para evitar la doble línea */
.cita p {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Comilla izquierda */
.cita::before {
  content: "“" !important;
  font-family: 'Amaranth', sans-serif !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  left: 20px !important;
  font-size: 50px !important;
  color: #B4A16B80 !important; 
  line-height: 1 !important; 
  background: none !important;
  width: auto !important;
  height: auto !important;
  box-shadow: none !important;
}

/* Comilla derecha */
.cita::after {
  content: "”" !important;
  font-family: 'Amaranth', sans-serif !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 20px !important;
  font-size: 50px !important;
  color: #B4A16B80 !important;
  line-height: 1 !important;
}


/* ---------------------------------------------- FIN CITA DORADO--- */


/* ---------------------------------------------------------------------- INICIA AREA HOME --- */
/*===TITULOS HOME===*/

/* 1. Estilos Base Compartidos (Aplica a todas las variantes) */
.titulo-lineas-lados-dorado,
.titulo-lineas-lados-crema,
.titulo-lineas-lados-verde {
  font-family: 'Amaranth', sans-serif !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  margin-bottom: 10px !important;
  width: 100% !important;
}

.titulo-lineas-lados-dorado::before,
.titulo-lineas-lados-dorado::after,
.titulo-lineas-lados-crema::before,
.titulo-lineas-lados-crema::after,
.titulo-lineas-lados-verde::before,
.titulo-lineas-lados-verde::after {
  content: "" !important;
  flex: 1 !important;
  max-width: 20px !important;
  min-width: 20px !important; /* Garantiza que no desaparezcan con saltos de línea */
  height: 1px !important;
}


/* 2. Variantes de Color */

/* --- Versión Dorado --- */
.titulo-lineas-lados-dorado {
  color: #B4A16B !important;
}
.titulo-lineas-lados-dorado::before,
.titulo-lineas-lados-dorado::after {
  background-color: #B4A16B !important;
}

/* --- Versión Crema --- */
.titulo-lineas-lados-crema {
  color: #F6F0E7 !important;
}
.titulo-lineas-lados-crema::before,
.titulo-lineas-lados-crema::after {
  background-color: #F6F0E7 !important;
}

/* --- Versión Verde --- */
.titulo-lineas-lados-verde {
  color: #212D1D !important;
}
.titulo-lineas-lados-verde::before,
.titulo-lineas-lados-verde::after {
  background-color: #212D1D !important;
}

/*===FIN TITULOS HOME===*/


/*===DIV TEXTOS y LINEAS===*/

.contenedor-lineas-texto {
  width: 95% !important;
  max-width: 900px !important;
  margin: 1px auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important; 
}

.linea-texto-item {
  width: 100% !important;
  border-bottom: 2px solid #B4A16B4D; 
  padding-top: 15px !important;       
  padding-bottom: 15px !important;    
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.linea-texto-item:last-child {
  border-bottom: none; 
}

.linea-texto-item p {
  font-family: ;
  color: #F6F0E7 !important;
  font-size: 16px;
  line-height: 1.5 !important;
  margin: 0 auto !important;
  
  /* Corregido: Ancho completo, override de text-align y neutralización de text-align-last */
  width: 100% !important;
  display: block !important; 
  text-align: center !important;
  text-align-last: center !important; /* Anula la regla global que lo tiraba a la izquierda */
}

.linea-texto-item strong {
  font-family: 'Amaranth', sans-serif;
  color: #B4A16B !important;          
  font-size: 20px;
  display: inline-block !important;
  text-align: center !important;
}

/*===FIN DIV TEXTOS y LINEAS===*/






























/*--------------------------------------------------------==PAGINA PEYOTE RETREAT=================*/
/*==FAQS ITINERARIO==*/

/* Contenedor principal del itinerario */
.contenedor-colapsar {
  max-width: 800px;
  margin: 0px auto;
  padding: 0 0px;
  font-family: inherit;
}

/* Cada bloque colapsable (Caja individual) */
.bloque-colapsar {
  background-color: transparent; 
  border: 1px solid #B4A16B;
  border-radius: 8px; 
  margin-bottom: 10px;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* HOVER: Cuando pasas el mouse por encima de la caja */
.bloque-colapsar:hover {
  background-color: #F5F0E6; /* Fondo arena/beige sutil al hacer hover */
}

/* ESTADO ABIERTO: Mantiene el fondo relleno cuando se despliega */
.bloque-colapsar[open] {
  background-color: #F5F0E6;
  border-color: #B4A16B;
}

/* El encabezado (Botón de acción) */
.texto-colapsar {
  padding: 10px 10px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  font-size: 1.1rem;
  font-weight: 700;
  color: #B4A16B;
  cursor: pointer;
  list-style: none; 
  display: flex;
  justify-content: none;
  align-items: left !important;
  user-select: none;
  transition: color 0.3s ease;
}

/* Cambia el color de la letra al hacer hover o abrir para que no se pierda con el fondo claro */
.bloque-colapsar:hover .texto-colapsar,
.bloque-colapsar[open] .texto-colapsar {
  color: #57796F !important; 
}

/* Elimina la flecha nativa en navegadores Safari */
.texto-colapsar::-webkit-details-marker {
  display: none;
}

/* Indicador visual personalizado (+) */
.texto-colapsar::after {
  content: '+';
  font-size: 1.4rem;
  line-height: 1.5 !important; 
  color: #B4A16B; 
  transition: transform 0.3s ease, color 0.3s ease;
}

/* Si está en hover o abierto, adaptamos el color del '+' */
.bloque-colapsar:hover .texto-colapsar::after {
  color: #15241A;
}

/* Animación del indicador cuando el bloque se abre (gira a 'x') */
.bloque-colapsar[open] .texto-colapsar::after {
  transform: rotate(45deg);
  color: red;
}

/* El contenedor del texto interior desplegado / Respuesta */
.contenido-colapsar {
  padding: 0 15px 15px 15px;
  color: #15241A; 
  font-weight: 400;
  font-size: 0.8rem;
  line-height: 1.3 !important; 
  text-align: justify !important;
}

/* Espaciado de los párrafos internos */
.contenido-colapsar p {
  margin: 0 0 5px 0;
}

.contenido-colapsar p:last-child {
  margin-bottom: 0;
}


/*==FIN ITINERARIO==*/

/*==-------------------------------------------------------------FIN PAGINA PEYOTE RETREAT=================*/








/*------------------------------------==INICIA PAGINA FAQS=================*/

.contenedor-faqs {
  width: 100% !important;
  max-width: 1200px !important; /* Ancho de 1200px */
  margin: 1px auto !important;
  padding: 0 1px;
  font-family: inherit;
  box-sizing: border-box;
}

/* Caja del acordeón */
.bloque-faqs {
  background-color: transparent !important; /* Contenedor general transparente */
  border: 1px solid #B4A16B;
  border-radius: 8px; 
  margin-bottom: 20px;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* El encabezado / barra del título */
.texto-faqs {
  padding: 18px 24px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  font-family: 'Amaranth', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #B4A16B;
  cursor: pointer;
  list-style: none; 
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
  background-color: transparent; 
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Efecto Hover y Abierto: Solo se ilumina la barra del título */
.bloque-faqs:hover .texto-faqs,
.bloque-faqs[open] .texto-faqs {
  background-color: #F5F0E6 !important; /* Fondo iluminado color crema */
  color: #212D1D !important; /* Letra verde oscuro para contraste */
}

/* Oculta la flecha nativa en Safari */
.texto-faqs::-webkit-details-marker {
  display: none;
}

/* Indicador visual (+) */
.texto-faqs::after {
  content: '+';
  font-size: 1.5rem;
  line-height: 1 !important; 
  color: #B4A16B; 
  transition: transform 0.3s ease, color 0.3s ease;
}

/* Cambia el color del '+' cuando pasas el cursor o se abre */
.bloque-faqs:hover .texto-faqs::after,
.bloque-faqs[open] .texto-faqs::after {
  color: #212D1D !important;
}

/* Gira el '+' al abrirse el bloque */
.bloque-faqs[open] .texto-faqs::after {
  transform: rotate(45deg); 
  color: red !important;

}

/* Contenedor interior: se mantiene transparente al desplegarse */
.contenido-faqs {
  padding: 10px 10px;
  background-color: transparent !important; /* Fondo transparente */
  box-sizing: border-box;
}

/* --- Línea divisoria entre preguntas internas --- */
.linea-preguntas {
  border: 0;
  border-top: 3px solid #B4A16B; 
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  display: block;
}

/* --- Estilos para Preguntas y Respuestas --- */
.pregunta {
  font-family: 'Amaranth', sans-serif;
  color: #B4A16B; 
  font-weight: bold;
  font-size: 1.2em;
	  line-height: 1.2;
  margin-bottom: 3px;
	 text-align: left !important;
}

.respuesta {
  color: #F5F0E6; /* Blanco cálido unificado */
  margin-bottom: 0px;
  font-size: 1rem;
  line-height: 1.2;
  display: block;
  text-align: justify !important;
}

.respuesta:last-child {
  margin-bottom: 0;
}

/*-----------------------------==FIN PAGINA FAQS=================*/



}

@media (min-width: 577px) and (max-width: 767px) {
	/* FORZAR TAMAÑO COMPLETO DE PAGINA EN HOME / TITULO DE PAGINAS---------------------------------------------------------- */
/* Control total y responsivo de la sección */
.page-title {
    width: 100% !important;
    max-width: 100% !important;

/* Mantiene la proporción perfecta del 35% basada en el ancho */
    height: 70vw !important; 
    max-height: 600px !important;
    min-height: auto !important;
    padding-top: 50px !important;
    padding-bottom: 0px !important;  
    display: flex !important;
    align-items: center !important;
}

/* Forzar a la imagen a comportarse perfectamente */
.page-title .wd-page-title-bg {
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    height: 100% !important;
}


/* Aplicar tipografía Amaranth y color crema al título principal */
.page-title .title {
    font-family: 'Amaranth', sans-serif !important;
    color: #FDF6E2 !important; /* Color crema suave */
    font-size: 35px !important; /* Ajusta este número si quieres el texto más grande o chico */
    font-weight: 600 !important; /* Negrita */
    text-transform: uppercase !important; /* Mantiene el texto en mayúsculas */
    letter-spacing: 1px !important; /* Un pequeño espacio entre letras para mejorar la lectura */
    text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.5);
}

/* Opcional: Aplicar el mismo estilo a las migas de pan / breadcrumbs (si las usas) */
.page-title .breadcrumbs, 
.page-title .breadcrumbs a {
    font-family: 'Amaranth', sans-serif !important;
    color: #E6DBC4 !important; /* Un tono crema ligeramente más oscuro para el camino de navegación */
}



/* Forzar al contenedor gratuito de Elementor a estirarse al 100% de la pantalla */
.hero-inicio-full {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}

/* Asegurar que el video interno también se acople al nuevo ancho */
.hero-inicio-full .elementor-background-video-container,
.hero-inicio-full video {
    width: 100% !important;
    max-width: 100% !important;
}

/* FIN FORZAR TAMAÑO COMPLETO DE PAGINA EN HOME / TITULO DE PAGINAS---------------------------------------------------------- */



/* AREA FOOTER---------------------------------------------------------- */

/* -------------------------ICONOS SOCIAL (footer)===*/
.contenedor-iconos-sociales {
  display: flex;          
  flex-direction: row;   
  flex-wrap: nowrap;     
  justify-content:center !important; 
  align-items: center !important;   
  gap: 12px;              
  margin-top: 5px !important;
  margin-bottom: 5px !important;     
  overflow-x: auto;      
}

.contenedor-iconos-sociales .fa, 
.contenedor-iconos-sociales .fa-brands {
  display: flex;          
  justify-content: center;
  align-items: center;
  width: 35px;            
  height: 35px;            
  text-align: center;
  font-size: 20px;        
  text-decoration: none;
  border-radius: 100%;   
  background: white; /* Unificado claro */
  color: #212D1D; /* Unificado verde */
  flex-shrink: 0;         
  transition: background 0.3s ease, color 0.3s ease; 
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.contenedor-iconos-sociales .fa:hover,
.contenedor-iconos-sociales .fa-brands:hover {
  background: #B4A16B; 
  color: #F6F0E7;
}

/* -------------------------Fin ICONOS SOCIAL (footer)===*/


/* -------------------------FORMULARIO MAILCHIMP (footer)===*/

.mc4wp-form-fields-horizontal-autowrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;            
  align-items: center;
  justify-content: center;
  gap: 10px;                  
  width: 100% !important;     
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

.campo-newsletter-auto {
  display: block;
  box-sizing: border-box !important;
  flex: 1 1 180px;            
}

.mc4wp-form-fields-horizontal-autowrap .ancho-25 { 
  flex: 1 1 25% !important;
}



.mc4wp-form-fields-horizontal-autowrap .ancho-35,
.mc4wp-form-fields-horizontal-autowrap .ancho-button { 
  flex: 1 1 100% !important;   
}

.mc4wp-form-fields-horizontal-autowrap input[type="text"],
.mc4wp-form-fields-horizontal-autowrap input[type="email"] {
  width: 100% !important;
  height: 42px !important;    
  background-color: transparent !important; 
  color: #FFFFFF !important;  
  border: 2px solid #FFFFFF33 !important;
  border-radius: 8px !important; 
  padding: 0 15px !important;
  font-size: 13px !important;
  box-sizing: border-box !important;
  transition: border-color 0.3s ease;
}

.mc4wp-form-fields-horizontal-autowrap input[type="text"]:focus,
.mc4wp-form-fields-horizontal-autowrap input[type="email"]:focus {
  border-color: #B4A16B !important;
  outline: none;
}

.mc4wp-form-fields-horizontal-autowrap input::placeholder {
  color: #FFFFFF !important; 
  opacity: 0.8;
}

.mc4wp-form-fields-horizontal-autowrap input[type="submit"] {
  width: 100% !important;
  height: 40px !important;
  min-height: 0 !important;
  line-height: 38px !important;
  background-color: #B4A16B !important; 
  color: #000000 !important;  
  border: 2px solid #B4A16B !important;
  border-radius: 8px !important; 
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase;  
  padding: 0 !important;
  cursor: pointer;
  white-space: nowrap;        
  box-sizing: border-box !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.mc4wp-form-fields-horizontal-autowrap input[type="submit"]:hover {
  background-color: transparent !important; 
  color: #B4A16B !important;
}

/* -------------------------/* -------------------------Fin FORMULARIO MAILCHIMP (footer)==*/

/* FIN AREA FOOTER---------------------------------------------------------- */



/* ---------------------------------------------- CITA DORADO --- */
.cita,
.cita p {
  font-family: 'Amaranth', sans-serif !important;
  letter-spacing: 0.6px !important;
  color: #B4A16B !important; 
  font-size: 23px !important; 
  font-style: italic !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  
  /* Centrado perfecto para evitar que el texto se estire */
  text-align: center !important;
  text-align-last: center !important; 
  
  text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.3);
  background: none !important;
  box-shadow: none !important;
  
  position: relative !important;
  box-sizing: border-box !important;
  
  /* Espaciado de caja */
  padding: 15px 50px !important;
  margin: 20px auto !important;  
  max-width: 900px !important;    
  width: 100% !important;
}

/* Solo el contenedor principal lleva las líneas horizontal arriba y abajo */
.cita {
  border-top: 1px solid #B4A16B33 !important;
  border-bottom: 1px solid #B4A16B33 !important;
  border-left: none !important;
  border-right: none !important;
}

/* El <p> interno NO lleva bordes para evitar la doble línea */
.cita p {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Comilla izquierda */
.cita::before {
  content: "“" !important;
  font-family: 'Amaranth', sans-serif !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  left: 20px !important;
  font-size: 50px !important;
  color: #B4A16B80 !important; 
  line-height: 1 !important; 
  background: none !important;
  width: auto !important;
  height: auto !important;
  box-shadow: none !important;
}

/* Comilla derecha */
.cita::after {
  content: "”" !important;
  font-family: 'Amaranth', sans-serif !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 20px !important;
  font-size: 50px !important;
  color: #B4A16B80 !important;
  line-height: 1 !important;
}


/* ---------------------------------------------- FIN CITA DORADO--- */


/* ---------------------------------------------------------------------- INICIA AREA HOME --- */
/*===TITULOS HOME===*/

/* 1. Estilos Base Compartidos (Aplica a todas las variantes) */
.titulo-lineas-lados-dorado,
.titulo-lineas-lados-crema,
.titulo-lineas-lados-verde {
  font-family: 'Amaranth', sans-serif !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  margin-bottom: 10px !important;
  width: 100% !important;
}

.titulo-lineas-lados-dorado::before,
.titulo-lineas-lados-dorado::after,
.titulo-lineas-lados-crema::before,
.titulo-lineas-lados-crema::after,
.titulo-lineas-lados-verde::before,
.titulo-lineas-lados-verde::after {
  content: "" !important;
  flex: 1 !important;
  max-width: 20px !important;
  min-width: 20px !important; /* Garantiza que no desaparezcan con saltos de línea */
  height: 1px !important;
}


/* 2. Variantes de Color */

/* --- Versión Dorado --- */
.titulo-lineas-lados-dorado {
  color: #B4A16B !important;
}
.titulo-lineas-lados-dorado::before,
.titulo-lineas-lados-dorado::after {
  background-color: #B4A16B !important;
}

/* --- Versión Crema --- */
.titulo-lineas-lados-crema {
  color: #F6F0E7 !important;
}
.titulo-lineas-lados-crema::before,
.titulo-lineas-lados-crema::after {
  background-color: #F6F0E7 !important;
}

/* --- Versión Verde --- */
.titulo-lineas-lados-verde {
  color: #212D1D !important;
}
.titulo-lineas-lados-verde::before,
.titulo-lineas-lados-verde::after {
  background-color: #212D1D !important;
}

/*===FIN TITULOS HOME===*/


/*===DIV TEXTOS y LINEAS===*/

.contenedor-lineas-texto {
  width: 95% !important;
  max-width: 900px !important;
  margin: 1px auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important; 
}

.linea-texto-item {
  width: 100% !important;
  border-bottom: 2px solid #B4A16B4D; 
  padding-top: 15px !important;       
  padding-bottom: 15px !important;    
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.linea-texto-item:last-child {
  border-bottom: none; 
}

.linea-texto-item p {
  font-family: ;
  color: #F6F0E7 !important;
  font-size: 16px;
  line-height: 1.5 !important;
  margin: 0 auto !important;
  
  /* Corregido: Ancho completo, override de text-align y neutralización de text-align-last */
  width: 100% !important;
  display: block !important; 
  text-align: center !important;
  text-align-last: center !important; /* Anula la regla global que lo tiraba a la izquierda */
}

.linea-texto-item strong {
  font-family: 'Amaranth', sans-serif;
  color: #B4A16B !important;          
  font-size: 20px;
  display: inline-block !important;
  text-align: center !important;
}

/*===FIN DIV TEXTOS y LINEAS===*/






























/*--------------------------------------------------------==PAGINA PEYOTE RETREAT=================*/
/*==FAQS ITINERARIO==*/

/* Contenedor principal del itinerario */
.contenedor-colapsar {
  max-width: 800px;
  margin: 0px auto;
  padding: 0 0px;
  font-family: inherit;
}

/* Cada bloque colapsable (Caja individual) */
.bloque-colapsar {
  background-color: transparent; 
  border: 1px solid #B4A16B;
  border-radius: 8px; 
  margin-bottom: 10px;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* HOVER: Cuando pasas el mouse por encima de la caja */
.bloque-colapsar:hover {
  background-color: #F5F0E6; /* Fondo arena/beige sutil al hacer hover */
}

/* ESTADO ABIERTO: Mantiene el fondo relleno cuando se despliega */
.bloque-colapsar[open] {
  background-color: #F5F0E6;
  border-color: #B4A16B;
}

/* El encabezado (Botón de acción) */
.texto-colapsar {
  padding: 10px 10px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  font-size: 1.1rem;
  font-weight: 700;
  color: #B4A16B;
  cursor: pointer;
  list-style: none; 
  display: flex;
  justify-content: none;
  align-items: left !important;
  user-select: none;
  transition: color 0.3s ease;
}

/* Cambia el color de la letra al hacer hover o abrir para que no se pierda con el fondo claro */
.bloque-colapsar:hover .texto-colapsar,
.bloque-colapsar[open] .texto-colapsar {
  color: #57796F !important; 
}

/* Elimina la flecha nativa en navegadores Safari */
.texto-colapsar::-webkit-details-marker {
  display: none;
}

/* Indicador visual personalizado (+) */
.texto-colapsar::after {
  content: '+';
  font-size: 1.4rem;
  line-height: 1.5 !important; 
  color: #B4A16B; 
  transition: transform 0.3s ease, color 0.3s ease;
}

/* Si está en hover o abierto, adaptamos el color del '+' */
.bloque-colapsar:hover .texto-colapsar::after {
  color: #15241A;
}

/* Animación del indicador cuando el bloque se abre (gira a 'x') */
.bloque-colapsar[open] .texto-colapsar::after {
  transform: rotate(45deg);
  color: red;
}

/* El contenedor del texto interior desplegado / Respuesta */
.contenido-colapsar {
  padding: 0 15px 15px 15px;
  color: #15241A; 
  font-weight: 400;
  font-size: 0.8rem;
  line-height: 1.3 !important; 
  text-align: justify !important;
}

/* Espaciado de los párrafos internos */
.contenido-colapsar p {
  margin: 0 0 5px 0;
}

.contenido-colapsar p:last-child {
  margin-bottom: 0;
}


/*==FIN ITINERARIO==*/

/*==-------------------------------------------------------------FIN PAGINA PEYOTE RETREAT=================*/








/*------------------------------------==INICIA PAGINA FAQS=================*/

.contenedor-faqs {
  width: 100% !important;
  max-width: 1200px !important; /* Ancho de 1200px */
  margin: 1px auto !important;
  padding: 0 1px;
  font-family: inherit;
  box-sizing: border-box;
}

/* Caja del acordeón */
.bloque-faqs {
  background-color: transparent !important; /* Contenedor general transparente */
  border: 1px solid #B4A16B;
  border-radius: 8px; 
  margin-bottom: 20px;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* El encabezado / barra del título */
.texto-faqs {
  padding: 18px 24px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  font-family: 'Amaranth', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #B4A16B;
  cursor: pointer;
  list-style: none; 
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
  background-color: transparent; 
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Efecto Hover y Abierto: Solo se ilumina la barra del título */
.bloque-faqs:hover .texto-faqs,
.bloque-faqs[open] .texto-faqs {
  background-color: #F5F0E6 !important; /* Fondo iluminado color crema */
  color: #212D1D !important; /* Letra verde oscuro para contraste */
}

/* Oculta la flecha nativa en Safari */
.texto-faqs::-webkit-details-marker {
  display: none;
}

/* Indicador visual (+) */
.texto-faqs::after {
  content: '+';
  font-size: 1.5rem;
  line-height: 1 !important; 
  color: #B4A16B; 
  transition: transform 0.3s ease, color 0.3s ease;
}

/* Cambia el color del '+' cuando pasas el cursor o se abre */
.bloque-faqs:hover .texto-faqs::after,
.bloque-faqs[open] .texto-faqs::after {
  color: #212D1D !important;
}

/* Gira el '+' al abrirse el bloque */
.bloque-faqs[open] .texto-faqs::after {
  transform: rotate(45deg); 
  color: red !important;

}

/* Contenedor interior: se mantiene transparente al desplegarse */
.contenido-faqs {
  padding: 10px 10px;
  background-color: transparent !important; /* Fondo transparente */
  box-sizing: border-box;
}

/* --- Línea divisoria entre preguntas internas --- */
.linea-preguntas {
  border: 0;
  border-top: 3px solid #B4A16B; 
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  display: block;
}

/* --- Estilos para Preguntas y Respuestas --- */
.pregunta {
  font-family: 'Amaranth', sans-serif;
  color: #B4A16B; 
  font-weight: bold;
  font-size: 1.2em;
	  line-height: 1.2;
  margin-bottom: 3px;
	 text-align: left !important;
}

.respuesta {
  color: #F5F0E6; /* Blanco cálido unificado */
  margin-bottom: 0px;
  font-size: 1rem;
  line-height: 1.2;
  display: block;
  text-align: justify !important;
}

.respuesta:last-child {
  margin-bottom: 0;
}

/*-----------------------------==FIN PAGINA FAQS=================*/



}

@media (max-width: 576px) {
	/* FORZAR TAMAÑO COMPLETO DE PAGINA EN HOME / TITULO DE PAGINAS---------------------------------------------------------- */
/* Control total y responsivo de la sección */
.page-title {
    width: 100% !important;
    max-width: 100% !important;

/* Mantiene la proporción perfecta del 35% basada en el ancho */
    height: 70vw !important; 
    max-height: 500px !important;
    min-height: auto !important;
    padding-top: 50px !important;
    padding-bottom: 0px !important;  
    display: flex !important;
    align-items: center !important;
}

/* Forzar a la imagen a comportarse perfectamente */
.page-title .wd-page-title-bg {
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    height: 100% !important;
}


/* Aplicar tipografía Amaranth y color crema al título principal */
.page-title .title {
    font-family: 'Amaranth', sans-serif !important;
    color: #FDF6E2 !important; /* Color crema suave */
    font-size: 35px !important; /* Ajusta este número si quieres el texto más grande o chico */
    font-weight: 600 !important; /* Negrita */
    text-transform: uppercase !important; /* Mantiene el texto en mayúsculas */
    letter-spacing: 1px !important; /* Un pequeño espacio entre letras para mejorar la lectura */
    text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.5);
}

/* Opcional: Aplicar el mismo estilo a las migas de pan / breadcrumbs (si las usas) */
.page-title .breadcrumbs, 
.page-title .breadcrumbs a {
    font-family: 'Amaranth', sans-serif !important;
    color: #E6DBC4 !important; /* Un tono crema ligeramente más oscuro para el camino de navegación */
}



/* Forzar al contenedor gratuito de Elementor a estirarse al 100% de la pantalla */
.hero-inicio-full {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}

/* Asegurar que el video interno también se acople al nuevo ancho */
.hero-inicio-full .elementor-background-video-container,
.hero-inicio-full video {
    width: 100% !important;
    max-width: 100% !important;
}

/* FIN FORZAR TAMAÑO COMPLETO DE PAGINA EN HOME / TITULO DE PAGINAS---------------------------------------------------------- */



/* AREA FOOTER---------------------------------------------------------- */

/* -------------------------ICONOS SOCIAL (footer)===*/
.contenedor-iconos-sociales {
  display: flex;          
  flex-direction: row;   
  flex-wrap: nowrap;     
  justify-content:center !important; 
  align-items: center !important;   
  gap: 12px;              
  margin-top: 5px !important;
  margin-bottom: 5px !important;     
  overflow-x: auto;      
}

.contenedor-iconos-sociales .fa, 
.contenedor-iconos-sociales .fa-brands {
  display: flex;          
  justify-content: center;
  align-items: center;
  width: 35px;            
  height: 35px;            
  text-align: center;
  font-size: 20px;        
  text-decoration: none;
  border-radius: 100%;   
  background: #F6F0E7; /* Unificado claro */
  color: #212D1D; /* Unificado verde */
  flex-shrink: 0;         
  transition: background 0.3s ease, color 0.3s ease; 
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.contenedor-iconos-sociales .fa:hover,
.contenedor-iconos-sociales .fa-brands:hover {
  background: #B4A16B; 
  color: #F6F0E7;
}

/* -------------------------Fin ICONOS SOCIAL (footer)===*/


/* -------------------------FORMULARIO MAILCHIMP (footer)===*/

.mc4wp-form-fields-horizontal-autowrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;            
  align-items: center;
  justify-content: center;
  gap: 10px;                  
  width: 100% !important;     
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

.campo-newsletter-auto {
  display: block;
  box-sizing: border-box !important;
  flex: 1 1 180px;            
}

.mc4wp-form-fields-horizontal-autowrap .ancho-25 { 
  flex: 1 1 25% !important;
}



.mc4wp-form-fields-horizontal-autowrap .ancho-35,
.mc4wp-form-fields-horizontal-autowrap .ancho-button { 
  flex: 1 1 100% !important;   
}

.mc4wp-form-fields-horizontal-autowrap input[type="text"],
.mc4wp-form-fields-horizontal-autowrap input[type="email"] {
  width: 100% !important;
  height: 42px !important;    
  background-color: transparent !important; 
  color: #F6F0E7 !important;  
  border: 2px solid #F6F0E7 !important;
  border-radius: 8px !important; 
  padding: 0 15px !important;
  font-size: 13px !important;
  box-sizing: border-box !important;
  transition: border-color 0.3s ease;
}

.mc4wp-form-fields-horizontal-autowrap input[type="text"]:focus,
.mc4wp-form-fields-horizontal-autowrap input[type="email"]:focus {
  border-color: #B4A16B !important;
  outline: none;
}

.mc4wp-form-fields-horizontal-autowrap input::placeholder {
  color: #F6F0E7 !important; 
  opacity: 0.8;
}

.mc4wp-form-fields-horizontal-autowrap input[type="submit"] {
  width: 100% !important;
  height: 40px !important;
  min-height: 0 !important;
  line-height: 38px !important;
  background-color: #B4A16B !important; 
  color: #000000 !important;  
  border: 2px solid #B4A16B !important;
  border-radius: 8px !important; 
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase;  
  padding: 0 !important;
  cursor: pointer;
  white-space: nowrap;        
  box-sizing: border-box !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.mc4wp-form-fields-horizontal-autowrap input[type="submit"]:hover {
  background-color: transparent !important; 
  color: #B4A16B !important;
}

/* -------------------------/* -------------------------Fin FORMULARIO MAILCHIMP (footer)==*/

/* FIN AREA FOOTER---------------------------------------------------------- */



/* ---------------------------------------------- CITA DORADO --- */
.cita,
.cita p {
  font-family: 'Amaranth', sans-serif !important;
  letter-spacing: 0.6px !important;
  color: #B4A16B !important; 
  font-size: 23px !important; 
  font-style: italic !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  
  /* Centrado perfecto para evitar que el texto se estire */
  text-align: center !important;
  text-align-last: center !important; 
  
  text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.3);
  background: none !important;
  box-shadow: none !important;
  
  position: relative !important;
  box-sizing: border-box !important;
  
  /* Espaciado de caja */
  padding: 15px 50px !important;
  margin: 20px auto !important;  
  max-width: 900px !important;    
  width: 100% !important;
}

/* Solo el contenedor principal lleva las líneas horizontal arriba y abajo */
.cita {
  border-top: 1px solid #B4A16B33 !important;
  border-bottom: 1px solid #B4A16B33 !important;
  border-left: none !important;
  border-right: none !important;
}

/* El <p> interno NO lleva bordes para evitar la doble línea */
.cita p {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Comilla izquierda */
.cita::before {
  content: "“" !important;
  font-family: 'Amaranth', sans-serif !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  left: 20px !important;
  font-size: 50px !important;
  color: #B4A16B80 !important; 
  line-height: 1 !important; 
  background: none !important;
  width: auto !important;
  height: auto !important;
  box-shadow: none !important;
}

/* Comilla derecha */
.cita::after {
  content: "”" !important;
  font-family: 'Amaranth', sans-serif !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 20px !important;
  font-size: 50px !important;
  color: #B4A16B80 !important;
  line-height: 1 !important;
}


/* ---------------------------------------------- FIN CITA DORADO--- */


/* ---------------------------------------------------------------------- INICIA AREA HOME --- */
/*===TITULOS HOME===*/

/* 1. Estilos Base Compartidos (Aplica a todas las variantes) */
.titulo-lineas-lados-dorado,
.titulo-lineas-lados-crema,
.titulo-lineas-lados-verde {
  font-family: 'Amaranth', sans-serif !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  margin-bottom: 10px !important;
  width: 100% !important;
}

.titulo-lineas-lados-dorado::before,
.titulo-lineas-lados-dorado::after,
.titulo-lineas-lados-crema::before,
.titulo-lineas-lados-crema::after,
.titulo-lineas-lados-verde::before,
.titulo-lineas-lados-verde::after {
  content: "" !important;
  flex: 1 !important;
  max-width: 20px !important;
  min-width: 20px !important; /* Garantiza que no desaparezcan con saltos de línea */
  height: 1px !important;
}


/* 2. Variantes de Color */

/* --- Versión Dorado --- */
.titulo-lineas-lados-dorado {
  color: #B4A16B !important;
}
.titulo-lineas-lados-dorado::before,
.titulo-lineas-lados-dorado::after {
  background-color: #B4A16B !important;
}

/* --- Versión Crema --- */
.titulo-lineas-lados-crema {
  color: #F6F0E7 !important;
}
.titulo-lineas-lados-crema::before,
.titulo-lineas-lados-crema::after {
  background-color: #F6F0E7 !important;
}

/* --- Versión Verde --- */
.titulo-lineas-lados-verde {
  color: #212D1D !important;
}
.titulo-lineas-lados-verde::before,
.titulo-lineas-lados-verde::after {
  background-color: #212D1D !important;
}

/*===FIN TITULOS HOME===*/


/*===DIV TEXTOS y LINEAS===*/

.contenedor-lineas-texto {
  width: 95% !important;
  max-width: 900px !important;
  margin: 1px auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important; 
}

.linea-texto-item {
  width: 100% !important;
  border-bottom: 2px solid #B4A16B4D; 
  padding-top: 15px !important;       
  padding-bottom: 15px !important;    
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.linea-texto-item:last-child {
  border-bottom: none; 
}

.linea-texto-item p {
  color: #F6F0E7 !important;
  font-size: 16px;
  line-height: 1.5 !important;
  margin: 0 auto !important;
  
  /* Corregido: Ancho completo, override de text-align y neutralización de text-align-last */
  width: 100% !important;
  display: block !important; 
  text-align: center !important;
  text-align-last: center !important; /* Anula la regla global que lo tiraba a la izquierda */
}

.linea-texto-item strong {
  font-family: 'Amaranth', sans-serif;
  color: #B4A16B !important;          
  font-size: 20px;
  display: inline-block !important;
  text-align: center !important;
}

/*===FIN DIV TEXTOS y LINEAS===*/






























/*--------------------------------------------------------==PAGINA PEYOTE RETREAT=================*/
/*==FAQS ITINERARIO==*/

/* Contenedor principal del itinerario */
.contenedor-colapsar {
  max-width: 800px;
  margin: 0px auto;
  padding: 0 0px;
  font-family: inherit;
}

/* Cada bloque colapsable (Caja individual) */
.bloque-colapsar {
  background-color: transparent; 
  border: 1px solid #B4A16B;
  border-radius: 8px; 
  margin-bottom: 10px;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* HOVER: Cuando pasas el mouse por encima de la caja */
.bloque-colapsar:hover {
  background-color: #F5F0E6; /* Fondo arena/beige sutil al hacer hover */
}

/* ESTADO ABIERTO: Mantiene el fondo relleno cuando se despliega */
.bloque-colapsar[open] {
  background-color: #F5F0E6;
  border-color: #B4A16B;
}

/* El encabezado (Botón de acción) */
.texto-colapsar {
  padding: 10px 10px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  font-size: 1.1rem;
  font-weight: 700;
  color: #B4A16B;
  cursor: pointer;
  list-style: none; 
  display: flex;
  justify-content: none;
  align-items: left !important;
  user-select: none;
  transition: color 0.3s ease;
}

/* Cambia el color de la letra al hacer hover o abrir para que no se pierda con el fondo claro */
.bloque-colapsar:hover .texto-colapsar,
.bloque-colapsar[open] .texto-colapsar {
  color: #57796F !important; 
}

/* Elimina la flecha nativa en navegadores Safari */
.texto-colapsar::-webkit-details-marker {
  display: none;
}

/* Indicador visual personalizado (+) */
.texto-colapsar::after {
  content: '+';
  font-size: 1.4rem;
  line-height: 1.5 !important; 
  color: #B4A16B; 
  transition: transform 0.3s ease, color 0.3s ease;
}

/* Si está en hover o abierto, adaptamos el color del '+' */
.bloque-colapsar:hover .texto-colapsar::after {
  color: #15241A;
}

/* Animación del indicador cuando el bloque se abre (gira a 'x') */
.bloque-colapsar[open] .texto-colapsar::after {
  transform: rotate(45deg);
  color: red;
}

/* El contenedor del texto interior desplegado / Respuesta */
.contenido-colapsar {
  padding: 0 15px 15px 15px;
  color: #15241A; 
  font-weight: 400;
  font-size: 0.8rem;
  line-height: 1.3 !important; 
  text-align: justify !important;
}

/* Espaciado de los párrafos internos */
.contenido-colapsar p {
  margin: 0 0 5px 0;
}

.contenido-colapsar p:last-child {
  margin-bottom: 0;
}


/*==FIN ITINERARIO==*/

/*==-------------------------------------------------------------FIN PAGINA PEYOTE RETREAT=================*/








/*------------------------------------==INICIA PAGINA FAQS=================*/

.contenedor-faqs {
  width: 100% !important;
  max-width: 1200px !important; /* Ancho de 1200px */
  margin: 1px auto !important;
  padding: 0 1px;
  font-family: inherit;
  box-sizing: border-box;
}

/* Caja del acordeón */
.bloque-faqs {
  background-color: transparent !important; /* Contenedor general transparente */
  border: 1px solid #B4A16B;
  border-radius: 8px; 
  margin-bottom: 20px;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* El encabezado / barra del título */
.texto-faqs {
  padding: 18px 24px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  font-family: 'Amaranth', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #B4A16B;
  cursor: pointer;
  list-style: none; 
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
  background-color: transparent; 
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Efecto Hover y Abierto: Solo se ilumina la barra del título */
.bloque-faqs:hover .texto-faqs,
.bloque-faqs[open] .texto-faqs {
  background-color: #F5F0E6 !important; /* Fondo iluminado color crema */
  color: #212D1D !important; /* Letra verde oscuro para contraste */
}

/* Oculta la flecha nativa en Safari */
.texto-faqs::-webkit-details-marker {
  display: none;
}

/* Indicador visual (+) */
.texto-faqs::after {
  content: '+';
  font-size: 1.5rem;
  line-height: 1 !important; 
  color: #B4A16B; 
  transition: transform 0.3s ease, color 0.3s ease;
}

/* Cambia el color del '+' cuando pasas el cursor o se abre */
.bloque-faqs:hover .texto-faqs::after,
.bloque-faqs[open] .texto-faqs::after {
  color: #212D1D !important;
}

/* Gira el '+' al abrirse el bloque */
.bloque-faqs[open] .texto-faqs::after {
  transform: rotate(45deg); 
  color: red !important;

}

/* Contenedor interior: se mantiene transparente al desplegarse */
.contenido-faqs {
  padding: 10px 10px;
  background-color: transparent !important; /* Fondo transparente */
  box-sizing: border-box;
}

/* --- Línea divisoria entre preguntas internas --- */
.linea-preguntas {
  border: 0;
  border-top: 3px solid #B4A16B; 
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  display: block;
}

/* --- Estilos para Preguntas y Respuestas --- */
.pregunta {
  font-family: 'Amaranth', sans-serif;
  color: #B4A16B; 
  font-weight: bold;
  font-size: 1.2em;
	  line-height: 1.2;
  margin-bottom: 3px;
	 text-align: left !important;
}

.respuesta {
  color: #F5F0E6; /* Blanco cálido unificado */
  margin-bottom: 0px;
  font-size: 1rem;
  line-height: 1.2;
  display: block;
  text-align: justify !important;
}

.respuesta:last-child {
  margin-bottom: 0;
}

/*-----------------------------==FIN PAGINA FAQS=================*/



}