/* --------------------------------------------------------------------------
   Yemla 2026 — compatibilidad con contenido antiguo de Elementor.
   Neutraliza fondos, colores y tipografías heredados para que el contenido
   existente adopte el nuevo lenguaje visual del tema.
   -------------------------------------------------------------------------- */

/* Contenedores de primer nivel: sin fondos ni banners heredados */
.y-prose > .elementor > .e-con,
.y-prose > .elementor > .elementor-section,
.y-prose > .elementor > .elementor-element{
	background-image:none!important;
	background-color:transparent!important;
	box-shadow:none!important;
	min-height:0!important;
}

/* Elementor 3 usa contenedores flex con variables CSS: neutralizamos
   los espaciados enormes heredados del diseño anterior. */
.y-prose .e-con,
.y-prose .e-con-inner,
.y-prose .elementor-element{
	--padding-top:0px!important;--padding-bottom:0px!important;
	--padding-left:0px!important;--padding-right:0px!important;
	--min-height:auto!important;
	--container-max-width:100%!important;
}
.y-prose .e-con{margin-bottom:1.5rem!important}
.y-prose .elementor-column,
.y-prose .elementor-widget-wrap{background-image:none!important;background-color:transparent!important;box-shadow:none!important}

/* Espaciados heredados demasiado grandes */
.y-prose .elementor-section{padding-top:0!important;padding-bottom:0!important;margin-bottom:1.4rem}
.y-prose .elementor-container{max-width:100%!important}
.y-prose .elementor-column-gap-default > .elementor-column > .elementor-element-populated{padding:0!important}
.y-prose .elementor-widget:not(:last-child){margin-bottom:1.2rem}
.y-prose .elementor-widget-container{padding:0!important;background:transparent!important;border:0!important}

/* Tipografía */
.y-prose .elementor-heading-title{
	font-family:var(--y-serif)!important;font-style:italic!important;font-weight:400!important;
	color:var(--y-cream)!important;line-height:1.15!important;letter-spacing:-.02em!important;
}
.y-prose h2.elementor-heading-title{font-size:clamp(1.7rem,3.4vw,2.4rem)!important}
.y-prose h3.elementor-heading-title{font-size:clamp(1.35rem,2.6vw,1.75rem)!important}
.y-prose h4.elementor-heading-title,
.y-prose h5.elementor-heading-title,
.y-prose h6.elementor-heading-title{font-size:1.2rem!important}
.y-prose .elementor-widget-text-editor,
.y-prose .elementor-widget-text-editor *:not(a):not(strong):not(b){
	color:var(--y-text-70)!important;font-family:var(--y-sans)!important;font-weight:300!important;
}
.y-prose .elementor-widget-text-editor{font-size:16px!important;line-height:1.85!important}
.y-prose .elementor a:not(.elementor-button){color:var(--y-gold-2)!important;text-decoration:none!important}
.y-prose .elementor a:not(.elementor-button):hover{color:var(--y-cream)!important}
.y-prose .elementor-widget-text-editor a{text-decoration:underline!important;text-underline-offset:3px}

/* Botones heredados */
.y-prose .elementor-button{
	background:var(--y-gold)!important;color:#0A1C23!important;border-radius:9999px!important;
	padding:12px 26px!important;font-family:var(--y-sans)!important;font-weight:600!important;
	font-size:14px!important;border:none!important;box-shadow:none!important;letter-spacing:0!important;
}
.y-prose .elementor-button:hover{background:var(--y-gold-2)!important;transform:translateY(-1px)}
.y-prose .elementor-button .elementor-button-content-wrapper{gap:8px}

/* Imágenes e iconos */
.y-prose .elementor-widget-image img{border-radius:var(--y-radius);display:block;margin:0 auto}
.y-prose .elementor-icon,
.y-prose .elementor-icon-box-icon i,
.y-prose .elementor-icon-list-icon i,
.y-prose .elementor-icon-list-icon svg{color:var(--y-gold)!important;fill:var(--y-gold)!important;background:transparent!important;border:0!important}
.y-prose .elementor-icon-box-wrapper{text-align:left}
.y-prose .elementor-icon-box-title,
.y-prose .elementor-image-box-title{
	font-family:var(--y-serif)!important;font-style:italic!important;color:var(--y-cream)!important;font-size:1.35rem!important;margin-bottom:.5rem!important;
}
.y-prose .elementor-icon-box-description,
.y-prose .elementor-image-box-description{color:var(--y-text-55)!important;font-size:14px!important;line-height:1.75!important}

/* Listas de iconos */
.y-prose .elementor-icon-list-items{list-style:none;padding-left:0;margin:0 0 1.4em}
.y-prose .elementor-icon-list-item{display:flex;gap:10px;align-items:flex-start;margin-bottom:.6em;color:var(--y-text-70)!important}
.y-prose .elementor-icon-list-text{color:var(--y-text-70)!important}

/* Tarjetas / cajas que tenían fondo propio: les damos el glass del tema */
.y-prose .elementor-widget-icon-box .elementor-icon-box-wrapper,
.y-prose .elementor-widget-image-box .elementor-image-box-wrapper{
	background:rgba(238,232,215,.035);border:1px solid var(--y-line);border-radius:var(--y-radius);padding:24px;
}

/* Contadores, progress, testimonios */
.y-prose .elementor-counter .elementor-counter-number-wrapper{
	font-family:var(--y-serif)!important;font-style:italic!important;color:var(--y-cream)!important;
}
.y-prose .elementor-testimonial-content,
.y-prose .elementor-testimonial-name,
.y-prose .elementor-testimonial-job{color:var(--y-text-70)!important}

/* Divisores y separadores */
.y-prose .elementor-divider-separator{border-color:var(--y-line)!important}

/* Formularios (Ninja Forms / WPForms / Elementor) */
.y-prose .nf-form-cont,
.y-prose .wpforms-container{
	background:rgba(238,232,215,.035);border:1px solid var(--y-line);border-radius:20px;padding:26px;margin-top:1.6rem;
}
.y-prose input[type=text],
.y-prose input[type=email],
.y-prose input[type=tel],
.y-prose input[type=url],
.y-prose input[type=number],
.y-prose input[type=date],
.y-prose select,
.y-prose textarea{
	width:100%;background:rgba(238,232,215,.05)!important;border:1px solid var(--y-line)!important;
	border-radius:12px!important;padding:12px 16px!important;color:var(--y-cream)!important;
	font-family:var(--y-sans)!important;font-size:14px!important;box-shadow:none!important;
}
.y-prose textarea{min-height:130px}
.y-prose input::placeholder,.y-prose textarea::placeholder{color:var(--y-text-38)!important}
.y-prose input:focus,.y-prose select:focus,.y-prose textarea:focus{outline:none;border-color:var(--y-gold)!important}
.y-prose label,.y-prose .nf-field-label label{color:var(--y-text-70)!important;font-weight:400!important;font-size:13.5px!important}
.y-prose input[type=submit],
.y-prose button[type=submit],
.y-prose .nf-form-content input[type=button]{
	background:var(--y-gold)!important;color:#0A1C23!important;border:none!important;border-radius:9999px!important;
	padding:13px 30px!important;font-family:var(--y-sans)!important;font-weight:600!important;font-size:14px!important;
	cursor:pointer;width:auto!important;
}
.y-prose .nf-error-msg{color:#ff9a8a!important}

/* Mapas embebidos */
.y-prose iframe[src*="google.com/maps"]{width:100%;min-height:340px;border-radius:var(--y-radius);filter:grayscale(.35) contrast(1.05)}

/* Elementos que no aportan nada en el nuevo diseño */
.y-prose .elementor-background-overlay,
.y-prose .elementor-shape,
.y-prose .elementor-background-video-container{display:none!important}

/* H1 duplicados degradados por JS */
.y-prose .y-demoted{font-size:clamp(1.7rem,3.4vw,2.4rem)!important}

/* Modo "strip": sin CSS de Elementor, aseguramos legibilidad */
.yemla-elementor-strip .y-prose .elementor-column{width:100%!important;display:block}
.yemla-elementor-strip .y-prose .elementor-widget{margin-bottom:1.1rem}


/* Cualquier titular heredado adopta la tipografía y el color del tema */
.y-prose .elementor h1,
.y-prose .elementor h2,
.y-prose .elementor h3,
.y-prose .elementor h4,
.y-prose .elementor h5,
.y-prose .elementor h6,
.y-prose .elementor-divider__text{
	color:var(--y-cream)!important;
	font-family:var(--y-serif)!important;font-style:italic!important;font-weight:400!important;
}
.y-prose .elementor p,
.y-prose .elementor li,
.y-prose .elementor div:not([class*="icon"]){color:inherit}

/* Entradillas: párrafos que el contenido antiguo marcó como titular */
.y-prose .y-longhead,
.y-prose .elementor h1.y-longhead,
.y-prose .elementor h2.y-longhead,
.y-prose .elementor h3.y-longhead,
.y-prose .elementor .elementor-heading-title.y-longhead{
	font-family:var(--y-sans)!important;font-style:normal!important;font-weight:300!important;
	font-size:clamp(1.02rem,1.7vw,1.18rem)!important;line-height:1.7!important;
	color:var(--y-text-70)!important;letter-spacing:0!important;margin:1.2em 0 1em!important;
}

/* Espaciadores heredados: los dejamos en un valor razonable */
.y-prose .elementor-spacer-inner{height:18px!important;--spacer-size:18px!important}
.y-prose .elementor-widget-spacer{margin:0!important}

/* Divisores con texto: en el contenido antiguo hacían de antetítulo.
   Los convertimos en el «badge» del nuevo diseño y evitamos solapes. */
.y-prose .elementor-widget-divider{margin:2.4rem 0 1rem!important;overflow:visible}
.y-prose .elementor-divider{display:flex!important;align-items:center;justify-content:center;gap:12px;min-height:26px}
.y-prose .elementor-divider-separator{display:flex!important;align-items:center;width:100%;gap:12px}
.y-prose .elementor-divider__text{
	font-family:var(--y-sans)!important;font-style:normal!important;font-weight:600!important;
	font-size:12px!important;line-height:1.4!important;letter-spacing:.18em!important;
	text-transform:uppercase!important;color:var(--y-gold-2)!important;
	white-space:nowrap;padding:0 4px!important;margin:0!important;
}