/* Insight · propuesta 3, segunda vuelta (10-nov-2026): la estructura y la vibra de la
   referencia «Synais», con el marino del logo en lugar del vino. Menos texto y todo empuja a
   los cursos. Outfit ligera, títulos en dos tonos, piedra clara arriba y marino hondo abajo,
   panel satinado, pie casi negro con el nombre gigante.
   Nada de lo que se lee baja de 16 px. Sin desenfoques. Lo que se mueve sin parar, sólo con
   transform y opacity (y las luces del circuito, que sólo existen en laptop). */
@font-face { font-family: "Outfit"; src: url("/letras/outfit.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }
:root {
  --piedra: #e7e2d9;
  --piedra-2: #d9d2c5;
  --crema: #f6f2eb;
  --hondo: #0b2238;
  --marino: #0d4779;
  --negro: #060e17;
  --tinta: #13202c;
  --tenue: #8d857a;
  --tenue-oscuro: rgb(255 255 255 / .42);
  --turquesa: #2fbbde; --coral: #f7767a;
  --magenta: #d45bb1; --rosa: #ed6085; --naranja: #f28358; --amarillo: #eabc31; --verde: #58cb82; --cian: #29aade; --azul: #3d7cda; --agua: #39c1a5;
  --lados: max(20px, calc((100% - 1200px) / 2));
  --suave: cubic-bezier(.22, 1, .36, 1);
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-padding-top: 76px; -webkit-text-size-adjust: 100%; overflow-x: clip; }
body { margin: 0; background: var(--hondo); color: var(--tinta); font: 400 18px/1.55 "Outfit", system-ui, sans-serif; -webkit-font-smoothing: antialiased; overflow-x: clip; }
img, svg { display: block; }
a { color: inherit; }
h1, h2, h3, p, dl, dd { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
:focus-visible { outline: 3px solid var(--turquesa); outline-offset: 3px; border-radius: 6px; }
.tenue { color: var(--tenue); }

/* ---------- piezas ---------- */
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 26px; border-radius: 6px; border: 1px solid transparent; font: inherit; font-size: 17px; font-weight: 500; text-decoration: none; white-space: nowrap; transition: background-color .2s, color .2s, border-color .2s, transform .3s var(--suave); }
.btn:hover { transform: translateY(-2px); }
.btn--marino { background: var(--marino); color: #fff; }
.btn--marino:hover { background: var(--hondo); }
.btn--blanco { background: #fff; color: var(--tinta); border-color: rgb(19 32 44 / .12); }
.btn--blanco:hover { border-color: var(--tinta); }
.btn--crema { background: var(--crema); color: var(--hondo); }
.btn--gris { background: #ecebe8; color: var(--tinta); }
.btn--gris:hover { background: #e0ded9; }
.insignia { display: inline-flex; align-items: center; gap: 8px; width: fit-content; padding: 4px 12px; border-radius: 6px; background: #fff; box-shadow: 0 0 0 1px rgb(19 32 44 / .1); font-size: 16px; font-weight: 500; }
.insignia__punto { width: 8px; height: 8px; border-radius: 2px; background: var(--coral); }
.insignia--oscura { background: var(--crema); color: var(--hondo); box-shadow: none; margin-inline: auto; }
.insignia--clara { background: rgb(255 255 255 / .88); color: var(--hondo); box-shadow: none; margin-inline: auto; }
.titulo { font-size: clamp(36px, 4.6vw, 64px); line-height: 1.04; font-weight: 400; letter-spacing: -.035em; text-align: center; text-wrap: balance; }
.titulo--claro { color: #fff; }
.titulo--claro .tenue, .como .tenue, .nosotros .tenue { color: var(--tenue-oscuro); }
.panel .tenue { color: rgb(255 255 255 / .6); }

.logo { position: relative; display: block; width: 46px; aspect-ratio: 674 / 488; flex: none; }
.logo > * { position: absolute; inset: 0; width: 100%; height: 100%; }
.logo__tinta { background: var(--marino); -webkit-mask: url("/logo/logo-icono-tinta.png") center / contain no-repeat; mask: url("/logo/logo-icono-tinta.png") center / contain no-repeat; }
.logo__hueco { background: #fff; -webkit-mask: url("/logo/logo-icono-hueco.png") center / contain no-repeat; mask: url("/logo/logo-icono-hueco.png") center / contain no-repeat; }

/* ---------- barra ---------- */
.barra { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; gap: 24px; padding: 12px var(--lados); background: var(--piedra); border-bottom: 1px solid rgb(19 32 44 / .08); }
.marca { display: flex; align-items: center; gap: 8px; padding: 4px 12px 4px 8px; margin-right: auto; border-radius: 8px; background: rgb(255 255 255 / .6); box-shadow: 0 0 0 1px rgb(19 32 44 / .08); text-decoration: none; }
.marca__letras { width: 104px; aspect-ratio: 842 / 294; background: var(--hondo); -webkit-mask: url("/logo/logo-letras-tinta.png") center / contain no-repeat; mask: url("/logo/logo-letras-tinta.png") center / contain no-repeat; }
.menu { display: flex; gap: 26px; }
.menu a { text-decoration: none; color: #3c4855; }
.menu a:hover { color: var(--tinta); }
.barra__wa { min-height: 42px; padding: 0 18px; font-size: 16px; }

/* ---------- portada ---------- */
.portada { position: relative; isolation: isolate; overflow: hidden; min-height: max(600px, calc(100svh - 67px)); padding: clamp(32px, 4.4vw, 60px) var(--lados) 0; background: var(--piedra); text-align: center; }
.circuito { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; color: rgb(19 32 44 / .14); }
.nodos li { position: absolute; z-index: -1; left: var(--x); top: var(--y); padding: 3px 10px; border-radius: 6px; background: var(--piedra); box-shadow: 0 0 0 1px rgb(19 32 44 / .16); font-size: 16px; color: #6b665e; white-space: nowrap; }
.portada__centro { position: relative; z-index: 1; display: grid; justify-items: center; gap: 18px; max-width: 900px; margin-inline: auto; }
.portada__titulo { font-size: clamp(44px, min(5vw, 9svh), 80px); line-height: 1; font-weight: 400; letter-spacing: -.045em; text-wrap: balance; }
.portada__titulo .tenue { display: block; }
.portada__bajada { color: #54606b; font-size: clamp(18px, 1.5vw, 21px); }
.portada__acciones { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 6px; }

/* la pieza grande al centro, cortada por el borde de abajo (en la referencia, la mano con el aparato) */
.portada__pieza { position: absolute; z-index: 0; left: 50%; bottom: -60px; width: clamp(260px, min(30vw, 50svh), 430px); transform: translateX(-50%); }
.cabeza-svg { width: 100%; height: auto; overflow: visible; }
.cabeza-svg .arco, .cabeza-svg .arco__linea { display: none; }
.cabeza-svg .cabeza { fill: var(--hondo); }
.cabeza-svg .borde { fill: #fff; }
.cabeza-svg .cerebelo { fill: var(--cian); }
.cabeza-svg .brillo { fill: none; stroke: #fff; stroke-width: 7; stroke-linecap: round; opacity: .45; }
.cabeza-svg .globo-logo { stroke: var(--piedra); stroke-width: 7; stroke-linejoin: round; paint-order: stroke; transform-box: fill-box; transform-origin: center; animation: flota 7s ease-in-out infinite; }
.cabeza-svg .globo-logo + .globo-logo { animation-delay: -3.5s; }
.cabeza-svg .globo-logo--turquesa { fill: var(--turquesa); }
.cabeza-svg .globo-logo--coral { fill: var(--coral); }
.cabeza-svg .giro { transform-box: view-box; transform-origin: 487px 78px; animation: giro 60s linear infinite; }
@keyframes giro { to { transform: rotate(360deg); } }
@keyframes flota { 50% { transform: translateY(-10px); } }
/* el resplandor detrás de la cabeza (en la referencia, la luz del aparato) */
.portada__pieza::before { content: ""; position: absolute; z-index: -1; inset: 4% -6% 0; border-radius: 50%; background: radial-gradient(closest-side, rgb(47 187 222 / .4), transparent); animation: respira 6s ease-in-out infinite; }
@keyframes respira { 50% { opacity: .55; transform: scale(1.06); } }

/* la tarjeta que vende: la próxima clase */
.tarjeta { position: absolute; z-index: 2; right: var(--lados); bottom: 28px; width: 300px; display: grid; gap: 8px; padding: 16px; border-radius: 12px; background: var(--hondo); color: #fff; text-align: left; box-shadow: 0 24px 48px -18px rgb(6 14 23 / .65); }
.tarjeta__cabeza { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 16px; color: rgb(255 255 255 / .7); }
.tarjeta__vivo { width: 10px; height: 10px; border-radius: 50%; background: var(--coral); animation: late 1.6s ease-in-out infinite; }
@keyframes late { 50% { opacity: .25; } }
.tarjeta__titulo { font-size: 19px; line-height: 1.2; font-weight: 500; letter-spacing: -.01em; }
.tarjeta__dato { font-size: 16px; line-height: 1.35; color: rgb(255 255 255 / .7); }
.cuenta { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.cuenta div { display: grid; justify-items: center; padding: 8px 4px 6px; border-radius: 8px; background: rgb(255 255 255 / .08); }
.cuenta b { font-size: 24px; line-height: 1; font-weight: 400; font-variant-numeric: tabular-nums; }
.cuenta span { font-size: 16px; line-height: 1.3; color: rgb(255 255 255 / .6); }
.tarjeta .btn { margin-top: 2px; }

.portada__dato { position: absolute; left: var(--lados); bottom: 36px; max-width: 220px; text-align: left; font-size: 17px; line-height: 1.3; color: #54606b; }
.portada__dato b { display: block; font-size: 44px; line-height: 1; font-weight: 300; letter-spacing: -.03em; color: var(--tinta); }

/* las luces del circuito */
.pulsos circle { opacity: .9; }

/* entrada de la portada: una sola vez al cargar */
.portada__centro { animation: sube .9s var(--suave) both; }
.portada__pieza { animation: pieza 1.3s var(--suave) .15s both; }
.tarjeta { animation: sube .9s var(--suave) .55s both; }
.portada__dato { animation: sube .9s var(--suave) .65s both; }
@keyframes sube { from { opacity: 0; transform: translateY(18px); } }
@keyframes pieza { from { opacity: 0; transform: translate(-50%, 70px); } }

/* ---------- cómo son: la frase grande y tres cosas ---------- */
.como, .nosotros { display: grid; justify-items: center; gap: 28px; padding: clamp(64px, 9vw, 120px) var(--lados); background: var(--hondo); color: #fff; text-align: center; }
.frase { max-width: 940px; font-size: clamp(28px, 3.5vw, 50px); line-height: 1.15; font-weight: 300; letter-spacing: -.03em; text-wrap: balance; }
.frase--chica { max-width: 820px; font-size: clamp(26px, 2.8vw, 40px); }
.frase__logo { display: inline-grid; place-items: center; vertical-align: middle; width: 1.7em; height: 1.1em; margin: 0 .08em; border-radius: .22em; background: var(--crema); }
.frase__logo .logo { width: 1.25em; }
.cifras { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; max-width: 900px; margin-top: 20px; }
.cifras li { display: grid; gap: 4px; padding: 6px 16px; }
.cifras li + li { border-left: 1px solid rgb(255 255 255 / .2); }
.cifras b { font-size: clamp(30px, 3.2vw, 46px); line-height: 1.05; font-weight: 300; letter-spacing: -.03em; }
.cifras span { font-size: 16px; color: rgb(255 255 255 / .62); }

/* ---------- cursos: el panel satinado ---------- */
.cursos { padding: 0 var(--lados) clamp(64px, 8vw, 110px); background: var(--hondo); }
.panel {
  position: relative; isolation: isolate; overflow: hidden; display: grid; justify-items: center; gap: 14px;
  padding: clamp(40px, 5vw, 72px) clamp(12px, 4vw, 56px) clamp(20px, 3vw, 36px); border-radius: 18px; color: #fff; text-align: center;
  background:
    linear-gradient(115deg, transparent 18%, rgb(255 255 255 / .5) 27%, transparent 36%),
    linear-gradient(64deg, transparent 52%, rgb(214 233 243 / .45) 60%, transparent 70%),
    linear-gradient(140deg, transparent 70%, rgb(47 187 222 / .35) 82%, transparent 92%),
    radial-gradient(90% 70% at 15% 0%, #2b6a9b, transparent 60%),
    linear-gradient(160deg, #0d3a63 0%, #0b2238 45%, #154a77 100%);
}
/* un brillo que cruza el panel cada tanto */
.panel::before { content: ""; position: absolute; z-index: -1; top: -20%; bottom: -20%; left: 0; width: 26%; background: linear-gradient(100deg, transparent, rgb(255 255 255 / .3), transparent); transform: translateX(-160%) skewX(-14deg); animation: barrido 10s ease-in-out infinite; }
@keyframes barrido { 0%, 55% { transform: translateX(-160%) skewX(-14deg); } 100% { transform: translateX(560%) skewX(-14deg); } }
.panel__bajada { color: rgb(255 255 255 / .8); }
.panel__tarjetas { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 16px; width: 100%; max-width: 1020px; margin-top: 22px; text-align: left; }
.panel__pie { margin-top: 6px; font-size: 16px; color: rgb(255 255 255 / .7); }
.ui { display: grid; align-content: start; gap: 8px; padding: 10px; border-radius: 12px; background: var(--crema); color: var(--tinta); box-shadow: 0 30px 60px -30px rgb(0 0 0 / .6); }
.ui__cabeza { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 6px 8px 2px; font-weight: 500; }
.ui__nota { font-size: 16px; font-weight: 400; color: var(--tenue); text-align: right; }
.panel .temas { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 10px; width: 100%; max-width: 1020px; margin: 20px 0 14px; text-align: left; color: var(--tinta); }
.panel .tema { padding: 16px; box-shadow: 0 20px 40px -24px rgb(0 0 0 / .6); }
.panel .tema__nombre { font-size: 20px; }
.clase { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 12px; border-radius: 8px; background: #fff; box-shadow: 0 0 0 1px rgb(19 32 44 / .06); transition: box-shadow .25s, transform .3s var(--suave); }
.clase:hover { box-shadow: 0 0 0 1.5px var(--marino); transform: translateY(-2px); }
.clase__dia { display: grid; justify-items: center; padding: 8px 0; border-radius: 6px; background: var(--hondo); color: #fff; }
.clase__dia b { font-size: 26px; line-height: 1; font-weight: 500; }
.clase__dia span { font-size: 16px; line-height: 1.2; color: rgb(255 255 255 / .7); }
.clase__titulo { font-size: 18px; line-height: 1.25; font-weight: 500; }
.clase__datos { font-size: 16px; color: var(--tenue); }
.clase__der { display: grid; justify-items: end; gap: 6px; }
.clase__precio { font-size: 20px; font-weight: 600; }
.clase .btn { min-height: 38px; padding: 0 14px; font-size: 16px; }
.tema { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 6px 10px; padding: 11px 12px; border-radius: 8px; background: #fff; box-shadow: 0 0 0 1px rgb(19 32 44 / .06); text-decoration: none; transition: box-shadow .25s; }
.tema:hover { box-shadow: 0 0 0 1.5px var(--marino); }
.tema__nombre { font-weight: 500; }
.tema__cuantos { font-size: 16px; color: var(--tenue); }
.tema__cuadros { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 4px; }
.tema__cuadros i { width: 16px; height: 16px; border-radius: 4px; background: var(--c); }

/* ---------- tres opciones (los planes) ---------- */
.opciones { display: grid; justify-items: center; gap: 16px; padding: 0 var(--lados) clamp(64px, 8vw, 110px); background: var(--hondo); }
.planes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; gap: 14px; width: 100%; max-width: 1040px; margin-top: 28px; }
.plan { display: grid; align-content: start; gap: 10px; padding: 22px 20px 0; border-radius: 10px; background: #fff; color: var(--tinta); overflow: hidden; }
.plan__nombre { font-size: 20px; font-weight: 600; }
.plan__para { font-size: 16px; color: var(--tenue); }
.plan__precio { margin: 8px 0 4px; font-size: 40px; line-height: 1; font-weight: 400; letter-spacing: -.03em; }
.plan__precio small { font-size: 16px; letter-spacing: 0; color: var(--tenue); }
.plan__lista { display: grid; gap: 8px; margin: 12px -20px 0; padding: 18px 20px 20px; background: var(--piedra); font-size: 16px; }
.plan__lista li { display: flex; gap: 10px; }
.plan__lista li::before { content: ""; flex: none; width: 14px; height: 14px; margin-top: 5px; border-radius: 50%; background: var(--hondo); box-shadow: inset 0 0 0 4px var(--piedra-2); }
.plan--resaltado { box-shadow: 0 0 0 2px var(--crema), 0 30px 60px -30px rgb(47 187 222 / .5); padding-bottom: 0; }
.plan--resaltado .plan__lista { padding-bottom: 36px; }
.plan__cinta { margin: -22px -20px 8px; padding: 8px; background: var(--crema); color: var(--hondo); font-size: 16px; font-weight: 500; text-align: center; }

/* ---------- quiénes somos: corto, y se abre ---------- */
.nosotros { gap: 28px; }
.como { padding-top: 0; }
.mision { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; width: 100%; max-width: 1040px; margin-top: 16px; text-align: left; }
.mision article { display: grid; align-content: start; gap: 12px; padding: clamp(22px, 2.6vw, 34px); border-radius: 14px; background: rgb(255 255 255 / .06); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .12); }
.mision__titulo { font-size: clamp(28px, 2.6vw, 38px); line-height: 1; font-weight: 300; letter-spacing: -.03em; }
.mision__texto { font-size: clamp(18px, 1.4vw, 20px); line-height: 1.5; color: rgb(255 255 255 / .86); }
.leer summary { cursor: pointer; color: #8fe0f4; font-weight: 500; }
.leer p { margin-top: 10px; color: rgb(255 255 255 / .72); }
.mv { width: 100%; max-width: 1040px; margin-top: 8px; text-align: left; border-top: 1px solid rgb(255 255 255 / .16); }
.mv__item { border-bottom: 1px solid rgb(255 255 255 / .16); }
.mv__item summary, .preguntas summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px 0; cursor: pointer; list-style: none; font-size: 20px; }
.mv__item summary::-webkit-details-marker, .preguntas summary::-webkit-details-marker { display: none; }
.mv__item summary::after, .preguntas summary::after { content: "+"; font-size: 26px; line-height: 1; font-weight: 300; color: rgb(255 255 255 / .6); }
.mv__item[open] summary::after, .preguntas details[open] summary::after { content: "−"; }
.mv__item p { padding-bottom: 14px; color: rgb(255 255 255 / .74); }
.valores { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap: 16px 32px; padding-bottom: 22px; }
.valores dt { font-weight: 500; }
.valores dd { color: rgb(255 255 255 / .66); font-size: 17px; }

/* ---------- preguntas ---------- */
.preguntas { display: grid; justify-items: center; gap: 24px; padding: 0 var(--lados) clamp(64px, 8vw, 110px); background: var(--hondo); }
.preguntas__lista { width: 100%; max-width: 820px; color: #fff; border-top: 1px solid rgb(255 255 255 / .16); }
.preguntas details { border-bottom: 1px solid rgb(255 255 255 / .16); }
.preguntas summary { font-size: 19px; }
.preguntas details p { padding-bottom: 18px; color: rgb(255 255 255 / .72); }

/* ---------- pie ---------- */
.pie { overflow: hidden; padding: 64px var(--lados) 0; background: var(--negro); color: rgb(255 255 255 / .72); font-size: 16px; }
.pie a { color: rgb(255 255 255 / .85); }
.pie a:hover { color: #fff; }
.pie__arriba { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 32px; }
.pie__aviso { display: grid; gap: 16px; justify-items: start; }
.pie__grande { max-width: 14ch; font-size: clamp(30px, 3.4vw, 46px); line-height: 1.05; font-weight: 300; letter-spacing: -.03em; color: #fff; }
.pie__datos { display: grid; gap: 6px; }
.pie__datos a { text-decoration: none; }
.pie__crisis { margin-top: 44px; padding-top: 20px; border-top: 1px solid rgb(255 255 255 / .14); max-width: 760px; }
.pie__crisis b { color: #fff; font-weight: 500; }
.pie__legal { margin-top: 16px; color: rgb(255 255 255 / .5); }
.pie__gigante { margin: 16px 0 -0.22em; font-size: clamp(110px, 23vw, 350px); line-height: 1; font-weight: 500; letter-spacing: -.055em; color: var(--crema); text-align: center; }

.barra-cel { display: none; }

/* ---------- tablet y celular: todo en una columna ---------- */
@media (max-width: 1020px) {
  .menu, .nodos, .pulsos, .portada__dato { display: none; }
  .portada { display: grid; justify-items: center; padding-bottom: 0; min-height: 0; }
  .tarjeta { position: relative; right: auto; bottom: auto; width: min(100%, 420px); margin-top: 28px; }
  .portada__pieza { position: relative; left: auto; bottom: auto; transform: none; width: min(72%, 330px); margin: 28px auto -44px; }
  @keyframes pieza { from { opacity: 0; transform: translateY(50px); } }
  .panel__tarjetas, .planes, .mision { grid-template-columns: minmax(0, 1fr); }
  .planes { max-width: 520px; }
}
@media (max-width: 640px) {
  body { font-size: 17px; padding-bottom: 84px; }
  .barra { padding: 10px 14px; }
  .barra__wa { display: none; }
  .portada { padding: 28px 18px 0; }
  .portada__titulo { font-size: clamp(40px, 12vw, 54px); }
  .portada__acciones { width: 100%; }
  .portada__acciones .btn { flex: 1 1 100%; }
  .cifras { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .cifras li { padding: 14px 0; }
  .cifras li + li { border-left: 0; border-top: 1px solid rgb(255 255 255 / .2); }
  .como, .cursos, .opciones, .preguntas, .nosotros { padding-left: 16px; padding-right: 16px; }
  .panel { padding: 36px 10px 18px; }
  .clase { grid-template-columns: 54px minmax(0, 1fr); gap: 8px 12px; }
  .clase__der { grid-column: 1 / -1; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 12px; }
  .clase__der .btn { justify-self: stretch; min-height: 44px; }
  .ui__nota { display: none; }
  .pie { padding: 48px 18px 0; }
  .barra-cel { display: grid; grid-template-columns: 1fr 1fr 1.25fr; gap: 6px; position: fixed; left: 10px; right: 10px; bottom: max(10px, env(safe-area-inset-bottom)); z-index: 40; padding: 6px; border-radius: 12px; background: var(--hondo); box-shadow: 0 0 0 1px rgb(255 255 255 / .12); }
  .barra-cel a { display: grid; place-items: center; min-height: 48px; border-radius: 8px; color: #fff; text-decoration: none; font-weight: 500; }
  .barra-cel__wa { background: #25d366; color: #05301a !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .pulsos { display: none; }
}