.elementor-kit-7{--e-global-color-primary:#ABD8CF;--e-global-color-secondary:#3F2D22;--e-global-color-text:#2E2E2E;--e-global-color-accent:#9DA45C;--e-global-color-5542bd9:#FBD564;--e-global-color-7bb6c45:#FBF4D1;--e-global-color-251835f:#D6C1E3;--e-global-color-c15dee5:#E6DFF1;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Lora";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Playfair Display";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-font-style:italic;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-5542bd9 );font-family:"Inter", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-primary );border-style:none;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:30px;--container-default-padding-bottom:0px;--container-default-padding-left:30px;}.elementor-widget:not(:last-child){--kit-widget-spacing: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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --crema:#f9f4d1; --verde:#9ca35b05; --rosa_palido_fondos:#f2e8ec; --fondo_crema:#F5F0E8; --fondo_crema2:#fef9ee; --celeste:#abd9d080; --cel:#abd9d0; --blanco:#ffffff; --verde100:#9ca35b; --DUP_celeste:#abd9d080; --DUP_fondo_crema2:#fef9ee; --DUP_celeste1:#abd9d080; --DUP_verde:#9ca35b40; --DUP_cel:#abd9d0; --DUP_blanco:#ffffff; --DUP_verde100:#9ca35b; --DUP_rosa_palido_fondos:#f2e8ec; --DUP_fondo_crema21:#fef9ee; --DUP_celeste2:#abd9d080; --DUP_verde1:#9ca35b40; --DUP_cel1:#abd9d0; --DUP_blanco1:#ffffff; --DUP_verde1001:#9ca35b; --DUP_rosa_palido_fondos1:#f2e8ec; --DUP_fondo_crema211:#fef9ee; --DUP_celeste21:#abd9d080; --DUP_verde11:#9ca35b40; --DUP_cel11:#abd9d0; --DUP_blanco11:#ffffff; --DUP_verde10011:#9ca35b; --DUP_rosa_palido_fondos11:#f2e8ec; --DUP_fondo_crema22:#fef9ee; --DUP_rosa_palido_fondos2:#f2e8ec; --DUP_celeste3:#abd9d080; --DUP_cel2:#abd9d0; --DUP_verde1002:#9ca35b; --DUP_fondo_crema23:#fef9ee; --DUP_rosa_palido_fondos3:#f2e8ec; --DUP_celeste4:#abd9d080; --DUP_cel3:#abd9d0; --DUP_verde1003:#9ca35b; --DUP_fondo_crema231:#fef9ee; --DUP_rosa_palido_fondos31:#f2e8ec; --DUP_celeste41:#abd9d080; --DUP_cel31:#abd9d0; --DUP_verde10031:#9ca35b; --DUP_fondo_crema232:#fef9ee; --DUP_rosa_palido_fondos32:#f2e8ec; --DUP_celeste42:#abd9d080; --DUP_cel32:#abd9d0; --DUP_verde10032:#9ca35b; --DUP_fondo_crema24:#fef9ee; --DUP_rosa_palido_fondos4:#f2e8ec; --DUP_celeste5:#abd9d080; --DUP_cel4:#abd9d0; --DUP_verde1004:#9ca35b; --DUP_fondo_crema25:#fef9ee; --DUP_rosa_palido_fondos5:#f2e8ec; --DUP_celeste6:#abd9d080; --DUP_cel5:#abd9d0; --DUP_verde1005:#9ca35b; --DUP_fondo_crema26:#fef9ee; --DUP_rosa_palido_fondos6:#f2e8ec; --DUP_verde2:#9ca35b40; --DUP_cel6:#abd9d0; --DUP_blanco2:#ffffff; --DUP_celeste7:#abd9d080; --DUP_verde1006:#9ca35b; --DUP_verde3:#9ca35b05; --DUP_fondo_crema:#F5F0E8; --DUP_rosa_palido_fondos7:#f2e8ec; --DUP_fondo_crema27:#fef9ee; --DUP_cel7:#abd9d0; --DUP_celeste8:#abd9d080; --DUP_fondo_crema221:#fef9ee; --DUP_verde4:#9ca35b05; --DUP_fondo_crema1:#F5F0E8; --DUP_rosa_palido_fondos8:#f2e8ec; --DUP_fondo_crema28:#fef9ee; --DUP_cel8:#abd9d0; --DUP_celeste9:#abd9d080; --DUP_fondo_crema222:#fef9ee; --DUP_verde5:#9ca35b05; --DUP_fondo_crema3:#F5F0E8; --DUP_rosa_palido_fondos9:#f2e8ec; --DUP_fondo_crema29:#fef9ee; --DUP_cel9:#abd9d0; --DUP_celeste10:#abd9d080; --DUP_fondo_crema223:#fef9ee; --DUP_verde6:#9ca35b05; --DUP_fondo_crema2111:#fef9ee; --DUP_celeste211:#abd9d080; --DUP_verde111:#9ca35b40; --DUP_cel111:#abd9d0; --DUP_blanco111:#ffffff; --DUP_verde1007:#9ca35b; --DUP_rosa_palido_fondos111:#f2e8ec; --DUP_fondo_crema2311:#fef9ee; --DUP_fondo_crema224:#fef9ee; --DUP_verde61:#9ca35b05; --DUP_fondo_crema21111:#fef9ee; --DUP_celeste2111:#abd9d080; --DUP_verde1111:#9ca35b40; --DUP_cel1111:#abd9d0; --DUP_blanco1111:#ffffff; --DUP_verde10071:#9ca35b; --DUP_rosa_palido_fondos1111:#f2e8ec; --DUP_fondo_crema23111:#fef9ee; --DUP_fondo_crema2241:#fef9ee; --DUP_verde7:#9ca35b05; --DUP_fondo_crema2112:#fef9ee; --DUP_celeste212:#abd9d080; --DUP_verde112:#9ca35b40; --DUP_cel112:#abd9d0; --DUP_blanco112:#ffffff; --DUP_verde1008:#9ca35b; --DUP_rosa_palido_fondos112:#f2e8ec; --DUP_fondo_crema2312:#fef9ee; --DUP_fondo_crema225:#fef9ee; --DUP_verde71:#9ca35b05; --DUP_fondo_crema21121:#fef9ee; --DUP_celeste2121:#abd9d080; --DUP_verde1121:#9ca35b40; --DUP_cel1121:#abd9d0; --DUP_blanco1121:#ffffff; --DUP_verde10081:#9ca35b; --DUP_rosa_palido_fondos1121:#f2e8ec; --DUP_fondo_crema23121:#fef9ee; --DUP_fondo_crema2251:#fef9ee; --DUP_fondo_crema212:#fef9ee; --DUP_celeste22:#abd9d080; --DUP_verde12:#9ca35b40; --DUP_cel12:#abd9d0; --DUP_blanco12:#ffffff; --DUP_verde10012:#9ca35b; --DUP_rosa_palido_fondos12:#f2e8ec; --DUP_fondo_crema2121:#fef9ee; --DUP_celeste221:#abd9d080; --DUP_verde121:#9ca35b40; --DUP_cel121:#abd9d0; --DUP_blanco121:#ffffff; --DUP_verde100121:#9ca35b; --DUP_rosa_palido_fondos121:#f2e8ec; --DUP_fondo_crema226:#fef9ee; --DUP_fondo_crema2252:#fef9ee; --DUP_fondo_crema2242:#fef9ee; --DUP_fondo_crema21211:#fef9ee; --DUP_celeste2211:#abd9d080; --DUP_verde1211:#9ca35b40; --DUP_cel1211:#abd9d0; --DUP_blanco1211:#ffffff; --DUP_verde1001211:#9ca35b; --DUP_rosa_palido_fondos1211:#f2e8ec; --DUP_fondo_crema2261:#fef9ee; --DUP_fondo_crema22521:#fef9ee; --DUP_fondo_crema22421:#fef9ee; --DUP_fondo_crema21212:#fef9ee; --DUP_celeste2212:#abd9d080; --DUP_verde1212:#9ca35b40; --DUP_cel1212:#abd9d0; --DUP_blanco1212:#ffffff; --DUP_verde1001212:#9ca35b; --DUP_rosa_palido_fondos1212:#f2e8ec; --DUP_fondo_crema2262:#fef9ee; --DUP_fondo_crema22522:#fef9ee; --DUP_fondo_crema22422:#fef9ee; }
/* Start custom CSS *//* ============================================================
   ETHERIA — BLOBS ORGÁNICOS ANIMADOS · HERO PRINCIPAL
   Instrucciones al final del archivo
   ============================================================ 

/* Evita desbordamiento de los blobs fuera de la sección */
.etheria-hero {
  overflow: hidden !important;
}

/* BLOB 1 — Grande, mint, fondo derecha superior */
.etheria-hero::before {
  content: '';
  position: absolute;
  width: 520px;
  height: 520px;
  background: #abd9d0;
  opacity: 0.28;
  top: -110px;
  right: -90px;
  border-radius: 60% 40% 70% 30% / 50% 60% 40% 70%;
  animation: etheriaBlob1 9s ease-in-out infinite;
  z-index: 0;
  pointer-events: none;
}

/* BLOB 2 — Mediano, lavanda/rosa, zona central */
.etheria-hero::after {
  content: '';
  position: absolute;
  width: 340px;
  height: 340px;
  background: #f2e8ec;
  opacity: 0.55;
  top: 100px;
  right: 220px;
  border-radius: 50% 50% 60% 40% / 40% 60% 50% 50%;
  animation: etheriaBlob2 12s ease-in-out infinite;
  z-index: 0;
  pointer-events: none;
}

/* BLOB 3 — Pequeño, olive, esquina inferior derecha
   (se añade a la columna de la foto con la clase etheria-blob-extra) */
.etheria-blob-extra {
  position: relative;
}
.etheria-blob-extra::before {
  content: '';
  position: absolute;
  width: 220px;
  height: 220px;
  background: #9ca35b;
  opacity: 0.12;
  bottom: 10px;
  right: 30px;
  border-radius: 55% 45% 60% 40% / 45% 55% 45% 55%;
  animation: etheriaBlob3 15s ease-in-out infinite;
  z-index: 0;
  pointer-events: none;
}

/* Asegura que el contenido aparece SOBRE los blobs */
.etheria-hero .elementor-widget-wrap {
  position: relative;
  z-index: 1;
}

/* ============================================================
   ANIMACIONES
   ============================================================ */

@keyframes etheriaBlob1 {
  0%, 100% {
    border-radius: 60% 40% 70% 30% / 50% 60% 40% 70%;
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    border-radius: 30% 70% 50% 50% / 60% 40% 70% 30%;
    transform: translate(-15px, 12px) rotate(4deg);
  }
  50% {
    border-radius: 50% 50% 30% 70% / 40% 70% 30% 60%;
    transform: translate(8px, -18px) rotate(-3deg);
  }
  75% {
    border-radius: 70% 30% 60% 40% / 70% 30% 60% 40%;
    transform: translate(-6px, 6px) rotate(7deg);
  }
}

@keyframes etheriaBlob2 {
  0%, 100% {
    border-radius: 50% 50% 60% 40% / 40% 60% 50% 50%;
    transform: translate(0, 0);
  }
  33% {
    border-radius: 70% 30% 40% 60% / 60% 40% 70% 30%;
    transform: translate(10px, -12px);
  }
  66% {
    border-radius: 40% 60% 70% 30% / 30% 70% 40% 60%;
    transform: translate(-10px, 10px);
  }
}

@keyframes etheriaBlob3 {
  0%, 100% {
    border-radius: 55% 45% 60% 40% / 45% 55% 45% 55%;
    transform: scale(1) rotate(0deg);
  }
  50% {
    border-radius: 40% 60% 45% 55% / 60% 40% 60% 40%;
    transform: scale(1.12) rotate(10deg);
  }
}

/* ============================================================
   RESPONSIVE — MOBILE
   ============================================================ */

@media (max-width: 767px) {
  .etheria-hero::before {
    width: 280px;
    height: 280px;
    top: -60px;
    right: -40px;
    opacity: 0.22;
  }
  .etheria-hero::after {
    width: 190px;
    height: 190px;
    right: 50px;
    top: 60px;
    opacity: 0.4;
  }
  .etheria-blob-extra::before {
    display: none;
  }
}

/* ============================================================
   INSTRUCCIONES DE USO
   ============================================================

   PASO 1 — Añadir el CSS al sitio:
   Elementor → Configuración del sitio → CSS personalizado
   → Pegar todo este archivo (sin las líneas de instrucciones si quieres)

   PASO 2 — Sección hero:
   En Elementor, clic en la SECCIÓN hero → pestaña Avanzado
   → Campo "Clases CSS" → escribir:  etheria-hero

   PASO 3 — Columna de la foto:
   Clic en la COLUMNA donde está la foto de Azu → pestaña Avanzado
   → Campo "Clases CSS" → escribir:  etheria-blob-extra

   ¡Listo! Los tres blobs aparecen y se animan automáticamente.

   AJUSTE OPCIONAL:
   Si la imagen queda detrás de los blobs, selecciona el widget
   de imagen → Avanzado → CSS personalizado → añadir:
     .elementor-kit-7 { position: relative; z-index: 2; }

   ============================================================ */
/* ============================================================
   ETHERIA — ANILLOS GEOMÉTRICOS FLOTANTES · SOBRE NOSOTRAS
   ============================================================ */

/* ── ANILLOS EN LA SECCIÓN INTRO ──────────────────────────── */

.etheria-sobre {
  overflow: hidden !important;
  position: relative;
}

/* Anillo grande mint */
.etheria-sobre::before {
  content: '';
  position: absolute;
  width: 420px;
  height: 420px;
  border: 2px solid #abd9d0;
  border-radius: 50%;
  opacity: 0.45;
  top: -120px;
  right: -100px;
  animation: ringDrift1 14s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}

/* Anillo mediano lavanda */
.etheria-sobre::after {
  content: '';
  position: absolute;
  width: 260px;
  height: 260px;
  border: 1.5px solid #f2e8ec;
  border-radius: 50%;
  opacity: 0.7;
  top: 40px;
  right: 80px;
  animation: ringDrift2 18s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}

/* Anillo pequeño olive (en columna marcada con etheria-ring-extra) */
.etheria-ring-extra {
  position: relative;
}
.etheria-ring-extra::before {
  content: '';
  position: absolute;
  width: 160px;
  height: 160px;
  border: 1.5px solid #9ca35b;
  border-radius: 50%;
  opacity: 0.3;
  bottom: 30px;
  left: -40px;
  animation: ringDrift3 20s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}

/* Punto decorativo mint */
.etheria-sobre .elementor-widget-wrap::before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background: #abd9d0;
  border-radius: 50%;
  opacity: 0.5;
  top: 60px;
  right: 240px;
  animation: dotPulse 6s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}

/* Punto decorativo olive */
.etheria-sobre .elementor-widget-wrap::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background: #9ca35b;
  border-radius: 50%;
  opacity: 0.4;
  bottom: 40px;
  right: 180px;
  animation: dotPulse 8s ease-in-out infinite 1s;
  pointer-events: none;
  z-index: 0;
}

/* Contenido sobre los anillos */
.etheria-sobre .elementor-widget-wrap {
  position: relative;
  z-index: 1;
}

/* ── FICHAS DE EQUIPO — ENTRADA SUAVE ─────────────────────── */

.etheria-team-card {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.etheria-team-card.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Línea acento lateral mint en las fichas de equipo */
.etheria-team-card > .elementor-container {
  position: relative;
}

/* Acento de color encima del nombre de cada persona */
.etheria-team-card .elementor-widget-heading h2,
.etheria-team-card .elementor-widget-heading h3,
.etheria-team-card .elementor-widget-heading h4 {
  padding-top: 16px;
  border-top: 2px solid #abd9d0;
  display: inline-block;
}

/* ── ANIMACIONES ─────────────────────────────────────────── */

@keyframes ringDrift1 {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  25%       { transform: translate(-12px, 15px) rotate(8deg); }
  50%       { transform: translate(8px, -10px) rotate(-5deg); }
  75%       { transform: translate(-6px, 8px) rotate(12deg); }
}

@keyframes ringDrift2 {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  33%       { transform: translate(10px, -14px) rotate(-10deg); }
  66%       { transform: translate(-8px, 10px) rotate(6deg); }
}

@keyframes ringDrift3 {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50%       { transform: translate(8px, -8px) scale(1.08); }
}

@keyframes dotPulse {
  0%, 100% { transform: scale(1); opacity: 0.5; }
  50%       { transform: scale(1.6); opacity: 0.2; }
}*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/

/* ── RESPONSIVE ──────────────────────────────────────────── */

@media (max-width: 767px) {
  .etheria-sobre::before {
    width: 240px;
    height: 240px;
    top: -60px;
    right: -50px;
    opacity: 0.35;
  }
  .etheria-sobre::after {
    width: 150px;
    height: 150px;
    right: 20px;
    opacity: 0.5;
  }
  .etheria-ring-extra::before {
    display: none;
  }
  .etheria-team-card .elementor-widget-heading h2,
  .etheria-team-card .elementor-widget-heading h3,
  .etheria-team-card .elementor-widget-heading h4 {
    border-top: none;
    padding-top: 0;
  }
}

/* ============================================================
   INSTRUCCIONES DE USO

   PASO 1 — CSS al sitio:
   Elementor → Site Settings → Custom CSS → añadir este CSS
   (debajo del de los blobs, si ya lo tienes)

   PASO 2 — Sección intro "Quiénes somos":
   → Avanzado → Clases CSS → etheria-sobre

   PASO 3 — Cada sección de ficha de equipo (x4):
   → Avanzado → Clases CSS → etheria-team-card

   PASO 4 — Pegar este JS en Código → Custom Code (New code):
   Título: "Etheria rings scroll"
   Location: Before </body>
   Ver JS en archivo separado etheria-rings-sobre.js

   ============================================================ */

html, body {
    overflow-x: hidden !important;
}

/* Forzar un colchón de seguridad a ambos lados de toda la web */
.elementor-element > .elementor-widget-container,
.e-con > .e-con-inner,
.e-con-boxed,
.elementor-column-wrap,
.elementor-widget-wrap {
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
}

/* Evitar que los contenedores que hacen de fila se rompan por el padding */
.e-con[data-element_type="container"] {
    max-width: 100% !important;
}/* End custom CSS */