/* Sense U · estilos del sitio (traducción de senseu-kit/sitio/index.html a la estructura de Elementor).
   Los textos, fotos y videos se editan en Elementor; aquí solo vive el diseño. */
:root{
  --noche:#07020B;--plum:#2A1438;--plum-2:#5B4672;--lavanda-claro:#F3EEF9;--lavanda:#DED2EE;--malva:#77629A;
  --neon:#F06BF0;--magenta:#B8309F;--oro:#FFC85A;--oro-claro:#FFE7A0;--oro-hondo:#9A6512;--blanco:#FFFFFF;
  --fondo:var(--lavanda-claro);--texto:var(--plum);--texto2:var(--plum-2);--linea:rgba(91,70,114,.22);--acento:var(--magenta);--dorado:var(--oro-hondo);--superficie:var(--blanco);
  --brillo-neon:0 0 6px rgba(240,107,240,.85),0 0 18px rgba(240,107,240,.5),0 0 40px rgba(181,76,224,.4);
  --brillo-oro:0 0 6px rgba(255,200,90,.8),0 0 20px rgba(255,170,60,.4);
  --sombra:0 18px 50px rgba(91,70,114,.18);
  --f-display:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;
  --f-texto:"Jost","Futura","Century Gothic",system-ui,sans-serif;
  --s-1:.875rem;--s0:1.0625rem;--s1:1.33rem;--s2:1.77rem;--s3:clamp(2.2rem,4.4vw,3.4rem);--s4:clamp(2.6rem,6.4vw,5.4rem);
  --gutter:max(16px,env(safe-area-inset-left,0px));--gutter-r:max(16px,env(safe-area-inset-right,0px));--ancho:1180px;color-scheme:light}
.su-malva{--fondo:var(--malva);--texto:var(--blanco);--texto2:#EEE4F8;--linea:rgba(255,255,255,.3);--acento:var(--oro);--dorado:var(--oro);--superficie:rgba(255,255,255,.12);background:var(--fondo);color:var(--texto)}
html{scroll-behavior:smooth}
body.su{margin:0;background:var(--fondo);color:var(--texto);font-family:var(--f-texto);font-weight:400;font-size:var(--s0);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
.su img,.su video{max-width:100%;height:auto;display:block}
.su a{color:inherit}
.su :focus-visible{outline:2px solid var(--magenta);outline-offset:3px}
.su h1,.su h2,.su h3,.su .elementor-heading-title{font-family:var(--f-display);font-weight:400;line-height:1.05;margin:0;text-wrap:balance;color:inherit}
.su p{margin:0}
.su .elementor-widget-text-editor p+p{margin-top:14px}
/* Contenedores de Elementor sin relleno ni separación por defecto: el diseño lo marca este CSS */
.su .e-con{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px}
.su .elementor-widget{margin-bottom:0}
.su .su-envoltura{max-width:var(--ancho);margin-inline:auto;padding-left:var(--gutter)!important;padding-right:var(--gutter-r)!important;width:100%}
.su section,.su .su-sec{scroll-margin-top:80px}
.su .su-bloque{padding-block:clamp(64px,9vw,120px)!important}

/* Botones (widget Botón con clase su-btn / su-btn hueco / chico) */
.su .su-btn .elementor-button,.su a.su-btn,.su button.su-btn,.su-cabecera a.su-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font:500 var(--s-1)/1 var(--f-texto);letter-spacing:.05em;text-decoration:none;padding:15px 24px;border-radius:999px;border:1px solid #E7A93A;color:var(--plum);background:linear-gradient(180deg,var(--oro-claro),var(--oro));cursor:pointer;transition:box-shadow .25s,transform .25s;fill:var(--plum)}
.su .su-btn .elementor-button:hover,.su a.su-btn:hover,.su button.su-btn:hover,.su button.su-btn:focus{box-shadow:var(--brillo-oro);transform:translateY(-1px);color:var(--plum)}
.su .su-btn.hueco .elementor-button,.su a.su-btn.hueco{background:transparent;color:var(--texto);border-color:var(--acento)}
.su .su-btn.hueco .elementor-button:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--acento) 25%,transparent);color:var(--texto)}
.su .su-malva .su-btn.hueco .elementor-button{color:var(--blanco);border-color:var(--blanco)}
.su .su-btn.chico .elementor-button,.su a.su-btn.chico{padding:11px 18px}
.su .su-acciones{display:flex!important;flex-wrap:wrap;gap:12px!important;flex-direction:row!important}
.su .su-acciones>.elementor-widget{width:auto!important}

/* Cinturón de monedas doradas */
.su-monedas{height:30px;position:relative;overflow:hidden;background:var(--fondo)}
.su-monedas::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--malva),var(--magenta),var(--oro),var(--magenta),var(--malva)) 0 5px/100% 1px no-repeat,linear-gradient(90deg,transparent calc(50% - .5px),rgba(154,101,18,.5) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)) 0 5px/22px 12px repeat-x,radial-gradient(circle at 42% 38%,#FFF4CF 0 1.5px,var(--oro) 2.5px 6.5px,#A8702A 7px 7.5px,transparent 8px) 0 14px/22px 16px repeat-x}
.su-monedas:hover::before{animation:su-vaiven .9s ease-in-out}
@keyframes su-vaiven{0%,100%{transform:translateX(0)}20%{transform:translateX(-4px)}45%{transform:translateX(3px)}70%{transform:translateX(-1.5px)}}

/* Cabecera */
body.su::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--plum)}
.su-cabecera{position:sticky;top:env(safe-area-inset-top,0px);z-index:99;background:color-mix(in srgb,var(--plum) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(240,107,240,.3);color:var(--blanco)}
.admin-bar .su-cabecera{top:32px}@media(max-width:782px){.admin-bar .su-cabecera{top:46px}}
.su-cabecera .su-envoltura{display:flex;align-items:center;gap:24px;min-height:68px;position:relative}
.su-logo img{height:42px;width:auto;filter:drop-shadow(0 0 6px rgba(240,107,240,.6))}
.su-cabecera nav{margin-left:auto}
.su-menu{display:flex;gap:26px;margin-left:0;font-size:var(--s-1);letter-spacing:.04em;list-style:none;padding:0;margin-block:0}
.su-menu li{list-style:none}
.su-menu a{text-decoration:none;color:#E2D6EF;padding-block:8px;display:block;transition:color .2s,text-shadow .2s}
.su-menu a:hover{color:var(--blanco);text-shadow:var(--brillo-neon)}
.su-abrir-menu{display:none;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.35);color:var(--blanco);border-radius:999px;padding:9px 16px;font:400 var(--s-1) var(--f-texto);cursor:pointer;min-height:44px}

/* Hero: el video del logo se funde en malva */
.su .su-hero{position:relative;background:var(--malva)}
.su .su-hero-video{position:relative;width:100%;aspect-ratio:16/9;max-height:82vh;overflow:hidden;background:var(--noche)}
.su .su-hero-video .elementor-widget-video,.su .su-hero-video .elementor-wrapper,.su .su-hero-video .e-hosted-video{position:absolute;inset:0;height:100%;width:100%;aspect-ratio:auto}
.su .su-hero-video video{width:100%;height:100%;object-fit:cover}
.su .su-hero-video::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(transparent,var(--malva));pointer-events:none;z-index:1}
.su .su-v-vertical{display:none!important}
.su-repetir{position:absolute;right:calc(16px + env(safe-area-inset-right,0px));bottom:30%;z-index:2;background:rgba(7,2,11,.45);color:#EEE4F8;border:1px solid rgba(240,107,240,.35);border-radius:999px;padding:8px 14px;font:400 .8rem var(--f-texto);cursor:pointer;backdrop-filter:blur(6px);min-height:36px}
.su-repetir:hover{color:var(--blanco);box-shadow:var(--brillo-neon)}
.su .su-hero-texto{position:relative;z-index:2;margin-top:clamp(-140px,-9vw,-48px)!important;padding-bottom:clamp(40px,6vw,72px)!important}
.su .su-hero-texto>.su-envoltura,.su .su-hero-texto .su-hero-grid{--display:grid;display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px 64px!important;align-items:end}
.su .su-hero h1,.su .su-hero h1.elementor-heading-title{font-size:var(--s4);letter-spacing:-.01em;color:var(--blanco)}
.su .su-hero .brilla{font-style:italic;color:#FFE3FF;text-shadow:var(--brillo-neon)}
.su .su-hero .su-bajada{color:var(--texto2);font-size:var(--s1);line-height:1.5;max-width:30em}
.su .su-hero .su-acciones{margin-top:24px}

/* Marquesina dorada */
.su-marquesina{background:linear-gradient(90deg,var(--oro-claro),var(--oro),var(--oro-claro));overflow:hidden;padding-block:14px}
.su-marquesina .pista{display:flex;width:max-content;animation:su-correr 36s linear infinite}
.su-marquesina:hover .pista{animation-play-state:paused}
.su-marquesina span{font-family:var(--f-display);font-style:italic;font-size:var(--s2);white-space:nowrap;padding-right:1.6em;color:var(--plum)}
.su-marquesina span::after{content:"✦";font-style:normal;font-size:.6em;color:var(--magenta);margin-left:1.6em;vertical-align:middle}
@keyframes su-correr{to{transform:translateX(-50%)}}

/* Títulos de sección */
.su .su-titulo-seccion{--display:grid;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 64px!important;align-items:end;margin-bottom:clamp(36px,5vw,64px)!important}
.su .su-titulo-seccion h2{font-size:var(--s3)}
.su .su-titulo-seccion .elementor-widget-text-editor{color:var(--texto2);max-width:36em}

/* Clases */
.su .su-disciplinas{--display:grid;display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,80px)!important}
.su .su-lista-clases{border-top:1px solid var(--linea)}
.su .su-clase{--display:grid;display:grid!important;grid-template-columns:minmax(0,13rem) minmax(0,1fr);gap:8px 32px!important;padding-block:26px!important;border-bottom:1px solid var(--linea)}
.su .su-clase h3{font-size:var(--s2);font-style:italic;transition:color .3s}
.su .su-clase:hover h3{color:var(--magenta)}
.su .su-clase .elementor-widget-text-editor{color:var(--texto2)}
.su .su-fotos-clase{--display:grid;display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important;align-content:start}
.su .su-fotos-clase img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;box-shadow:var(--sombra)}
.su .su-fotos-clase>.elementor-widget:nth-child(2){margin-top:56px}
.su .su-ciclo{margin-top:clamp(48px,7vw,88px)!important;border-radius:20px;padding:2px!important;background:linear-gradient(120deg,var(--neon),var(--malva) 45%,var(--oro));box-shadow:var(--sombra)}
.su .su-ciclo-dentro{--display:grid;display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);border-radius:18px;background:var(--blanco)}
.su .su-ciclo .su-izq{padding:clamp(28px,4vw,48px)!important}
.su .su-ciclo h3{font-size:var(--s2)}
.su .su-ciclo .su-izq .elementor-widget-text-editor{color:var(--texto2);margin-top:12px;max-width:30em}
.su .su-ciclo .su-izq .su-btn{margin-top:28px}
.su .su-precios{border-left:1px solid var(--linea);padding:clamp(28px,4vw,48px)!important;--display:grid;display:grid!important;gap:22px!important;align-content:center;background:linear-gradient(160deg,#FBF3FF,#F6ECFA);border-radius:0 18px 18px 0}
.su .su-precio{display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:baseline;gap:16px!important;border-bottom:1px dashed var(--linea);padding-bottom:14px!important}
.su .su-precio>.elementor-widget{width:auto!important}
.su .su-precio .elementor-widget-text-editor{color:var(--texto2)}
.su .su-precio .elementor-heading-title{font-family:var(--f-display);font-weight:400;font-size:var(--s3);font-variant-numeric:tabular-nums;color:var(--magenta)}
.su .su-precio .elementor-heading-title small{font-family:var(--f-texto);font-size:var(--s-1);color:var(--texto2);margin-left:4px}
.su .su-incluye{font-size:var(--s-1);color:var(--oro-hondo);font-weight:500}

/* Videos muestra */
.su .su-videos{background:var(--lavanda)}
.su .su-reels{--display:grid;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px!important}
.su .su-reel{position:relative;min-width:0}
.su .su-reel .elementor-widget-video{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:9/16;max-width:100%;background:var(--malva);border:2px solid var(--blanco);box-shadow:var(--sombra);transition:box-shadow .3s,border-color .3s,transform .3s}
.su .su-reel:hover .elementor-widget-video{border-color:var(--neon);box-shadow:0 0 0 4px rgba(240,107,240,.25),var(--sombra);transform:translateY(-3px)}
.su .su-reel .elementor-wrapper,.su .su-reel .e-hosted-video{height:100%;aspect-ratio:auto}
.su .su-reel video{width:100%;height:100%;object-fit:cover}
.su-reel-btn{position:absolute;inset:0;background:none;border:0;cursor:pointer;z-index:2}
.su-reel-estado{position:absolute;left:12px;top:12px;z-index:3;background:rgba(42,20,56,.55);color:var(--blanco);border-radius:999px;padding:6px 12px;font-size:.78rem;backdrop-filter:blur(6px);pointer-events:none}
.su .su-reel .su-reel-titulo{margin-top:12px}
.su .su-reel .su-reel-titulo .elementor-heading-title{font-family:var(--f-display);font-style:italic;font-size:var(--s1)}
.su .su-reel .su-reel-sub{font-size:var(--s-1);color:var(--texto2)}

/* Eventos */
.su .su-eventos{background:linear-gradient(180deg,var(--lavanda),var(--lavanda-claro))}
.su .su-portada img{width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:20px;box-shadow:var(--sombra)}
.su .su-portada{margin-bottom:clamp(40px,6vw,72px)!important}
.su .su-ocasiones p{display:flex;flex-wrap:wrap;gap:10px}
.su .su-ocasiones{margin-bottom:clamp(48px,6vw,72px)!important}
.su .su-ocasiones span{background:var(--blanco);border:1px solid rgba(231,169,58,.6);color:var(--plum);border-radius:999px;padding:9px 18px;font-size:var(--s-1)}
.su .su-eventos-grid{--display:grid;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,80px)!important;align-items:start}
.su .su-pasos ol{list-style:none;margin:0;padding:0;counter-reset:paso}
.su .su-pasos li{counter-increment:paso;display:grid;grid-template-columns:3.2rem minmax(0,1fr);gap:16px;padding-block:20px;border-top:1px solid var(--linea);color:var(--texto2);font-size:var(--s-1)}
.su .su-pasos li::before{content:counter(paso);font-family:var(--f-display);font-style:italic;font-size:var(--s2);color:var(--magenta);line-height:1;grid-row:span 2}
.su .su-pasos li strong{display:block;font-family:var(--f-texto);font-weight:500;font-size:var(--s0);color:var(--texto);margin-bottom:4px}
.su-cotizador{background:var(--blanco);padding:clamp(24px,4vw,40px);border-radius:20px;box-shadow:var(--sombra)}
.su-cotizador h3{font-size:var(--s2);margin-bottom:6px}
.su-cotizador>p{color:var(--texto2);font-size:var(--s-1);margin-bottom:22px}
.su-campo{display:grid;gap:6px;margin-bottom:16px}
.su-campo label{font-size:var(--s-1);color:var(--texto2)}
.su-campo input,.su-campo select,.su-campo textarea{width:100%;background:var(--lavanda-claro);color:var(--plum);border:1px solid var(--linea);border-radius:10px;padding:12px 14px;font:400 var(--s0) var(--f-texto);min-height:46px}
.su-campo input:focus,.su-campo select:focus,.su-campo textarea:focus{border-color:var(--magenta);box-shadow:0 0 0 3px rgba(184,48,159,.15);outline:none}
.su-campo textarea{min-height:90px;resize:vertical}
.su-par{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.su-cotizador .su-btn{width:100%;margin-top:6px;min-height:46px}
.su-nota{font-size:.8rem;color:var(--texto2);margin-top:12px}

/* Fabiola */
.su .su-fabiola>.su-envoltura{--display:grid;display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,88px)!important;align-items:start}
.su .su-retrato{position:sticky!important;top:96px}
.su .su-retrato img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:240px 240px 20px 20px;border:2px solid rgba(255,255,255,.5);box-shadow:0 0 60px rgba(240,107,240,.35)}
.su .su-nombre .elementor-heading-title{font-size:clamp(4rem,13vw,10rem);font-style:italic;line-height:.9;letter-spacing:-.02em;margin-left:-.06em;color:#FFF0FF;text-shadow:var(--brillo-neon)}
.su .su-nombre.encender .elementor-heading-title{animation:su-encender 1.6s steps(1,end) 1}
@keyframes su-encender{0%{opacity:.35;text-shadow:none}8%{opacity:1;text-shadow:var(--brillo-neon)}14%{opacity:.45;text-shadow:none}22%{opacity:1;text-shadow:var(--brillo-neon)}30%{opacity:.7}36%,100%{opacity:1;text-shadow:var(--brillo-neon)}}
.su .su-rol{margin-top:18px;font-size:var(--s1);color:var(--oro-claro)}
.su .su-bio{margin-top:28px;color:var(--texto2);max-width:34em}
.su .su-ficha dl{margin:36px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--linea)}
.su .su-ficha dl div{padding:16px 0;border-bottom:1px solid var(--linea)}
.su .su-ficha dt{font-size:var(--s-1);color:var(--texto2)}
.su .su-ficha dd{margin:2px 0 0;font-family:var(--f-display);font-size:var(--s1)}
.su .su-fabiola .su-acciones{margin-top:36px}
.su .su-book{margin-top:56px!important;--display:grid;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important}
.su .su-book img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;transition:box-shadow .35s}
.su .su-book>.elementor-widget:nth-child(even){transform:translateY(28px)}
.su .su-book img:hover{box-shadow:0 0 24px rgba(255,200,90,.6)}

/* Galería (widget Galería básica) */
.su .su-galeria .gallery{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:clamp(120px,16vw,200px);gap:12px;margin:0}
.su .su-galeria .gallery-item{margin:0!important;padding:0!important;width:auto!important;max-width:none!important;grid-column:span 2}
.su .su-galeria .gallery-item .gallery-icon,.su .su-galeria .gallery-item a{display:block;height:100%}
.su .su-galeria .gallery-item img{width:100%;height:100%;object-fit:cover;border-radius:12px;border:0!important;transition:filter .3s,box-shadow .3s}
.su .su-galeria .gallery-item img:hover{filter:saturate(1.2) brightness(1.05);box-shadow:0 0 0 3px var(--oro),var(--sombra)}
.su .su-galeria .gallery-item:nth-child(1),.su .su-galeria .gallery-item:nth-child(3){grid-row:span 2}
.su .su-galeria .gallery-item:nth-child(5n){grid-column:1/-1}
.su .su-galeria .gallery-caption{display:none}
.su .su-galeria br{display:none}
.su .su-pie-galeria{margin-top:28px!important;display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:center;gap:16px!important;flex-wrap:wrap;color:var(--texto2)}
.su .su-pie-galeria>.elementor-widget{width:auto!important}

/* Contacto */
.su .su-contacto{background:var(--lavanda)}
.su .su-contacto>.su-envoltura{--display:grid;display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px!important;align-items:end}
.su .su-contacto h2{font-size:var(--s4)}
.su .su-datos p{display:grid;border-top:1px solid var(--linea)}
.su .su-datos a{display:flex;justify-content:space-between;gap:16px;padding-block:18px;border-bottom:1px solid var(--linea);text-decoration:none;flex-wrap:wrap}
.su .su-datos a span{color:var(--texto2);font-size:var(--s-1)}
.su .su-datos a b{font-weight:500;overflow-wrap:anywhere;transition:color .2s}
.su .su-datos a:hover b{color:var(--magenta)}

/* Pie y botón flotante */
.su-pie{background:var(--plum);padding-block:28px calc(28px + env(safe-area-inset-bottom,0px));font-size:var(--s-1);color:#D9CCE8}
.su-pie .su-envoltura{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;align-items:center}
.su-pie img{height:28px;width:auto}
.su-wa-flotante{position:fixed!important;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:98;box-shadow:0 8px 24px rgba(91,70,114,.35)!important;transition:opacity .3s,transform .3s}
.su-wa-flotante.oculto{opacity:0;transform:translateY(16px);pointer-events:none}

/* Editor de Elementor: el video del hero y los reels se ven aunque no haya JS */
.elementor-editor-active .su .su-v-vertical{display:block!important;opacity:.6}

@media (max-width:900px){
  .su-menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--plum);border-bottom:1px solid rgba(240,107,240,.3);padding:8px var(--gutter-r) 16px var(--gutter)}
  .su-menu.abierto{display:flex}
  .su-menu a{padding-block:14px;font-size:var(--s0);border-bottom:1px solid rgba(255,255,255,.12)}
  .su-abrir-menu{display:inline-block}
  .su-cabecera .su-btn.chico{display:none}
  .su .su-hero-video{aspect-ratio:9/14;max-height:72svh}
  .su .su-v-horizontal{display:none!important}
  .su .su-v-vertical{display:block!important}
  .su .su-hero-texto>.su-envoltura,.su .su-hero-texto .su-hero-grid,.su .su-disciplinas,.su .su-ciclo-dentro,.su .su-eventos-grid,.su .su-fabiola>.su-envoltura,.su .su-contacto>.su-envoltura,.su .su-titulo-seccion{grid-template-columns:minmax(0,1fr)}
  .su .su-precios{border-left:0;border-top:1px solid var(--linea);border-radius:0 0 18px 18px}
  .su .su-retrato{position:static!important}
  .su .su-book{grid-template-columns:repeat(2,minmax(0,1fr))}
  .su .su-reels{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:72%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px!important}
  .su .su-reel{scroll-snap-align:start}
  .su .su-galeria .gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:160px}
  .su .su-galeria .gallery-item{grid-column:span 1;grid-row:span 1}
  .su .su-galeria .gallery-item:nth-child(1){grid-row:span 2}
  .su .su-galeria .gallery-item:nth-child(3){grid-row:span 1}
  .su .su-galeria .gallery-item:nth-child(5n){grid-column:1/-1}
}
@media (max-width:520px){
  .su .su-clase{grid-template-columns:minmax(0,1fr)}
  .su-par{grid-template-columns:1fr}
  .su .su-ficha dl{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .su *,.su *::before,.su *::after,body.su::before{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* ===== SU_ESTILO_V1_1 (2026-10-16): dorado neón más intenso, WhatsApp dorado con ícono y tipografía más legible ===== */
:root{
  --malva:#634E8A;                 /* banda un poco más profunda: blanco y dorado resaltan más */
  --oro:#FFC21A; --oro-claro:#FFE27A; --oro-hondo:#8A5600;
  --plum-2:#4B3762;
  --brillo-oro:0 0 6px rgba(255,214,90,.95),0 0 16px rgba(255,190,30,.75),0 0 34px rgba(255,160,0,.5);
  --brillo-oro-suave:0 0 8px rgba(255,200,40,.55),0 0 20px rgba(255,170,0,.3);
  --brillo-neon:0 0 6px rgba(255,120,255,.95),0 0 18px rgba(240,107,240,.7),0 0 42px rgba(181,76,224,.55);
  --f-display:"DM Serif Display","Bodoni Moda",Georgia,serif;
}
.su-malva{--texto2:#F7F0FF}
body.su{font-weight:400}
.su h1,.su h2,.su h3,.su .elementor-heading-title{font-family:var(--f-display);font-weight:400;letter-spacing:.005em}
.su .su-clase h3,.su .su-reel .su-reel-titulo .elementor-heading-title,.su .su-ficha dd{letter-spacing:.01em}
.su .elementor-widget-text-editor,.su .su-bajada{font-weight:400}
.su .su-hero h1,.su .su-hero h1.elementor-heading-title{text-shadow:0 2px 18px rgba(20,6,30,.45)}
.su .su-hero .brilla{color:#FFE8FF;text-shadow:var(--brillo-neon)}
/* Botones dorados con resplandor neón siempre encendido */
.su .su-btn .elementor-button,.su a.su-btn,.su button.su-btn,.su-cabecera a.su-btn{background:linear-gradient(180deg,#FFF0A8 0%,var(--oro-claro) 35%,var(--oro) 100%);border-color:#FFB300;color:#2A1438;font-weight:600;box-shadow:var(--brillo-oro-suave)}
.su .su-btn .elementor-button:hover,.su a.su-btn:hover,.su button.su-btn:hover,.su button.su-btn:focus{box-shadow:var(--brillo-oro);transform:translateY(-1px)}
.su .su-btn.hueco .elementor-button,.su a.su-btn.hueco{background:transparent;box-shadow:none;font-weight:500}
.su .su-malva .su-btn.hueco .elementor-button{box-shadow:0 0 10px rgba(255,255,255,.18)}
/* WhatsApp: siempre dorado neón y con su ícono */
.su a[href*="wa.me"].su-btn,.su .su-btn a[href*="wa.me"],.su-cabecera a[href*="wa.me"].su-btn,.su a.su-wa-flotante{background:linear-gradient(180deg,#FFF0A8 0%,var(--oro-claro) 35%,var(--oro) 100%)!important;color:#2A1438!important;border-color:#FFB300!important;box-shadow:var(--brillo-oro)!important}
.su a[href*="wa.me"].su-btn::before,.su .su-btn a[href*="wa.me"] .elementor-button-text::before,.su-cabecera a[href*="wa.me"].su-btn::before,.su a.su-wa-flotante::before{content:"";display:inline-block;width:1.15em;height:1.15em;margin-right:.45em;vertical-align:-.2em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.04 2a9.93 9.93 0 0 0-8.5 15.05L2 22l5.09-1.5A9.93 9.93 0 1 0 12.04 2Zm0 18.1a8.1 8.1 0 0 1-4.13-1.13l-.3-.18-3.02.89.9-2.94-.2-.31a8.13 8.13 0 1 1 6.75 3.67Zm4.46-6.08c-.24-.12-1.44-.71-1.66-.79-.22-.08-.39-.12-.55.12-.16.24-.63.79-.77.95-.14.16-.28.18-.53.06-.24-.12-1.03-.38-1.96-1.21-.72-.65-1.21-1.44-1.35-1.69-.14-.24-.02-.37.11-.49.11-.11.24-.28.36-.42.12-.14.16-.24.24-.4.08-.16.04-.3-.02-.42-.06-.12-.55-1.33-.76-1.82-.2-.48-.4-.41-.55-.42h-.47c-.16 0-.42.06-.64.3-.22.24-.84.82-.84 2s.86 2.32.98 2.48c.12.16 1.69 2.58 4.1 3.62.57.25 1.02.4 1.37.51.58.18 1.1.16 1.52.1.46-.07 1.44-.59 1.64-1.16.2-.57.2-1.06.14-1.16-.06-.1-.22-.16-.46-.28Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.04 2a9.93 9.93 0 0 0-8.5 15.05L2 22l5.09-1.5A9.93 9.93 0 1 0 12.04 2Zm0 18.1a8.1 8.1 0 0 1-4.13-1.13l-.3-.18-3.02.89.9-2.94-.2-.31a8.13 8.13 0 1 1 6.75 3.67Zm4.46-6.08c-.24-.12-1.44-.71-1.66-.79-.22-.08-.39-.12-.55.12-.16.24-.63.79-.77.95-.14.16-.28.18-.53.06-.24-.12-1.03-.38-1.96-1.21-.72-.65-1.21-1.44-1.35-1.69-.14-.24-.02-.37.11-.49.11-.11.24-.28.36-.42.12-.14.16-.24.24-.4.08-.16.04-.3-.02-.42-.06-.12-.55-1.33-.76-1.82-.2-.48-.4-.41-.55-.42h-.47c-.16 0-.42.06-.64.3-.22.24-.84.82-.84 2s.86 2.32.98 2.48c.12.16 1.69 2.58 4.1 3.62.57.25 1.02.4 1.37.51.58.18 1.1.16 1.52.1.46-.07 1.44-.59 1.64-1.16.2-.57.2-1.06.14-1.16-.06-.1-.22-.16-.46-.28Z'/%3E%3C/svg%3E") center/contain no-repeat}
.su .su-btn a[href*="wa.me"] .elementor-button-text{display:inline-flex;align-items:center}
.su a.su-wa-flotante{padding:14px 22px;font-size:1rem;font-weight:600;animation:su-latido-oro 2.6s ease-in-out infinite}
@keyframes su-latido-oro{50%{box-shadow:0 0 10px rgba(255,214,90,1),0 0 26px rgba(255,190,30,.85),0 0 52px rgba(255,160,0,.6)}}
.su .su-cotizador .su-btn{font-size:1rem}
/* Dorado neón en detalles clave */
.su-marquesina{background:linear-gradient(90deg,#FFE27A,#FFC21A 50%,#FFE27A);box-shadow:0 0 22px rgba(255,190,30,.55),inset 0 1px 0 rgba(255,255,255,.6)}
.su-marquesina span{color:#2A1438}
.su-marquesina span::after{color:#C21FA6;text-shadow:0 0 8px rgba(240,107,240,.7)}
.su .su-rol{color:#FFE27A;text-shadow:0 0 6px rgba(255,200,40,.7),0 0 18px rgba(255,170,0,.35);font-weight:500}
.su .su-precio .elementor-heading-title{color:#B8309F;text-shadow:0 0 14px rgba(240,107,240,.25)}
.su .su-incluye{color:#8A5600;font-weight:600}
.su .su-ciclo{background:linear-gradient(120deg,var(--neon),var(--malva) 40%,var(--oro));box-shadow:var(--sombra),0 0 26px rgba(255,190,30,.25)}
.su .su-ocasiones span{border-color:#FFB300;box-shadow:0 0 10px rgba(255,190,30,.25)}
.su .su-galeria .gallery-item img:hover{box-shadow:0 0 0 3px var(--oro),0 0 26px rgba(255,190,30,.55)}
.su-logo img{filter:drop-shadow(0 0 7px rgba(255,120,255,.75)) drop-shadow(0 0 14px rgba(255,190,30,.25))}
@media (prefers-reduced-motion:reduce){.su a.su-wa-flotante{animation:none}}

/* ===== SU_PORTADA_V2 (2026-10-16): video del logo como fondo difuminado; texto a la izquierda y foto del grupo a la derecha ===== */
.su .su-hero{position:relative;overflow:hidden;isolation:isolate;min-height:clamp(560px,86vh,880px);display:flex!important;flex-direction:column!important;justify-content:center}
.su .su-hero .su-hero-video{position:absolute!important;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;z-index:0;background:var(--noche)}
.su .su-hero .su-hero-video video{filter:blur(10px) saturate(1.25) brightness(.62);transform:scale(1.12)}
.su .su-hero .su-hero-video::after{inset:0;height:auto;background:linear-gradient(90deg,rgba(42,20,56,.88) 0%,rgba(52,30,76,.66) 48%,rgba(99,78,138,.32) 100%),linear-gradient(180deg,rgba(7,2,11,.25),transparent 30%,transparent 70%,var(--malva))}
.su .su-hero .su-repetir{display:none}
.su .su-hero .su-hero-texto{margin-top:0!important;padding-block:clamp(56px,8vw,112px)!important;width:100%}
.su .su-hero .su-hero-texto>.su-envoltura,.su .su-hero .su-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;align-items:center!important;gap:32px clamp(32px,6vw,88px)!important}
.su .su-hero .su-hero-copy{display:flex!important;flex-direction:column!important;gap:22px!important;align-items:flex-start}
.su .su-hero .su-hero-copy h1{font-size:clamp(2.6rem,5.4vw,4.8rem);line-height:1.02}
.su .su-hero .su-hero-copy .su-acciones{margin-top:6px}
.su .su-hero .su-hero-foto{justify-self:end;width:100%;max-width:470px}
.su .su-hero .su-hero-foto img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:28px;border:2px solid rgba(255,255,255,.55);box-shadow:0 0 0 6px rgba(255,194,26,.18),0 0 34px rgba(255,190,30,.45),0 0 70px rgba(240,107,240,.35),0 24px 60px rgba(7,2,11,.45)}
@media (max-width:900px){
  .su .su-hero{min-height:0}
  .su .su-hero .su-hero-video{aspect-ratio:auto;max-height:none}
  .su .su-hero .su-hero-texto>.su-envoltura,.su .su-hero .su-hero-grid{grid-template-columns:minmax(0,1fr)!important}
  .su .su-hero .su-hero-texto{padding-block:44px 52px!important}
  .su .su-hero .su-hero-video::after{background:linear-gradient(180deg,rgba(42,20,56,.82) 0%,rgba(52,30,76,.62) 55%,var(--malva) 100%)}
  .su .su-hero .su-hero-foto{justify-self:center;max-width:420px}
}
@media (prefers-reduced-motion:reduce){.su .su-hero .su-hero-video video{transform:none}}

/* ===== SU_LUJO_V3 (2026-10-16): acabado de alta gama — oro metálico cepillado, amatista, oro rosa, champán y perla ===== */
:root{
  --oro-metal:linear-gradient(135deg,#6E4A12 0%,#B8862E 14%,#F6E0A0 30%,#D2A24A 44%,#8C6220 56%,#E9C97A 70%,#B78530 84%,#F4DD98 100%);
  --oro-metal-h:linear-gradient(90deg,#7A5418 0%,#C9973A 12%,#F7E3A6 26%,#D4A54A 40%,#946A24 52%,#EBCB7E 66%,#BC8A32 80%,#F5DE9A 92%,#9C7026 100%);
  --oro-rosa:#C98C7E; --oro-rosa-claro:#EBC2B4; --champan:#F4E8CF; --perla:#FBF8FF;
  --amatista:#4A2F72; --malva:#5E4787;
  --filete-oro:linear-gradient(90deg,transparent,#B8862E 15%,#F6E0A0 50%,#B8862E 85%,transparent);
  --sombra-joya:0 1px 0 rgba(255,255,255,.65) inset,0 -2px 6px rgba(90,55,10,.35) inset,0 6px 18px rgba(90,55,10,.28);
  --brillo-oro:0 0 10px rgba(246,210,130,.55),0 0 26px rgba(210,160,60,.3);
  --brillo-oro-suave:0 6px 18px rgba(90,55,10,.25);
}
/* Superficies nacaradas y bandas amatista con brillo */
body.su{background:radial-gradient(1200px 700px at 8% -5%,rgba(255,255,255,.75),transparent 60%),radial-gradient(900px 600px at 100% 30%,rgba(235,194,180,.18),transparent 60%),var(--lavanda-claro)}
.su .su-malva,.su .su-fabiola{background:radial-gradient(900px 500px at 85% 0%,rgba(235,194,180,.18),transparent 60%),radial-gradient(800px 600px at 0% 100%,rgba(255,255,255,.08),transparent 60%),linear-gradient(160deg,#6A5292 0%,var(--malva) 45%,var(--amatista) 100%)}
.su .su-videos{background:linear-gradient(180deg,#E6DCF2,#DCCFEB)}
/* Cabecera y pie: filete de oro en lugar de la línea magenta */
.su-cabecera{border-bottom:0;box-shadow:0 1px 0 rgba(0,0,0,.2)}
.su-cabecera::after,.su-pie::before{content:"";display:block;height:1px;background:var(--filete-oro)}
.su-cabecera::after{position:absolute;left:0;right:0;bottom:0}
.su-pie{border-top:0}
/* Botones: oro metálico cepillado con destello */
.su .su-btn .elementor-button,.su a.su-btn,.su button.su-btn,.su-cabecera a.su-btn,.su a[href*="wa.me"].su-btn,.su .su-btn a[href*="wa.me"],.su a.su-wa-flotante{position:relative;overflow:hidden;background:var(--oro-metal)!important;background-size:180% 180%!important;border:1px solid rgba(110,74,18,.55)!important;color:#2A1438!important;font-weight:600;letter-spacing:.06em;text-shadow:0 1px 0 rgba(255,245,215,.6);box-shadow:var(--sombra-joya)!important;transition:background-position .6s ease,box-shadow .3s,transform .3s}
.su .su-btn .elementor-button::after,.su a.su-btn::after,.su button.su-btn::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-18deg);transition:left .7s ease;pointer-events:none}
.su .su-btn .elementor-button:hover,.su a.su-btn:hover,.su button.su-btn:hover,.su button.su-btn:focus,.su a.su-wa-flotante:hover{background-position:100% 100%!important;box-shadow:var(--sombra-joya),var(--brillo-oro)!important;transform:translateY(-1px)}
.su .su-btn .elementor-button:hover::after,.su a.su-btn:hover::after,.su button.su-btn:hover::after{left:120%}
/* Botón secundario: contorno de oro fino */
.su .su-btn.hueco .elementor-button,.su a.su-btn.hueco{background:transparent!important;border:1px solid transparent!important;background-image:linear-gradient(var(--fondo),var(--fondo)),var(--oro-metal)!important;background-origin:border-box!important;background-clip:padding-box,border-box!important;box-shadow:none!important;color:var(--texto)!important;text-shadow:none}
.su .su-malva .su-btn.hueco .elementor-button,.su .su-hero .su-btn.hueco .elementor-button{background-image:linear-gradient(rgba(42,20,56,.55),rgba(42,20,56,.55)),var(--oro-metal)!important;color:#FBF3E2!important}
.su .su-btn.hueco .elementor-button::after{display:none}
/* WhatsApp flotante: joya dorada, latido muy sutil */
.su a.su-wa-flotante{animation:su-latido-joya 3.2s ease-in-out infinite}
@keyframes su-latido-joya{50%{box-shadow:var(--sombra-joya),0 0 18px rgba(246,210,130,.6)}}
/* Marquesina: banda de oro cepillado */
.su-marquesina{background:var(--oro-metal-h);background-size:200% 100%;box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 -1px 0 rgba(90,55,10,.45) inset,0 8px 24px rgba(90,55,10,.18);animation:su-oro-brilla 14s linear infinite}
@keyframes su-oro-brilla{to{background-position:200% 0}}
.su-marquesina span{color:#2A1438;text-shadow:0 1px 0 rgba(255,245,215,.55)}
.su-marquesina span::after{color:#7A2A6E;text-shadow:none}
/* Monedas más metálicas */
.su-monedas::before{background:var(--filete-oro) 0 5px/100% 1px no-repeat,linear-gradient(90deg,transparent calc(50% - .5px),rgba(140,98,32,.55) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)) 0 5px/22px 12px repeat-x,radial-gradient(circle at 38% 34%,#FFF8DC 0 1.4px,#F2D58A 2.2px,#C9973A 4.4px,#8C6220 6.6px,#5E3F0E 7.2px,transparent 7.8px) 0 14px/22px 16px repeat-x}
/* Texto en oro metálico (rol de Fabiola, incluye, MXN) */
.su .su-rol,.su .su-incluye{background:var(--oro-metal-h);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none!important}
.su .su-rol{background-image:linear-gradient(90deg,#E9C97A,#FFF1C4 30%,#E2B55A 55%,#FBE6AE 80%,#D9A845)}
.su .su-precio .elementor-heading-title small{background:var(--oro-metal-h);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600}
.su .su-precio .elementor-heading-title{color:#9C2A86;text-shadow:none}
/* Tarjetas con moldura de oro */
.su .su-ciclo{padding:1.5px!important;background:var(--oro-metal);box-shadow:0 22px 60px rgba(74,47,114,.18),0 0 0 6px rgba(244,232,207,.5)}
.su .su-ciclo-dentro{background:linear-gradient(160deg,#FFFFFF,var(--perla))}
.su .su-precios{background:linear-gradient(160deg,#FFF9F2,var(--champan))}
.su-cotizador{border:1px solid transparent;background:linear-gradient(160deg,#FFFFFF,var(--perla)) padding-box,var(--oro-metal) border-box;box-shadow:0 22px 60px rgba(74,47,114,.16)}
.su-campo input,.su-campo select,.su-campo textarea{background:#FBF8FF;border-color:rgba(140,98,32,.28)}
.su-campo input:focus,.su-campo select:focus,.su-campo textarea:focus{border-color:#B8862E;box-shadow:0 0 0 3px rgba(210,160,60,.18)}
.su .su-ocasiones span{background:linear-gradient(180deg,#FFFFFF,var(--champan));border:1px solid rgba(184,134,46,.55);box-shadow:0 2px 8px rgba(90,55,10,.08)}
.su .su-pasos li::before{background:var(--oro-metal);-webkit-background-clip:text;background-clip:text;color:transparent}
.su .su-clase h3,.su .su-clase:hover h3{transition:color .3s}
.su .su-clase:hover h3{color:#9C2A86}
/* Marcos de fotos y videos como engaste de joyería */
.su .su-hero .su-hero-foto img,.su .su-retrato img{border:0;padding:5px;background:var(--oro-metal);box-shadow:0 0 0 1px rgba(255,240,200,.35),0 24px 60px rgba(7,2,11,.45),0 0 60px rgba(240,107,240,.22)}
.su .su-fotos-clase img,.su .su-book img,.su .su-portada img{border:1px solid rgba(184,134,46,.45);box-shadow:0 18px 44px rgba(74,47,114,.2)}
.su .su-reel .elementor-widget-video{border:0;padding:3px;background:var(--oro-metal);box-shadow:0 18px 44px rgba(74,47,114,.22)}
.su .su-reel .elementor-widget-video video,.su .su-reel .elementor-wrapper{border-radius:15px;overflow:hidden}
.su .su-reel:hover .elementor-widget-video{border-color:transparent;box-shadow:0 18px 44px rgba(74,47,114,.25),0 0 22px rgba(246,210,130,.5)}
.su .su-book img:hover,.su .su-galeria .gallery-item img:hover{box-shadow:0 0 0 2px #E2B55A,0 0 24px rgba(246,210,130,.5)}
/* Títulos: filete de oro bajo los títulos de sección */
.su .su-titulo-seccion h2::after{content:"";display:block;width:84px;height:2px;margin-top:18px;background:var(--oro-metal-h);border-radius:2px}
.su .su-contacto h2::after{content:"";display:block;width:96px;height:2px;margin-top:20px;background:var(--oro-metal-h)}
.su .su-datos a:hover b{color:#9C2A86}
.su .su-datos a{border-bottom-color:rgba(184,134,46,.35)}
.su-logo img{filter:drop-shadow(0 0 6px rgba(255,120,255,.6)) drop-shadow(0 0 1px rgba(246,210,130,.6))}
@media (prefers-reduced-motion:reduce){.su-marquesina,.su a.su-wa-flotante{animation:none}.su .su-btn .elementor-button::after,.su a.su-btn::after{display:none}}

/* ===== SU_LUJO_V3_1: oro más luminoso en botones y botón secundario con contorno de oro champán ===== */
:root{--oro-boton:linear-gradient(135deg,#B8862E 0%,#E7C676 18%,#FBECBC 36%,#DDB25C 54%,#C89A42 68%,#F2DC9C 86%,#CFA04A 100%)}
.su .su-btn .elementor-button,.su a.su-btn,.su button.su-btn,.su-cabecera a.su-btn,.su a[href*="wa.me"].su-btn,.su .su-btn a[href*="wa.me"],.su a.su-wa-flotante{background:var(--oro-boton)!important;background-size:180% 180%!important}
.su .su-btn.hueco .elementor-button,.su a.su-btn.hueco,.su .su-malva .su-btn.hueco .elementor-button,.su .su-hero .su-btn.hueco .elementor-button{background:transparent!important;background-image:none!important;border:1px solid #D9B46A!important;color:var(--texto)!important;box-shadow:inset 0 0 0 1px rgba(255,240,200,.12)!important;text-shadow:none!important}
.su .su-malva .su-btn.hueco .elementor-button,.su .su-hero .su-btn.hueco .elementor-button{color:#F6E7C4!important}
.su .su-btn.hueco .elementor-button:hover,.su a.su-btn.hueco:hover{background:var(--oro-boton)!important;color:#2A1438!important;border-color:rgba(110,74,18,.55)!important;box-shadow:var(--sombra-joya),var(--brillo-oro)!important}

/* ===== SU_PIE_V3_2: el botón flotante de WhatsApp no tapa el pie ===== */
.su-pie{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}

/* ===== SU_EDITORIAL_V4 (2026-10-16): dirección de arte inspirada en dita.net — noche de terciopelo, fotos a sangre,
   títulos centrados con ornamento, menú en versalitas espaciadas, marcos de filete fino y formulario de línea.
   Conserva la paleta (ciruela, malva, amatista, oro metálico, neón) y todo el contenido de Elementor. ===== */
:root{
  --noche:#0D0714;--noche-2:#150C21;--noche-3:#1C1029;
  --fondo:var(--noche);--texto:#F7F0FA;--texto2:#CDBEDB;--linea:rgba(217,180,106,.24);--superficie:rgba(255,255,255,.04);--acento:#E7C676;
  --champan-txt:#EAD7AE;--filete:1px solid rgba(217,180,106,.55);
  --ornamento:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 12'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='140' y2='0'%3E%3Cstop offset='0' stop-color='%23B8862E' stop-opacity='0'/%3E%3Cstop offset='.5' stop-color='%23F6E0A0'/%3E%3Cstop offset='1' stop-color='%23B8862E' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 6h58M82 6h58' stroke='url(%23g)' stroke-width='1'/%3E%3Cpath d='M70 0l6 6-6 6-6-6z' fill='%23E7C676'/%3E%3Cpath d='M70 3l3 3-3 3-3-3z' fill='%230D0714'/%3E%3C/svg%3E");
  color-scheme:dark}
body.su{background:var(--noche);color:var(--texto)}
.su ::selection{background:#E7C676;color:#2A1438}
.su :focus-visible{outline-color:#E7C676}
/* Fondos: terciopelo oscuro con destellos amatista, alternando dos tonos */
.su .su-clases,.su .su-eventos,.su .su-galeria-sec{background:radial-gradient(900px 520px at 100% 0%,rgba(94,71,135,.22),transparent 65%),var(--noche)}
.su .su-videos,.su .su-contacto{background:radial-gradient(900px 520px at 0% 100%,rgba(184,48,159,.12),transparent 65%),var(--noche-2)}
.su .su-malva,.su .su-fabiola{background:radial-gradient(1000px 600px at 85% 10%,rgba(201,140,126,.14),transparent 60%),linear-gradient(165deg,#2C1A45 0%,#1E1031 55%,var(--noche) 100%);--texto2:#D9CBE7}
.su-monedas{background:transparent}

/* Cabecera transparente sobre la portada; se vuelve sólida al bajar */
.su-cabecera{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transition:background .4s,box-shadow .4s}
.su-cabecera::after{opacity:0;transition:opacity .4s}
.su-cabecera.su-solida{background:rgba(13,7,20,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.su-cabecera.su-solida::after{opacity:1}
.su-cabecera .su-envoltura{max-width:1320px;min-height:84px;transition:min-height .4s}
.su-cabecera.su-solida .su-envoltura{min-height:68px}
body.su:not(.home) main{padding-top:84px}
.su-menu{gap:clamp(18px,2.4vw,40px);font-size:.74rem;letter-spacing:.3em;text-transform:uppercase}
.su-menu a{color:#EFE3F6;font-weight:400}
.su-menu a:hover{color:#F6E0A0;text-shadow:0 0 12px rgba(246,224,160,.5)}
.su-abrir-menu{border-radius:2px;text-transform:uppercase;letter-spacing:.24em;font-size:.72rem;border-color:rgba(217,180,106,.6)}

/* Botones: rectangulares, versalitas espaciadas (como la referencia), oro metálico */
.su .su-btn .elementor-button,.su a.su-btn,.su button.su-btn,.su-cabecera a.su-btn{border-radius:2px!important;text-transform:uppercase;letter-spacing:.18em!important;font-size:.76rem!important;padding:17px 30px}
.su-cabecera a.su-btn{padding:12px 20px;font-size:.68rem!important}
.su .su-btn.hueco .elementor-button,.su a.su-btn.hueco,.su .su-malva .su-btn.hueco .elementor-button,.su .su-hero .su-btn.hueco .elementor-button{color:#F6E7C4!important}
.su a.su-wa-flotante{text-transform:none;letter-spacing:.04em!important;font-size:.95rem!important}

/* Portada: pantalla completa; foto del grupo con filete y marco desplazado */
.su .su-hero{min-height:100svh}
.su .su-hero .su-hero-texto{padding-top:calc(84px + clamp(40px,6vw,88px))!important}
.su .su-hero .su-hero-video::after{background:linear-gradient(90deg,rgba(13,7,20,.9) 0%,rgba(30,16,49,.66) 50%,rgba(44,26,69,.3) 100%),linear-gradient(180deg,rgba(13,7,20,.55),transparent 28%,transparent 72%,var(--noche))}
.su .su-hero .su-hero-copy h1{font-size:clamp(2.7rem,5.6vw,5.2rem);letter-spacing:-.005em}
.su .su-hero .su-bajada{color:#E4D7EE}
.su .su-hero .su-hero-foto img,.su .su-retrato img{padding:0;background:none;border:var(--filete);border-radius:0;outline:1px solid rgba(217,180,106,.45);outline-offset:12px;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 80px rgba(240,107,240,.16)}
.su .su-hero .su-hero-foto{padding:14px}

/* Marquesina: banda nocturna con letras de oro */
.su-marquesina{background:var(--noche);box-shadow:none;border-block:var(--filete);animation:none;padding-block:18px}
.su-marquesina span{background:var(--oro-metal-h);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;font-size:clamp(1.25rem,2.2vw,1.6rem)}
.su-marquesina span::after{color:#C98C7E;-webkit-text-fill-color:#C98C7E}

/* Títulos de sección: centrados, con ornamento de oro (como los encabezados de la referencia) */
.su .su-titulo-seccion{grid-template-columns:minmax(0,1fr)!important;justify-items:center;text-align:center;gap:18px!important;max-width:760px;margin-inline:auto!important}
.su .su-titulo-seccion h2{font-size:clamp(2.3rem,4.6vw,3.6rem)}
.su .su-titulo-seccion h2::before,.su .su-contacto h2::before{content:"";display:block;width:140px;height:12px;margin:0 auto 26px;background:var(--ornamento) center/contain no-repeat}
.su .su-titulo-seccion h2::after,.su .su-contacto h2::after{display:none}
.su .su-titulo-seccion .elementor-widget-text-editor{color:var(--texto2);margin-inline:auto}

/* Clases */
.su .su-clase h3{color:var(--texto)}
.su .su-clase:hover h3{color:#F2D99A}
.su .su-fotos-clase img,.su .su-book img,.su .su-portada img{border-radius:0;border:var(--filete);box-shadow:0 24px 60px rgba(0,0,0,.45)}
.su .su-ciclo{padding:1px!important;border-radius:0;background:var(--oro-metal);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.su .su-ciclo-dentro{border-radius:0;background:linear-gradient(160deg,var(--noche-3),var(--noche-2))}
.su .su-ciclo .su-izq .elementor-widget-text-editor{color:var(--texto2)}
.su .su-precios{border-radius:0;background:linear-gradient(160deg,rgba(231,198,118,.08),rgba(255,255,255,.02));border-color:var(--linea)}
.su .su-precio .elementor-heading-title{background:linear-gradient(90deg,#E9C97A,#FFF1C4 35%,#E2B55A 65%,#FBE6AE);-webkit-background-clip:text;background-clip:text;color:transparent}
.su .su-precio .elementor-heading-title small{-webkit-text-fill-color:#CDBEDB;background:none}
.su .su-precio .elementor-widget-text-editor{color:var(--texto2)}

/* Videos: mosaicos con el nombre sobre la imagen, en versalitas (como el carrusel de la referencia) */
.su .su-reels{gap:4px!important}
.su .su-reel .elementor-widget-video{border-radius:0;padding:0;background:#000;box-shadow:none}
.su .su-reel .elementor-widget-video video,.su .su-reel .elementor-wrapper{border-radius:0}
.su .su-reel .elementor-widget-video::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(13,7,20,.88));pointer-events:none;z-index:1}
.su .su-reel .su-reel-titulo,.su .su-reel .su-reel-sub{position:absolute!important;left:12px;right:12px;z-index:3;text-align:center;pointer-events:none;margin:0!important}
.su .su-reel .su-reel-titulo{bottom:48px}
.su .su-reel .su-reel-sub{bottom:24px;color:var(--champan-txt);font-size:.78rem;letter-spacing:.04em}
.su .su-reel .su-reel-titulo .elementor-heading-title{font-family:var(--f-texto);font-style:normal;font-weight:500;font-size:.86rem;letter-spacing:.26em;text-transform:uppercase;color:#fff}
.su .su-reel:hover .elementor-widget-video{transform:none;box-shadow:inset 0 0 0 1px #E7C676}
.su .su-reel .elementor-widget-video video{transition:transform 1.2s ease}
.su .su-reel:hover .elementor-widget-video video{transform:scale(1.04)}
.su-reel-estado{border-radius:2px;background:rgba(13,7,20,.6);letter-spacing:.12em;text-transform:uppercase;font-size:.66rem}

/* Eventos: fotografía a sangre, de borde a borde */
.su .su-portada{width:100vw;max-width:none;margin-left:calc(50% - 50vw)!important;margin-top:calc(-1 * clamp(64px,9vw,120px))!important}
.su .su-portada img{aspect-ratio:21/8;border:0;border-block:var(--filete);box-shadow:none}
.su .su-ocasiones p{justify-content:center}
.su .su-ocasiones span{background:transparent;border:1px solid rgba(217,180,106,.5);border-radius:0;box-shadow:none;color:var(--champan-txt);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;padding:10px 18px}
.su .su-pasos li{border-top-color:var(--linea)}
/* Cotizador: tarjeta nocturna con filete de oro y campos de línea (como el formulario de la referencia) */
.su-cotizador{border-radius:0;border:1px solid transparent;background:linear-gradient(160deg,var(--noche-3),var(--noche-2)) padding-box,var(--oro-metal) border-box;box-shadow:0 30px 80px rgba(0,0,0,.5);color-scheme:dark}
.su-campo label{text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;color:var(--champan-txt)}
.su-campo input,.su-campo select,.su-campo textarea{background:transparent;color:var(--texto);border:0;border-bottom:1px solid rgba(217,180,106,.45);border-radius:0;padding:10px 2px}
.su-campo select option{background:var(--noche-2);color:var(--texto)}
.su-campo input:focus,.su-campo select:focus,.su-campo textarea:focus{border-color:#F6E0A0;box-shadow:0 1px 0 #F6E0A0}
.su-campo textarea{border:1px solid rgba(217,180,106,.35);padding:10px 12px}
.su-nota{color:var(--texto2)}

/* Fabiola */
.su .su-retrato img{border-radius:240px 240px 0 0}
.su .su-nombre .elementor-heading-title{text-shadow:0 0 6px rgba(255,120,255,.8),0 0 24px rgba(240,107,240,.45)}
.su .su-ficha dl,.su .su-ficha dl div{border-color:var(--linea)}
.su .su-ficha dt{text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;color:var(--champan-txt)}
.su .su-book{gap:4px!important}
.su .su-book>.elementor-widget:nth-child(even){transform:none}
.su .su-book img{border:0;box-shadow:none;transition:filter .4s,box-shadow .4s}
.su .su-book img:hover{box-shadow:inset 0 0 0 1px #E7C676;filter:brightness(1.08)}

/* Galería: mosaico a sangre, sin redondeos, separado por un hilo */
.su .su-galeria{width:100vw;max-width:none;margin-left:calc(50% - 50vw)!important}
.su .su-galeria .gallery{gap:4px;grid-auto-rows:clamp(160px,20vw,300px)}
.su .su-galeria .gallery-item{overflow:hidden}
.su .su-galeria .gallery-item img{border-radius:0;transition:transform 1.2s ease,filter .4s}
.su .su-galeria .gallery-item img:hover{transform:scale(1.04);box-shadow:none;filter:brightness(1.08)}
.su .su-pie-galeria{justify-content:center;text-align:center;flex-direction:column!important}

/* Contacto: centrado y sobrio */
.su .su-contacto>.su-envoltura{grid-template-columns:minmax(0,1fr)!important;justify-items:center;text-align:center;max-width:760px}
.su .su-contacto h2{font-size:clamp(2.6rem,6vw,4.6rem)}
.su .su-datos{width:100%}
.su .su-datos a{text-align:left}
.su .su-datos a span{text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;color:var(--champan-txt);align-self:center}
.su .su-datos a:hover b{color:#F2D99A}

/* Pie */
.su-pie{background:#08040D;color:#BFAFCD;letter-spacing:.06em}

/* Aparición suave al entrar en pantalla (solo si hay JS y sin «reducir movimiento») */
body.su-anim .su-rev{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
body.su-anim .su-rev.visto{opacity:1;transform:none}

@media (max-width:900px){
  .su-cabecera .su-envoltura,.su-cabecera.su-solida .su-envoltura{min-height:64px}
  .su-menu{background:rgba(13,7,20,.97);letter-spacing:.24em}
  .su-cabecera.abierta{background:rgba(13,7,20,.97)}
  .su .su-hero .su-hero-texto{padding-top:calc(64px + 36px)!important}
  .su .su-hero .su-hero-video::after{background:linear-gradient(180deg,rgba(13,7,20,.8) 0%,rgba(30,16,49,.6) 55%,var(--noche) 100%)}
  .su .su-portada img{aspect-ratio:4/3}
  .su .su-reels{gap:8px!important}
  .su .su-galeria .gallery{grid-auto-rows:170px}
  body.su:not(.home) main{padding-top:64px}
}
@media (prefers-reduced-motion:reduce){body.su-anim .su-rev{opacity:1;transform:none}}
/* V4: Elementor limita los widgets al 100% del contenedor; las piezas a sangre necesitan salirse */
.su .su-portada,.su .su-galeria{width:100vw!important;max-width:100vw!important}
.su .su-portada img{width:100%!important;max-width:none!important}
.su .su-reels{max-width:980px;margin-inline:auto}