.elementor-kit-319{--e-global-color-primary:#241608;--e-global-color-secondary:#C5A367;--e-global-color-text:#4A3A2A;--e-global-color-accent:#7D5F31;--e-global-color-345934a:#FAF6F0;--e-global-color-48bdd5e:#F2EADE;--e-global-color-36f9628:#DEC7B3;--e-global-color-3e88dd5:#FFFFFF;--e-global-color-d23a9d5:#E4D6C5;--e-global-color-b8a7968:#82705E;--e-global-color-82456f0:#5C4938;--e-global-color-4b6ffb6:#33210F;--e-global-color-1672477:#E3CDA0;--e-global-typography-primary-font-family:"Chillax";--e-global-typography-primary-font-size:56px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.04em;--e-global-typography-primary-letter-spacing:-0.03em;--e-global-typography-secondary-font-family:"Chillax";--e-global-typography-secondary-font-size:14px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"Chillax";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Chillax";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.2em;--e-global-typography-e1d0a01-font-family:"Chillax";--e-global-typography-e1d0a01-font-size:76px;--e-global-typography-e1d0a01-font-weight:600;--e-global-typography-e1d0a01-line-height:1em;--e-global-typography-e1d0a01-letter-spacing:-0.03em;--e-global-typography-7221145-font-family:"Chillax";--e-global-typography-7221145-font-size:64px;--e-global-typography-7221145-font-weight:600;--e-global-typography-7221145-line-height:1.02em;--e-global-typography-7221145-letter-spacing:-0.03em;--e-global-typography-c9c192d-font-family:"Chillax";--e-global-typography-c9c192d-font-size:56px;--e-global-typography-c9c192d-font-weight:600;--e-global-typography-c9c192d-line-height:1.04em;--e-global-typography-c9c192d-letter-spacing:-0.03em;--e-global-typography-1111be8-font-family:"Chillax";--e-global-typography-1111be8-font-size:24px;--e-global-typography-1111be8-font-weight:600;--e-global-typography-1111be8-line-height:1.2em;--e-global-typography-1111be8-letter-spacing:-0.01em;--e-global-typography-7044a64-font-family:"Chillax";--e-global-typography-7044a64-font-size:24px;--e-global-typography-7044a64-font-weight:600;--e-global-typography-7044a64-line-height:1.2em;--e-global-typography-7044a64-letter-spacing:-0.01em;--e-global-typography-q0a7e11-font-family:"Chillax";--e-global-typography-q0a7e11-font-size:36px;--e-global-typography-q0a7e11-font-weight:500;--e-global-typography-q0a7e11-line-height:1.22em;--e-global-typography-q0a7e11-letter-spacing:-0.015em;--e-global-typography-f68bc89-font-family:"Chillax";--e-global-typography-f68bc89-font-size:24px;--e-global-typography-f68bc89-font-weight:400;--e-global-typography-f68bc89-line-height:1.4em;--e-global-typography-23a0489-font-family:"Chillax";--e-global-typography-23a0489-font-size:14px;--e-global-typography-23a0489-font-weight:400;--e-global-typography-23a0489-line-height:1.5em;--e-global-typography-de41e96-font-family:"Chillax";--e-global-typography-de41e96-font-size:18px;--e-global-typography-de41e96-font-weight:500;--e-global-typography-de41e96-line-height:1.4em;--e-global-typography-dc72d78-font-family:"Chillax";--e-global-typography-dc72d78-font-size:56px;--e-global-typography-dc72d78-font-weight:500;--e-global-typography-dc72d78-line-height:1em;background-color:#FAF6F0;color:#4A3A2A;font-family:"Chillax", Sans-serif;font-size:18px;font-weight:400;line-height:1.5em;}.elementor-kit-319 button,.elementor-kit-319 input[type="button"],.elementor-kit-319 input[type="submit"],.elementor-kit-319 .elementor-button{background-color:#7D5F31;font-family:"Chillax", Sans-serif;font-size:16px;font-weight:500;text-transform:none;line-height:28px;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#26ABA300;border-radius:999px 999px 999px 999px;padding:16px 32px 16px 32px;}.elementor-kit-319 button:hover,.elementor-kit-319 button:focus,.elementor-kit-319 input[type="button"]:hover,.elementor-kit-319 input[type="button"]:focus,.elementor-kit-319 input[type="submit"]:hover,.elementor-kit-319 input[type="submit"]:focus,.elementor-kit-319 .elementor-button:hover,.elementor-kit-319 .elementor-button:focus{background-color:#241608;color:#FFFFFF;}.elementor-kit-319 e-page-transition{background-color:#FFBC7D;}.elementor-kit-319 a{color:#7D5F31;}.elementor-kit-319 a:hover{color:#241608;}.elementor-kit-319 h1{color:#241608;font-family:"Chillax", Sans-serif;font-size:64px;font-weight:600;text-transform:none;line-height:1.2em;letter-spacing:-0.02em;}.elementor-kit-319 h2{color:#241608;font-family:"Chillax", Sans-serif;font-size:56px;font-weight:600;text-transform:none;line-height:1.2em;letter-spacing:-0.02em;}.elementor-kit-319 h3{color:#241608;font-family:"Chillax", Sans-serif;font-size:24px;font-weight:600;text-transform:none;line-height:1.2em;letter-spacing:-0.02em;}.elementor-kit-319 h4{color:#241608;font-family:"Chillax", Sans-serif;font-size:24px;font-weight:600;text-transform:none;line-height:1.2em;letter-spacing:-0.02em;}.elementor-kit-319 h5{color:#241608;font-family:"Chillax", Sans-serif;font-size:18px;font-weight:600;text-transform:none;line-height:1.2em;letter-spacing:-0.02em;}.elementor-kit-319 h6{color:#241608;font-family:"Chillax", Sans-serif;font-size:18px;font-weight:600;text-transform:none;line-height:1.2em;letter-spacing:-0.02em;}.elementor-kit-319 label{color:#241608;font-family:"Chillax", Sans-serif;font-size:14px;font-weight:700;line-height:18px;}.elementor-kit-319 input:not([type="button"]):not([type="submit"]),.elementor-kit-319 textarea,.elementor-kit-319 .elementor-field-textual{font-family:"Chillax", Sans-serif;font-size:18px;font-weight:400;line-height:28px;color:#241608;background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#82705E;border-radius:14px 14px 14px 14px;padding:14px 20px 14px 30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-319{--e-global-typography-primary-font-size:44px;--e-global-typography-secondary-font-size:14px;--e-global-typography-text-font-size:18px;--e-global-typography-accent-font-size:18px;--e-global-typography-e1d0a01-font-size:60px;--e-global-typography-7221145-font-size:48px;--e-global-typography-c9c192d-font-size:44px;--e-global-typography-1111be8-font-size:24px;--e-global-typography-7044a64-font-size:22px;--e-global-typography-q0a7e11-font-size:30px;--e-global-typography-f68bc89-font-size:22px;--e-global-typography-23a0489-font-size:14px;--e-global-typography-de41e96-font-size:18px;--e-global-typography-dc72d78-font-size:48px;}.elementor-kit-319 h1{font-size:48px;}.elementor-kit-319 h2{font-size:44px;}.elementor-kit-319 h3{font-size:24px;}.elementor-kit-319 h4{font-size:22px;}.elementor-kit-319 h5{font-size:18px;}.elementor-kit-319 h6{font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-319{--e-global-typography-primary-font-size:34px;--e-global-typography-secondary-font-size:14px;--e-global-typography-text-font-size:17px;--e-global-typography-accent-font-size:18px;--e-global-typography-e1d0a01-font-size:42px;--e-global-typography-7221145-font-size:38px;--e-global-typography-c9c192d-font-size:34px;--e-global-typography-1111be8-font-size:22px;--e-global-typography-7044a64-font-size:20px;--e-global-typography-q0a7e11-font-size:22px;--e-global-typography-f68bc89-font-size:20px;--e-global-typography-23a0489-font-size:14px;--e-global-typography-de41e96-font-size:18px;--e-global-typography-dc72d78-font-size:40px;}.elementor-kit-319 h1{font-size:38px;}.elementor-kit-319 h2{font-size:34px;}.elementor-kit-319 h3{font-size:22px;}.elementor-kit-319 h4{font-size:20px;}.elementor-kit-319 h5{font-size:17px;}.elementor-kit-319 h6{font-size:17px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== OPAL · CSS del Kit =====
   Solo lo que Elementor no expone como control. Sin !important. */

html, body { overflow-x: clip; }
/* Margen para anclas bajo la cabecera fija (sin scroll-behavior: choca con la animación de anclas de Elementor) */
html { scroll-padding-top: 110px; }

/* Foco visible (WCAG 2.4.7): no hay control global de foco en Elementor */
body a:focus-visible,
body button:focus-visible,
body input:focus-visible,
body select:focus-visible,
body textarea:focus-visible,
body [tabindex]:focus-visible,
body .elementor-button:focus-visible {
  outline: 3px solid #7D5F31;
  outline-offset: 3px;
  border-radius: 4px;
}
/* Variante para fondos oscuros (cabecera móvil, pie, bandas moka): clase opal-oscuro en el contenedor */
body .opal-oscuro a:focus-visible,
body .opal-oscuro button:focus-visible,
body .opal-oscuro .elementor-button:focus-visible { outline-color: #E3CDA0; }

/* Enlace «Ir al contenido» de Hello: su CSS de foco no se carga con las plantillas de Elementor */
body .skip-link.screen-reader-text:focus {
  clip: auto; clip-path: none; width: auto; height: auto;
  position: fixed; top: 14px; left: 14px; z-index: 100000;
  padding: 12px 22px; background: #241608; color: #FAF6F0;
  font-family: "Jost", sans-serif; font-size: 16px; border-radius: 40px; text-decoration: none;
}

/* Enlaces dentro de un texto: subrayados (WCAG 1.4.1), el widget no tiene control de subrayado */
body .elementor-widget-text-editor a,
body .elementor-field-type-acceptance a { text-decoration: underline; text-underline-offset: 3px; }
/* Listas de iconos: subrayado solo al pasar o enfocar (5.2) */
body .elementor-icon-list-item a:hover .elementor-icon-list-text,
body .elementor-icon-list-item a:focus-visible .elementor-icon-list-text { text-decoration: underline; text-underline-offset: 3px; }

/* Casilla de privacidad a 24 × 24 px (WCAG 2.5.8): el Formulario no tiene ese control */
body .elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option { display: flex; align-items: flex-start; gap: 10px; }
body .elementor-field-type-acceptance input[type="checkbox"] { width: 24px; height: 24px; min-width: 24px; margin: 0; accent-color: #7D5F31; }

/* Marcador de posición legible (4,5:1): el Formulario no tiene control de color del placeholder */
body .elementor-field-textual::placeholder { color: #6B5847; opacity: 1; }

/* Tarjeta de imagen recortada al radio del contenedor: Image Box no tiene relleno del contenido */
body .opal-card-recorte .elementor-image-box-content { padding: 0 6px 6px; }

/* Índice de terapias en píldoras: Icon List no tiene fondo, borde ni relleno por ítem */
body .opal-pildoras .elementor-icon-list-items { row-gap: 10px; }
body .opal-pildoras .elementor-icon-list-item { border: 1px solid #DEC7B3; border-radius: 40px; padding: 7px 16px; background-color: #FFFFFF; }
body .opal-pildoras .elementor-icon-list-item a { min-height: 24px; }

/* Botón de Joinchat en color de acción: el verde de WhatsApp da menos de 3:1 sobre el marfil (WCAG 1.4.11)
   y Joinchat 6.4 no tiene control de color para el botón, solo para la ventana del chat */
body .joinchat .joinchat__button { background-color: #7D5F31; }

/* Tabla de cookies dentro de un widget de texto (el editor no tiene estilos de tabla) */
body .opal-legal .elementor-widget-text-editor table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.5; background-color: #FFFFFF; }
body .opal-legal .elementor-widget-text-editor th,
body .opal-legal .elementor-widget-text-editor td { padding: 12px 14px; border: 1px solid #E4D6C5; text-align: left; vertical-align: top; }
body .opal-legal .elementor-widget-text-editor th { background-color: #F2EADE; color: #241608; font-weight: 600; }
@media (max-width: 767px) {
  body .opal-legal .elementor-widget-text-editor table { font-size: 13px; }
  body .opal-legal .elementor-widget-text-editor th,
  body .opal-legal .elementor-widget-text-editor td { padding: 8px; word-break: break-word; hyphens: auto; }
}

/* Movimiento reducido: Elementor no lo respeta por sí solo */
@media (prefers-reduced-motion: reduce) {
  body .elementor-invisible { visibility: visible; animation: none; }
  body .animated { animation: none; }
}/* ===== Motivo circular (dirección one-motif) ===== */
/* Miniaturas circulares dentro de una frase: el editor de texto no tiene control para imágenes en línea */
body .opal-frase img { display: inline-block; width: 1.3em; height: 0.86em; margin: 0 0.12em; object-fit: cover; border-radius: 0; vertical-align: -0.1em; }
@media (max-width: 767px) { body .opal-frase img { width: 1.1em; height: 0.8em; } }

/* Cupón con muescas semicirculares: Elementor no tiene control de máscara/clip-path */
body .opal-cupon {
  -webkit-mask: radial-gradient(circle 16px at 46% 0, transparent 97%, #000 100%) top / 100% 51% no-repeat,
                radial-gradient(circle 16px at 46% 100%, transparent 97%, #000 100%) bottom / 100% 51% no-repeat;
          mask: radial-gradient(circle 16px at 46% 0, transparent 97%, #000 100%) top / 100% 51% no-repeat,
                radial-gradient(circle 16px at 46% 100%, transparent 97%, #000 100%) bottom / 100% 51% no-repeat;
}
body .opal-cupon .opal-perforado { border-left: 5px dotted #FAF6F0; align-self: stretch; }
@media (max-width: 1024px) {
  body .opal-cupon { -webkit-mask: none; mask: none; }
  body .opal-cupon .opal-perforado { border-left: 0; border-top: 5px dotted #FAF6F0; }
}

/* Enlace de la casilla de privacidad sobre el cupón (color de acción): el Formulario no tiene control de color de enlaces */
body .opal-cupon .elementor-field-type-acceptance a { color: #FFFFFF; }
body .opal-cupon .elementor-field-type-acceptance label { color: #FFFFFF; }

/* Selector de idioma en la cabecera (GTranslate «lang_codes»): el plugin no tiene control de color ni de área táctil */
body .opal-idioma a.glink { color: #241608; font-family: "Chillax", sans-serif; font-size: 16px; font-weight: 500; text-decoration: none; display: inline-flex; align-items: center; min-height: 44px; padding: 0 6px; }
body .opal-idioma a.glink.gt-current-lang { color: #7D5F31; text-decoration: underline; text-underline-offset: 4px; }
body .opal-idioma a.glink:hover { color: #7D5F31; }

/* Índice de terapias: píldoras rellenas, sin borde (regla «sin líneas finas») */
body .opal-pildoras .elementor-icon-list-item { border: 0; background-color: #F2EADE; padding: 10px 18px; }

/* Fotos de la carta de terapias a 140 px y cuadradas (la Lista de precios no tiene control de ancho de imagen) */
body .elementor-price-list-image { max-width: 140px; width: 140px; flex-shrink: 0; }
body .elementor-price-list-image img { width: 140px; height: 140px; object-fit: cover; }
@media (max-width: 767px) { body .elementor-price-list-image, body .elementor-price-list-image img { width: 96px; max-width: 96px; height: 96px; } }

/* Tarjetas de terapias: relleno del texto bajo la foto (Image Box no tiene control de relleno del contenido) */
body .opal-card-recorte .elementor-image-box-content { padding: 0 24px 28px; }
@media (max-width: 767px) { body .opal-card-recorte .elementor-image-box-content { padding: 0 14px 18px; } body .opal-card-recorte .elementor-image-box-title { font-size: 18px; } body .opal-card-recorte .elementor-image-box-description { font-size: 15px; line-height: 1.45; } }

/* Tarjetas de terapias (Llamada a la acción «cover»): el widget anima todo el contenido a la vez y no permite revelar solo la descripción.
   Velo neutro bajo el nombre (la excepción permitida para texto sobre foto) y descripción que aparece en :hover y :focus-within. */
body .opal-cta-reveal .elementor-cta__bg-wrapper::after { content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none;
  background-image: linear-gradient(to top, rgba(36,22,8,0.88) 0%, rgba(36,22,8,0.55) 30%, rgba(36,22,8,0) 62%); }
body .opal-cta-reveal .elementor-cta__description { max-height: 0; opacity: 0; overflow: hidden; transition: max-height 0.45s ease, opacity 0.35s ease, margin 0.45s ease; }
body .opal-cta-reveal .elementor-cta:hover .elementor-cta__description,
body .opal-cta-reveal:focus-within .elementor-cta__description { max-height: 12em; opacity: 1; margin-top: 6px; }
body .opal-cta-reveal:focus-within .elementor-cta { outline: 3px solid #7D5F31; outline-offset: 3px; }
/* Pantallas táctiles (sin hover): solo el nombre, legible sobre el velo; la tarjeta enlaza a la explicación completa en /terapias/ */
@media (max-width: 767px) { body .opal-cta-reveal .elementor-cta__bg-wrapper::after { background-image: linear-gradient(to top, rgba(36,22,8,0.9) 0%, rgba(36,22,8,0.62) 45%, rgba(36,22,8,0) 80%); } }
@media (prefers-reduced-motion: reduce) { body .opal-cta-reveal .elementor-cta__description { transition: none; } }

/* Selector «¿Qué te trae hoy?»: los títulos de las pestañas como lista grande, sin caja */
body .opal-.elementor-kit-319 .e-n-tab-title { justify-content: flex-start; text-align: left; }
body .opal-.elementor-kit-319 .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text { text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 8px; text-decoration-color: #C5A367; }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Chillax';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://opaltutransformacion.es/wp-content/uploads/2026/10/Chillax-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Chillax';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('https://opaltutransformacion.es/wp-content/uploads/2026/10/Chillax-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Chillax';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('https://opaltutransformacion.es/wp-content/uploads/2026/10/Chillax-Semibold.woff2') format('woff2');
}
/* End Custom Fonts CSS */