/* Alfróði · isotipo fijo con parallax (RGStudio_plugin_AlfrodiParallax v0.2.0)
   Mismo efecto de Meráki: el isotipo queda quieto en la ventana y las secciones
   pasan por delante. Solo CSS (position:fixed), sin background-attachment:fixed
   (que en iOS no funciona). Cada sección es un contexto de apilamiento y se
   recorta en vertical, así la marca solo se ve dentro de su sección.
   Los ID de sección (elementor-element-xxxxxxx) son los de la portada de
   alfrodi.com; si una sección se recrea en Elementor hay que actualizar su ID. */

:root{--rgb-alfwm-opacidad-claro:.09;--rgb-alfwm-opacidad-oscuro:.07;}

/* 1. «Educación profesional, diseñada para funcionar» a ancho completo:
      el fondo crema se extiende de borde a borde; el contenido no se mueve. */
.home .elementor > .elementor-element-a70b94b{box-shadow:0 0 0 100vmax #FDFBF6;}

/* 2. Contexto de apilamiento y recorte vertical.
      «CURSOS» (fe27769) conserva su propio clip-path del sitio. */
.home .elementor > .elementor-element-a70b94b,
.home .elementor > .elementor-element-3a72229,
.home .elementor > .elementor-element-813c2dd,
.home .elementor > .elementor-element-3e5847e,
.home .elementor > .elementor-element-981ab40,
.home .elementor > .elementor-element-a748ac3,
.home .elementor > .elementor-element-0414330,
.home .elementor > .elementor-element-fe27769,
.home .elementor > .elementor-element-363c67e,
.home .elementor > .elementor-element-6368416,
.home .elementor > .elementor-element-c6e0721,
.home .elementor > .elementor-element-4afa49a .alfrodi-shelf{isolation:isolate;}
.home .elementor > .elementor-element-a70b94b,
.home .elementor > .elementor-element-3a72229,
.home .elementor > .elementor-element-813c2dd,
.home .elementor > .elementor-element-3e5847e,
.home .elementor > .elementor-element-981ab40,
.home .elementor > .elementor-element-a748ac3,
.home .elementor > .elementor-element-0414330,
.home .elementor > .elementor-element-363c67e,
.home .elementor > .elementor-element-6368416,
.home .elementor > .elementor-element-c6e0721,
.home .elementor > .elementor-element-4afa49a .alfrodi-shelf{clip-path:inset(0 -100vmax);}

/* 3. La marca de agua. */
.home .elementor > .elementor-element-a70b94b::after,
.home .elementor > .elementor-element-3a72229::after,
.home .elementor > .elementor-element-813c2dd::after,
.home .elementor > .elementor-element-3e5847e::after,
.home .elementor > .elementor-element-981ab40::after,
.home .elementor > .elementor-element-a748ac3::after,
.home .elementor > .elementor-element-0414330::after,
.home .elementor > .elementor-element-fe27769::after,
.home .elementor > .elementor-element-363c67e::after,
.home .elementor > .elementor-element-6368416::after,
.home .elementor > .elementor-element-c6e0721::after,
.home .elementor > .elementor-element-4afa49a .alfrodi-shelf::after{
  content:"";
  position:fixed;
  z-index:-1;
  pointer-events:none;
  top:calc(50% + 30px);
  right:max(-4vw,-56px);
  width:clamp(260px,30vw,440px);
  aspect-ratio:520/533;
  transform:translateY(-50%);
  background:var(--rgb-alfwm-img) center/contain no-repeat;
  opacity:var(--rgb-alfwm-o);
}

/* 4. Isotipo a color sobre fondos claros, negativo sobre fondos oscuros. */
.home .elementor > .elementor-element-a70b94b,
.home .elementor > .elementor-element-3a72229,
.home .elementor > .elementor-element-813c2dd,
.home .elementor > .elementor-element-3e5847e,
.home .elementor > .elementor-element-981ab40,
.home .elementor > .elementor-element-a748ac3,
.home .elementor > .elementor-element-0414330{--rgb-alfwm-img:var(--rgb-alfwm-claro);--rgb-alfwm-o:var(--rgb-alfwm-opacidad-claro);}
.home .elementor > .elementor-element-fe27769,
.home .elementor > .elementor-element-363c67e,
.home .elementor > .elementor-element-6368416,
.home .elementor > .elementor-element-c6e0721,
.home .elementor > .elementor-element-4afa49a .alfrodi-shelf{--rgb-alfwm-img:var(--rgb-alfwm-oscuro);--rgb-alfwm-o:var(--rgb-alfwm-opacidad-oscuro);}

/* 5. «la siguiente con una imagen» (813c2dd): su velo blanco al 50 % pasa
      debajo de la marca para que no la apague. */
.home .elementor > .elementor-element-813c2dd > .elementor-background-overlay{z-index:-2;}

/* 6. Móvil y tableta. */
@media (max-width:960px){
.home .elementor > .elementor-element-a70b94b::after,
.home .elementor > .elementor-element-3a72229::after,
.home .elementor > .elementor-element-813c2dd::after,
.home .elementor > .elementor-element-3e5847e::after,
.home .elementor > .elementor-element-981ab40::after,
.home .elementor > .elementor-element-a748ac3::after,
.home .elementor > .elementor-element-0414330::after,
.home .elementor > .elementor-element-fe27769::after,
.home .elementor > .elementor-element-363c67e::after,
.home .elementor > .elementor-element-6368416::after,
.home .elementor > .elementor-element-c6e0721::after,
.home .elementor > .elementor-element-4afa49a .alfrodi-shelf::after{right:-8vw;width:min(64vw,260px);}
}

/* 7. Movimiento reducido: la marca deja de ser fija y se mueve con la sección. */
@media (prefers-reduced-motion:reduce){
.home .elementor > .elementor-element-a70b94b::after,
.home .elementor > .elementor-element-3a72229::after,
.home .elementor > .elementor-element-813c2dd::after,
.home .elementor > .elementor-element-3e5847e::after,
.home .elementor > .elementor-element-981ab40::after,
.home .elementor > .elementor-element-a748ac3::after,
.home .elementor > .elementor-element-0414330::after,
.home .elementor > .elementor-element-fe27769::after,
.home .elementor > .elementor-element-363c67e::after,
.home .elementor > .elementor-element-6368416::after,
.home .elementor > .elementor-element-c6e0721::after,
.home .elementor > .elementor-element-4afa49a .alfrodi-shelf::after{position:absolute;top:50%;}
.home .elementor > .elementor-element-4afa49a .alfrodi-shelf{position:relative;}
}

/* 8. Impresión: sin marca de agua. */
@media print{
.home .elementor > .elementor-element-a70b94b::after,
.home .elementor > .elementor-element-3a72229::after,
.home .elementor > .elementor-element-813c2dd::after,
.home .elementor > .elementor-element-3e5847e::after,
.home .elementor > .elementor-element-981ab40::after,
.home .elementor > .elementor-element-a748ac3::after,
.home .elementor > .elementor-element-0414330::after,
.home .elementor > .elementor-element-fe27769::after,
.home .elementor > .elementor-element-363c67e::after,
.home .elementor > .elementor-element-6368416::after,
.home .elementor > .elementor-element-c6e0721::after,
.home .elementor > .elementor-element-4afa49a .alfrodi-shelf::after{display:none;}
}

/* v0.2.0 · Partículas del hero de la portada (assets/alfrodi-hero-particles.js).
   El script inserta este <canvas> dentro de section.homehero, entre la capa de
   color y el contenido: cubre el hero, queda sobre el fondo y debajo del
   título y los botones, y no recibe clics. */
.rgb-alf-hero-particles{position:absolute;top:0;left:0;width:100%;height:100%;display:block;pointer-events:none;}
@media print{.rgb-alf-hero-particles{display:none;}}