.math-decor{position:absolute!important;z-index:0!important;inset:0;overflow:hidden;pointer-events:none;user-select:none}.math-decor>span{position:absolute;color:#142b32;font:700 clamp(1.8rem,3.3vw,4rem)/1 "Fredoka",system-ui,sans-serif;opacity:.12;transform:rotate(-12deg)}.math-decor .math-dot{width:clamp(12px,1.7vw,24px);height:clamp(12px,1.7vw,24px);border-radius:50%;opacity:.4}.math-decor .red{background:#f42f3b}.math-decor .blue{background:#438fe5}.math-decor .pink{background:#f737b5}.math-decor .green{background:#00ae4d}.math-decor .orange{background:#ff7a2f}.math-decor>span:nth-child(1){top:2%;left:3%}.math-decor>span:nth-child(2){top:7%;right:3%;transform:rotate(15deg)}.math-decor>span:nth-child(3){top:11%;left:6%}.math-decor>span:nth-child(4){top:16%;right:7%;transform:rotate(8deg)}.math-decor>span:nth-child(5){top:21%;left:2%;transform:rotate(-8deg)}.math-decor>span:nth-child(6){top:25%;right:4%}.math-decor>span:nth-child(7){top:30%;left:7%;transform:rotate(9deg)}.math-decor>span:nth-child(8){top:35%;right:3%}.math-decor>span:nth-child(9){top:39%;left:4%}.math-decor>span:nth-child(10){top:44%;right:7%;transform:rotate(-18deg)}.math-decor>span:nth-child(11){top:49%;left:2%;transform:rotate(14deg)}.math-decor>span:nth-child(12){top:53%;right:4%}.math-decor>span:nth-child(13){top:58%;left:7%;transform:rotate(-5deg)}.math-decor>span:nth-child(14){top:63%;right:2%;transform:rotate(12deg)}.math-decor>span:nth-child(15){top:67%;left:4%}.math-decor>span:nth-child(16){top:72%;right:6%;transform:rotate(17deg)}.math-decor>span:nth-child(17){top:77%;left:2%;transform:rotate(-9deg)}.math-decor>span:nth-child(18){top:81%;right:4%}.math-decor>span:nth-child(19){top:85%;left:7%;transform:rotate(10deg)}.math-decor>span:nth-child(20){top:90%;right:3%;transform:rotate(-14deg)}.math-decor>span:nth-child(21){top:94%;left:4%}.math-decor>span:nth-child(22){top:97%;right:8%;transform:rotate(8deg)}
@media(max-width:700px){.math-decor>span{opacity:.09}.math-decor .math-dot{opacity:.32}.math-decor>span:nth-child(4n){display:none}}

/* Capa expresiva: tamaños, colores y formas inspirados en el logo Ludika. */
.math-decor>span{opacity:.24;animation:math-float 8s ease-in-out infinite alternate}.math-decor>span:nth-child(3n){animation-duration:11s;animation-delay:-3s}.math-decor>span:nth-child(4n+1){animation-duration:13s;animation-delay:-6s}.math-decor .math-dot{opacity:.62;box-shadow:inset -3px -4px 0 rgba(0,0,0,.08),0 5px 12px rgba(22,28,33,.09)}.math-decor>span:not(.math-dot):not(.math-shape):nth-child(5n+1){color:#f42f3b}.math-decor>span:not(.math-dot):not(.math-shape):nth-child(5n+2){color:#087d39}.math-decor>span:not(.math-dot):not(.math-shape):nth-child(5n+3){color:#266fbf}.math-decor>span:not(.math-dot):not(.math-shape):nth-child(5n+4){color:#d31b91}.math-decor>span:not(.math-dot):not(.math-shape):nth-child(5n){color:#be6d00}.math-decor>span:nth-child(1),.math-decor>span:nth-child(11),.math-decor>span:nth-child(17){font-size:clamp(4rem,7vw,8rem)}.math-decor>span:nth-child(2),.math-decor>span:nth-child(7),.math-decor>span:nth-child(14),.math-decor>span:nth-child(20){font-size:clamp(2.8rem,5vw,5.5rem)}.math-decor>span:nth-child(4),.math-decor>span:nth-child(10),.math-decor>span:nth-child(16),.math-decor>span:nth-child(22){font-size:clamp(3.5rem,6vw,6.5rem)}.math-decor .large{width:clamp(34px,5vw,70px);height:clamp(34px,5vw,70px)}.math-number{font-size:clamp(4.5rem,8vw,9rem)!important;font-family:"Fredoka",system-ui,sans-serif!important;text-shadow:3px 4px 0 rgba(255,255,255,.42)}.math-shape{display:block;width:clamp(45px,6vw,95px);height:clamp(45px,6vw,95px);opacity:.45!important}.math-shape.ring{border:clamp(8px,1vw,15px) solid;border-radius:50%;background:transparent!important}.math-shape.ring.green{border-color:#00ae4d}.math-shape.ring.red{border-color:#f42f3b}.math-shape.square{border-radius:22%;background:#f737b5}.math-shape.pill{width:clamp(70px,9vw,145px);height:clamp(28px,3.5vw,56px);border-radius:999px;background:#438fe5}.math-shape.diamond{border-radius:18%;background:#00ae4d;transform:rotate(45deg)!important}.math-decor>span:nth-child(23){top:5%;left:27%;transform:rotate(-8deg)}.math-decor>span:nth-child(24){top:13%;right:20%}.math-decor>span:nth-child(25){top:28%;right:21%;transform:rotate(8deg)}.math-decor>span:nth-child(26){top:37%;left:19%;transform:rotate(12deg)}.math-decor>span:nth-child(27){top:47%;right:18%;transform:rotate(-7deg)}.math-decor>span:nth-child(28){top:57%;left:17%;transform:rotate(-18deg)}.math-decor>span:nth-child(29){top:66%;right:19%;font-size:clamp(3.5rem,6vw,7rem);color:#087d39}.math-decor>span:nth-child(30){top:73%;left:20%}.math-decor>span:nth-child(31){top:81%;right:20%;font-size:clamp(3.5rem,6vw,7rem);color:#d31b91}.math-decor>span:nth-child(32){top:87%;left:18%}.math-decor>span:nth-child(33){top:93%;right:18%;font-size:clamp(3.5rem,6vw,7rem);color:#266fbf}.math-decor>span:nth-child(34){top:97%;left:24%}
@keyframes math-float{from{translate:0 -7px}to{translate:0 10px}}
@media(max-width:700px){.math-decor>span{opacity:.17}.math-decor .math-dot{opacity:.5}.math-decor>span.math-shape{display:block}.math-number{font-size:clamp(3.5rem,14vw,5.5rem)!important}.math-shape{width:48px;height:48px}.math-shape.pill{width:75px;height:32px}}
@media(prefers-reduced-motion:reduce){.math-decor>span{animation:none}}

/* Los adornos quedan sobre el velo de color y detrás de tarjetas y textos. */
.math-decor{z-index:1!important}
.math-decor>span{opacity:.36;text-shadow:0 2px 0 rgba(255,255,255,.78),0 8px 22px rgba(17,35,42,.12)}
.math-decor>span:nth-child(-n+6){opacity:.25}
.math-decor .math-dot{opacity:.82;box-shadow:inset -3px -4px 0 rgba(0,0,0,.1),0 7px 16px rgba(22,28,33,.16)}
.math-decor .math-shape{opacity:.68!important;filter:drop-shadow(0 7px 10px rgba(21,34,39,.11))}

.page-shapes{position:absolute!important;z-index:1!important;inset:0;overflow:hidden;pointer-events:none;user-select:none}
.page-shapes>span{position:absolute;display:block;opacity:.68;animation:geo-drift 11s ease-in-out infinite alternate;filter:drop-shadow(0 8px 14px rgba(20,35,40,.08))}
.page-shapes>span:nth-child(3n){animation-duration:14s;animation-delay:-4s}.page-shapes>span:nth-child(4n){animation-duration:17s;animation-delay:-8s}
.geo-ring{width:clamp(85px,10vw,170px);height:clamp(85px,10vw,170px);border:clamp(10px,1.2vw,18px) solid;border-radius:50%;background:transparent}.geo-ring-yellow{border-color:#ffbd0a}.geo-ring-blue{border-color:#438fe5}.geo-ring-red{border-color:#f42f3b}
.geo-arc{width:clamp(130px,16vw,250px);height:clamp(65px,8vw,125px);border:clamp(6px,.7vw,11px) solid transparent;border-top-color:currentColor;border-radius:50%}.geo-arc-red{color:#f42f3b}.geo-arc-orange{color:#ff7a2f}
.geo-loop{width:clamp(150px,19vw,290px);height:clamp(75px,9vw,140px);border:clamp(4px,.5vw,8px) dashed;border-radius:50%;background:transparent}.geo-loop-green{border-color:#00ae4d}.geo-loop-pink{border-color:#f737b5}
.geo-line{width:clamp(130px,16vw,250px);height:clamp(55px,7vw,105px);border-top:clamp(6px,.7vw,10px) solid;border-radius:50%}.geo-line::after{content:"";position:absolute;left:18%;top:22px;width:72%;height:70%;border-bottom:clamp(4px,.45vw,7px) solid;border-radius:50%;transform:rotate(-8deg)}.geo-line-pink{color:#f737b5}.geo-line-green{color:#00ae4d}
.geo-dots{width:clamp(85px,10vw,150px);height:clamp(65px,8vw,120px);background-image:radial-gradient(circle,#438fe5 0 7px,transparent 8px);background-size:32px 32px}.geo-dots-multi{background-image:radial-gradient(circle,#f737b5 0 7px,transparent 8px),radial-gradient(circle,#ffbd0a 0 6px,transparent 7px);background-position:0 0,16px 16px;background-size:32px 32px}.geo-dots-yellow{background-image:radial-gradient(circle,#ffbd0a 0 7px,transparent 8px)}
.page-shapes>span:nth-child(1){top:7%;right:-3%;transform:rotate(18deg)}.page-shapes>span:nth-child(2){top:15%;left:10%;transform:rotate(-15deg)}.page-shapes>span:nth-child(3){top:24%;right:1%;transform:rotate(8deg)}.page-shapes>span:nth-child(4){top:32%;left:-5%;transform:rotate(12deg)}.page-shapes>span:nth-child(5){top:41%;right:7%;transform:rotate(-19deg)}.page-shapes>span:nth-child(6){top:50%;left:4%;transform:rotate(9deg)}.page-shapes>span:nth-child(7){top:59%;right:3%;transform:rotate(-7deg)}.page-shapes>span:nth-child(8){top:68%;left:11%;transform:rotate(16deg)}.page-shapes>span:nth-child(9){top:76%;right:-5%;transform:rotate(-11deg)}.page-shapes>span:nth-child(10){top:84%;left:3%;transform:rotate(13deg)}.page-shapes>span:nth-child(11){top:91%;right:7%;transform:rotate(-14deg)}.page-shapes>span:nth-child(12){top:96%;left:16%;transform:rotate(5deg)}
@keyframes geo-drift{from{translate:0 -10px}to{translate:0 13px}}

@media(max-width:700px){.math-decor>span{opacity:.28}.math-decor>span:nth-child(-n+6){opacity:.2}.math-decor .math-dot{opacity:.72}.math-decor .math-shape{opacity:.56!important}.page-shapes>span{opacity:.5}.page-shapes>span:nth-child(3n){display:none}.geo-dots{background-size:25px 25px}.geo-line::after{top:14px}}
@media(prefers-reduced-motion:reduce){.page-shapes>span{animation:none}}