/* Pelotinas Global UI */
/* ================= PELOTINAS · v6 · AURORA GLASS BENTO (scope .px6) ================= */
.px6 *{box-sizing:border-box;margin:0;padding:0}
.px6{
  --pink:#EC1C8E;--pink2:#ff59bd;--cyan:#00AEEF;--purple:#8E2DE2;--indigo:#5B33E8;
  --yellow:#FFC400;--lime:#57C838;--orange:#FF7A18;--blue:#2b6fff;
  --ink:#1c1340;--ink2:#5c5590;--line:rgba(120,90,200,.16);
  --glass:rgba(255,255,255,.6);--glass2:rgba(255,255,255,.78);
  --grad-hot:linear-gradient(120deg,#ff59bd 0%,#EC1C8E 42%,#8E2DE2 100%);
  --grad-cool:linear-gradient(120deg,#00AEEF,#5B33E8);
  --grad-sun:linear-gradient(120deg,#FFC400,#FF7A18);
  --grad-rainbow:linear-gradient(120deg,#ff59bd,#8E2DE2,#2b6fff,#00AEEF,#57C838,#FFC400,#FF7A18,#ff59bd);
  --shadow:0 24px 60px -28px rgba(40,20,90,.45);
  --shadow-h:0 34px 70px -26px rgba(236,28,142,.42);
  font-family:'Poppins',system-ui,-apple-system,sans-serif;color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;
  position:relative;overflow-x:clip;background:transparent;
}
/* (el fondo del body queda para la portada; aquí no se aplica) */
.px6 .cat-tabs .tshort{display:none}
.px6 img{max-width:100%;display:block}
.px6 a{text-decoration:none;color:inherit}
.px6 h1,.px6 h2,.px6 h3{font-family:'Sora','Poppins',sans-serif;font-weight:800;line-height:1.06;letter-spacing:-.02em}
.px6 .wrap{width:min(1200px,92vw);margin-inline:auto;position:relative;z-index:2}
.px6 section{position:relative}
.px6 .sec{padding:clamp(48px,6.5vw,96px) 0}
.px6 .kick{display:inline-flex;align-items:center;gap:.5em;font-family:'Baloo 2','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.02em;color:#fff;background:var(--grad-hot);padding:.5em 1.1em;border-radius:999px;box-shadow:var(--shadow)}
.px6 .kick.c{background:var(--grad-cool)}.px6 .kick.y{background:var(--grad-sun);color:var(--ink)}
.px6 .head{text-align:center;max-width:740px;margin:0 auto clamp(28px,3.6vw,48px)}
.px6 .head h2{font-size:clamp(1.9rem,4.2vw,3.1rem);margin:.5em 0 .3em}
.px6 .head h2 .g{background:var(--grad-hot);-webkit-background-clip:text;background-clip:text;color:transparent}
.px6 .head p{color:var(--ink2);font-size:1.03rem}

/* aurora background */
.px6-aurora{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:
  radial-gradient(50vw 50vw at 82% -8%,#ffd6f0 0,transparent 60%),
  radial-gradient(46vw 46vw at -6% 22%,#d7ecff 0,transparent 60%),
  radial-gradient(44vw 44vw at 50% 116%,#e9dcff 0,transparent 60%),
  linear-gradient(180deg,#fbf7ff,#f5f0ff 55%,#fdf9ff)}
/* barra de progreso de scroll delgadita — pura CSS (scroll-timeline) con respaldo JS */
.px6-prog{position:fixed;top:0;left:0;height:3px;width:0;z-index:99999;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#EC1C8E,#8E2DE2 32%,#5B33E8 50%,#2b6fff 64%,#00AEEF 78%,#57C838 90%,#FFC400);box-shadow:0 0 12px rgba(236,28,142,.45)}
@supports (animation-timeline:scroll()){.px6-prog{width:100%;transform-origin:0 50%;transform:scaleX(0);animation:px6prog auto linear;animation-timeline:scroll(root block)}}
@keyframes px6prog{to{transform:scaleX(1)}}

/* iconos del header como SVG en linea (sustituyen a FontAwesome, que ya no se carga) */
.pz-ic{width:1em;height:1em;display:inline-block;vertical-align:-.125em;fill:currentColor}
.icono-tel-negro .pz-ic,.icono-tel-escritorio .pz-ic{width:1em;height:1em}
.contenedor-redes-sociales a .pz-ic,.icono-red-escritorio .pz-ic{width:1.05em;height:1.05em}

/* ================= SCROLLBAR: "TUBO INFLABLE" (super fina, 10px) =================
   Lo ya recorrido se ve INFLADO (rosa->morado, turgente); lo que falta es un hilo
   DESINFLADO; el tirador es la BOQUILLA blanca perlada con estrias de agarre.
   Usa track-piece:start/:end -> la barra tambien indica cuanto llevas leido.
   Puro CSS, 0 peticiones. */
/* scrollbar-color SOLO aqui: en Chrome desactivaria todos los ::-webkit-scrollbar */
@supports (-moz-appearance:none){html{scrollbar-width:thin;scrollbar-color:#cfcae0 #f6f2ff}}
::-webkit-scrollbar{width:10px;height:10px;background:#faf7ff}
::-webkit-scrollbar-track:vertical{background:#f6f2ff;border-radius:7px}
/* valvula del inflador (arriba) y punta (abajo) */
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement,
::-webkit-scrollbar-button:horizontal{display:none}
::-webkit-scrollbar-button:vertical:start:decrement{display:block;height:11px;
  background:radial-gradient(circle at 50% 62%,rgba(255,255,255,.9) 0 .9px,rgba(255,255,255,0) 1.5px),
             radial-gradient(circle at 50% 62%,#4a3a86 0 3px,rgba(74,58,134,.20) 3.5px,rgba(0,0,0,0) 4.4px)}
::-webkit-scrollbar-button:vertical:end:increment{display:block;height:11px;
  background:radial-gradient(circle at 50% 20%,rgba(28,19,64,.24) 0 2px,rgba(28,19,64,0) 2.7px)}
/* YA RECORRIDO = tubo INFLADO */
::-webkit-scrollbar-track-piece:vertical:start{
  background:
    linear-gradient(90deg,rgba(28,19,64,.26) 0 3%,rgba(255,255,255,.55) 24%,rgba(255,255,255,.05) 48%,rgba(28,19,64,.03) 70%,rgba(255,255,255,.14) 86%,rgba(28,19,64,.22) 100%),
    linear-gradient(180deg,#ff6cc4 0%,#EC1C8E 30%,#9b34e0 64%,#6740ea 100%);
  border-radius:6px 6px 2px 2px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 1px 4px rgba(103,64,234,.26);
}
/* LO QUE FALTA = hilo DESINFLADO */
::-webkit-scrollbar-track-piece:vertical:end{
  background:linear-gradient(90deg,rgba(28,19,64,.02),rgba(28,19,64,.20) 30%,rgba(28,19,64,.09) 50%,rgba(28,19,64,.20) 70%,rgba(28,19,64,.02)) no-repeat center/3px 100%;
}
/* TIRADOR = boquilla blanca perlada */
::-webkit-scrollbar-thumb:vertical{
  min-height:40px;border-radius:6px;transition:box-shadow .25s ease;
  background:
    repeating-linear-gradient(180deg,rgba(120,116,145,.38) 0 .9px,rgba(255,255,255,0) .9px 4.4px) no-repeat center/5px 15px,
    linear-gradient(90deg,rgba(90,86,120,.26) 0 4%,rgba(255,255,255,1) 26%,rgba(255,255,255,.97) 46%,rgba(232,230,240,1) 70%,rgba(255,255,255,.8) 86%,rgba(120,116,150,.28) 100%),
    linear-gradient(180deg,#ffffff 0%,#f8f7fc 36%,#eae8f2 74%,#dad7e7 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -2px 3px -1px rgba(80,72,120,.20),0 0 0 .9px rgba(60,48,110,.22),0 1px 4px rgba(40,28,90,.16);
}
::-webkit-scrollbar-thumb:vertical:hover{
  animation:bz-bombeo 1.3s ease-in-out infinite;
  box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -2px 3px -1px rgba(80,72,120,.20),0 0 0 1px rgba(236,28,142,.62),0 1px 5px rgba(40,28,90,.2),0 0 10px rgba(236,28,142,.30);
}
::-webkit-scrollbar-thumb:vertical:active{
  animation:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -3px 4px -1px rgba(80,72,120,.26),0 0 0 1.2px rgba(236,28,142,.85),0 0 14px rgba(236,28,142,.45);
}
::-webkit-scrollbar-thumb:window-inactive{filter:saturate(.6)}
@keyframes bz-bombeo{0%,100%{filter:brightness(1)}50%{filter:brightness(1.05)}}
@media(prefers-reduced-motion:reduce){::-webkit-scrollbar-thumb:vertical:hover{animation:none}}
/* horizontal: version simple */
::-webkit-scrollbar-track:horizontal{background:#f6f2ff}
::-webkit-scrollbar-track-piece:horizontal:start{background:linear-gradient(90deg,#ff6cc4,#EC1C8E 30%,#9b34e0 64%,#6740ea);border-radius:6px}
::-webkit-scrollbar-track-piece:horizontal:end{background:linear-gradient(180deg,rgba(28,19,64,.02),rgba(28,19,64,.20) 50%,rgba(28,19,64,.02)) no-repeat center/100% 3px}
::-webkit-scrollbar-thumb:horizontal{border-radius:6px;background:linear-gradient(0deg,rgba(90,86,120,.26) 0 4%,rgba(255,255,255,1) 26%,rgba(232,230,240,1) 70%,rgba(120,116,150,.28)),linear-gradient(90deg,#fff,#eae8f2);box-shadow:0 0 0 .9px rgba(60,48,110,.22),0 1px 4px rgba(40,28,90,.16)}
::-webkit-scrollbar-corner{background:transparent}
.px6-cf{position:fixed;top:0;left:0;width:10px;height:14px;z-index:9998;pointer-events:none;border-radius:2px;will-change:transform,opacity}

/* glass */
.px6 .glass{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.75);box-shadow:var(--shadow)}

/* buttons */
.px6 .btn{position:relative;display:inline-flex;align-items:center;gap:.5em;font-family:'Baloo 2','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:1.02rem;padding:.78em 1.55em;border-radius:16px;border:0;cursor:pointer;line-height:1;white-space:nowrap;overflow:hidden;transition:transform .16s cubic-bezier(.34,1.7,.5,1),box-shadow .2s}
.px6 .btn:hover{transform:translateY(-3px)}
.px6 .btn:active{transform:translateY(1px) scale(.98)}
.px6 .btn-hot{background:var(--grad-hot);color:#fff;box-shadow:0 16px 34px -14px rgba(236,28,142,.65)}
.px6 .btn-hot:hover{box-shadow:0 26px 52px -14px rgba(236,28,142,.8)}
.px6 .btn-hot,.px6 .btn-hot:hover,.px6 .btn-hot:focus,.px6 .btn-hot:active,.px6 a.btn-hot:hover{color:#fff!important}
.px6 .btn-glass{background:rgba(255,255,255,.94);color:var(--ink);border:1px solid rgba(255,255,255,.85);box-shadow:var(--shadow)}
.px6 .btn-glass:hover{color:var(--pink)}
.px6 .btn .shine::after{content:"";position:absolute;top:0;left:-60%;width:38%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-18deg);animation:sweep 4.5s ease-in-out infinite}
@keyframes sweep{0%,58%{left:-60%}100%{left:130%}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.px6 .float{animation:bob 5.5s ease-in-out infinite}
.px6 .rv{opacity:1}

/* ============ HERO (split: texto izq · video der · compacto y bajo) ============ */
.px6 .hero{padding:clamp(74px,7.5vh,90px) 0 clamp(10px,1.6vh,20px);overflow:visible}
.px6 .hero-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(22px,4vw,52px);align-items:center}
.px6 .hero-in{max-width:560px}
.px6 .hero h1{color:var(--ink);font-size:clamp(1.5rem,3vw,2.35rem);font-weight:800;line-height:1.12;margin:.35em 0 0}
.px6 .hero h1 .cdmx{background:var(--grad-hot);-webkit-background-clip:text;background-clip:text;color:transparent}
.px6 .hero-sub{font-family:'Baloo 2','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-weight:800;font-size:clamp(1.08rem,1.95vw,1.5rem);line-height:1.05;margin-top:.3em;background:linear-gradient(120deg,#8E2DE2,#EC1C8E 55%,#FF7A18);-webkit-background-clip:text;background-clip:text;color:transparent}
.px6 .hero p.lead{color:var(--ink2);font-size:.96rem;margin:.65em 0 0;max-width:44ch}
.px6 .hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:1em}
.px6 .hero-metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:.9em}
.px6 .hero-metrics span{display:inline-flex;align-items:center;gap:.4em;font-family:'Baloo 2','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:.82rem;color:var(--ink);background:#fff;padding:.45em .9em;border-radius:999px;box-shadow:0 6px 16px -8px rgba(40,20,90,.3)}
.px6 .hero-media{position:relative}
.px6 .hero-vidcard{position:relative;border-radius:26px;overflow:hidden;border:6px solid #fff;box-shadow:0 30px 60px -26px rgba(40,20,90,.5);aspect-ratio:16/10;rotate:1.2deg}
.px6 .hero-vidcard .hero-first{width:100%;height:100%;object-fit:cover;display:block}
.px6 .hero-vidcard video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .45s ease}
.px6 .hero-vidcard video.on{opacity:1}
.px6 .hero-vidcard::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(142,45,226,.10),transparent 55%,rgba(0,174,239,.08));pointer-events:none}
.px6 .hero-badge{position:absolute;right:-10px;bottom:-16px;z-index:3;background:var(--grad-sun);color:var(--ink);font-family:'Baloo 2','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-weight:800;font-size:.82rem;padding:.55em .85em;border-radius:16px;box-shadow:var(--shadow);border:4px solid #fff;rotate:-6deg;text-align:center;line-height:1.05}
.px6 .hero-badge b{font-size:1.45em;display:block}
.px6 .hero-toy{position:absolute;z-index:4;font-size:clamp(1.5rem,2.3vw,2.3rem);filter:drop-shadow(0 8px 12px rgba(40,20,90,.25));will-change:transform}

/* ============ CATEGORÍAS (toggle Rentar/Comprar) ============ */
.px6 .cats{margin-top:clamp(6px,1.4vw,16px);padding-bottom:clamp(34px,4.2vw,60px)}
.px6 .cats-card{border-radius:30px;padding:clamp(16px,2.2vw,30px)}
.px6 .cats-head{display:flex;justify-content:space-between;align-items:center;gap:14px 26px;flex-wrap:wrap;margin-bottom:16px}
.px6 .cats-head-txt{min-width:min(100%,280px)}
.px6 .cats-head .kick{margin-bottom:0}
.px6 .cats-head h2{font-size:clamp(1.35rem,2.5vw,2rem);margin:.32em 0 0}
.px6 .cats-head h2 .g{background:var(--grad-hot);-webkit-background-clip:text;background-clip:text;color:transparent}
.px6 .cats-head .sub{color:var(--ink2);font-size:.85rem;margin-top:.3em}
/* toggle Rentar/Comprar 100% CSS (radios+labels) — funciona SIN JS e inmediato */
.px6 .cat-radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}
.px6 .cat-tabs{display:inline-flex;gap:6px;padding:6px;border-radius:999px;background:rgba(120,90,200,.1);position:relative}
.px6 .ct-btn{font-family:'Baloo 2','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:.98rem;color:var(--ink2);padding:.7em 1.4em;border-radius:999px;cursor:pointer;transition:color .2s,background .3s,box-shadow .3s;display:inline-flex;align-items:center;gap:.4em;user-select:none;-webkit-user-select:none}
.px6 #pxtab-renta:checked ~ .cats-head label[for="pxtab-renta"],
.px6 #pxtab-comprar:checked ~ .cats-head label[for="pxtab-comprar"]{background:var(--grad-hot);color:#fff;box-shadow:0 10px 22px -8px rgba(236,28,142,.6)}
.px6 #pxtab-renta:focus-visible ~ .cats-head label[for="pxtab-renta"],
.px6 #pxtab-comprar:focus-visible ~ .cats-head label[for="pxtab-comprar"]{outline:3px solid rgba(142,45,226,.55);outline-offset:2px}
.px6 .cat-panel-title{display:none}
.px6 .cat-panel{display:none}
.px6 #pxtab-renta:checked ~ .cat-panels .cat-panel[data-panel="renta"],
.px6 #pxtab-comprar:checked ~ .cat-panels .cat-panel[data-panel="comprar"]{display:block;animation:panelin .4s cubic-bezier(.2,1,.4,1)}
@keyframes panelin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.px6 .catgrid{display:grid;grid-template-columns:repeat(8,1fr);gap:clamp(8px,1.1vw,16px)}
.px6 .catgrid.buy{grid-template-columns:repeat(2,minmax(0,220px));justify-content:center}
.px6 .cat{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;position:relative;z-index:1}
.px6 .cat:hover{z-index:10}
.px6 .cat .pic{width:100%;aspect-ratio:1;border-radius:24px;overflow:hidden;position:relative;background:#fff;box-shadow:0 14px 30px -14px rgba(40,20,90,.4);transition:transform .28s cubic-bezier(.34,1.6,.5,1),box-shadow .28s;transform-style:preserve-3d}
.px6 .cat .pic::after{content:"";position:absolute;inset:0;border-radius:24px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.6);pointer-events:none}
.px6 .cat .pic img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.px6 .cat:hover .pic{transform:translateY(-8px) scale(1.16);box-shadow:var(--shadow-h)}
.px6 .cat b{font-family:'Baloo 2','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:.92rem;color:var(--ink);line-height:1.15}

/* ============ MARQUEE ============ */
.px6 .mq{overflow:hidden;padding:14px 0;transform:rotate(-1.6deg);margin:6px 0;background:var(--grad-hot)}
.px6 .mq-tk{display:flex;width:max-content;font-family:'Baloo 2','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:1.05rem;color:#fff;animation:mqx 45s linear infinite}
.px6 .mq-tk span{display:inline-flex;align-items:center;gap:30px;padding-right:30px;white-space:nowrap}
/* se desplaza el ancho de UNA copia (1/4 de la cinta, que lleva 4) y reinicia:
   el salto es invisible porque la copia siguiente cae exactamente donde iba la anterior. */
@keyframes mqx{to{transform:translateX(-25%)}}

/* ============ BANNER 2 COLUMNAS: imagen + slider ============ */
.px6 .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.px6 .promo2{padding:clamp(26px,4vw,52px) 0}
.px6 .promo2-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.2vw,26px)}
.px6 .p2-card{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:1/1;background:#efe8ff;display:block}
.px6 .p2-card img{width:100%;height:100%;object-fit:cover;display:block}
.px6 .p2-left{transition:transform .3s,box-shadow .3s}
.px6 .p2-left img{transition:transform .6s}
.px6 .p2-left:hover{transform:translateY(-5px);box-shadow:var(--shadow-h)}
.px6 .p2-left:hover img{transform:scale(1.05)}
.px6 .p2-slider:hover{box-shadow:var(--shadow-h)}
/* slider DESLIZABLE (scroll-snap nativo) + flechas */
.px6 .p2-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.px6 .p2-track::-webkit-scrollbar{display:none}
.px6 .p2-slide{flex:0 0 100%;scroll-snap-align:center;height:100%;display:block}
.px6 .p2-slide img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}
.px6 .p2-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:7;width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.95);color:var(--pink);font-family:'Baloo 2','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:1.7rem;line-height:1;cursor:pointer;box-shadow:var(--shadow);display:grid;place-items:center;transition:background .15s,transform .15s,color .15s}
.px6 .p2-arrow:hover{background:var(--grad-hot);color:#fff;transform:translateY(-50%) scale(1.1)}
.px6 .p2-arrow:active{transform:translateY(-50%) scale(.93)}
.px6 .p2-prev{left:10px}.px6 .p2-next{right:10px}
.px6 .p2-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:7;pointer-events:none}
.px6 .p2-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 1px 4px rgba(0,0,0,.3);transition:width .2s,background .2s}
.px6 .p2-dots i.on{background:#fff;width:22px;border-radius:4px}
.px6 .p2-badge{position:absolute;top:12px;left:12px;z-index:6;background:var(--grad-hot);color:#fff;font-family:'Baloo 2','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:.74rem;padding:.42em .85em;border-radius:999px;box-shadow:var(--shadow);pointer-events:none}
@media(max-width:640px){.px6 .promo2-grid{grid-template-columns:1fr}.px6 .p2-arrow{width:40px;height:40px;font-size:1.5rem}}

/* ============ PRODUCTOS (bento) ============ */
.px6 .prodgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.px6 .pcard{border-radius:26px;overflow:hidden;transition:transform .24s cubic-bezier(.34,1.5,.5,1),box-shadow .24s;display:flex;flex-direction:column;grid-column:span 2}
.px6 .pcard:hover{transform:translateY(-7px);box-shadow:var(--shadow-h)}
.px6 .pcard .ph{aspect-ratio:16/11;overflow:hidden;background:#f0e9ff}
.px6 .pcard.tall .ph{aspect-ratio:4/5}
.px6 .pcard .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.px6 .pcard:hover .ph img{transform:scale(1.07)}
.px6 .pcard .body{padding:16px 18px 20px;flex:1;display:flex;flex-direction:column;gap:6px}
.px6 .pcard .body b{font-family:'Baloo 2','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:1.08rem;color:var(--ink)}
.px6 .pcard .body span{color:var(--ink2);font-size:.9rem;flex:1}
.px6 .pcard .body .go{color:var(--pink);font-weight:700;font-size:.85rem;font-family:'Baloo 2','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}
.px6 .pcard.wide{grid-column:span 3}
.px6 .pcard.wide .ph{aspect-ratio:16/9}

/* ============ FEATURES bento (esferas / publicitarios / factory) ============ */
.px6 .bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(0,auto);gap:16px}
.px6 .fcard{position:relative;border-radius:28px;overflow:hidden;min-height:280px;display:flex;align-items:flex-end;box-shadow:var(--shadow);transition:transform .25s}
.px6 .fcard:hover{transform:translateY(-6px)}
.px6 .fcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.px6 .fcard:hover img{transform:scale(1.06)}
.px6 .fcard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(20,10,45,.82))}
.px6 .fcard .fc{position:relative;z-index:2;padding:24px;color:#fff}
.px6 .fcard .fc .k{font-family:'Baloo 2','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.9}
.px6 .fcard .fc h3{color:#fff;font-size:1.5rem;margin:.15em 0 .35em}
.px6 .fcard .fc p{font-size:.92rem;color:rgba(255,255,255,.9)}
.px6 .fcard .fc .go{display:inline-flex;margin-top:12px;font-family:'Baloo 2','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:.9rem;background:#fff;color:var(--pink);padding:.5em 1em;border-radius:12px}
.px6 .fcard.big{grid-column:span 3;min-height:360px}
.px6 .fcard.sm{grid-column:span 3}

/* ============ STATS ============ */
.px6 .statsec{}
.px6 .statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.px6 .stat{text-align:center;padding:30px 16px 26px;border-radius:26px;transition:transform .25s cubic-bezier(.34,1.5,.5,1)}
.px6 .stat:hover{transform:translateY(-8px)}
.px6 .stat .ic{font-size:2.4rem;line-height:1;margin-bottom:8px;display:inline-block}
.px6 .stat .num{font-family:'Sora','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-weight:800;font-size:clamp(1.9rem,3.8vw,2.9rem);line-height:1}
.px6 .stat .lab{font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;margin-top:6px;color:var(--ink2)}
.px6 .stat:nth-child(1) .num{color:var(--cyan)}.px6 .stat:nth-child(2) .num{color:var(--purple)}
.px6 .stat:nth-child(3) .num{color:var(--lime)}.px6 .stat:nth-child(4) .num{color:var(--orange)}

/* ============ CLIENTES ============ */
.px6 .cli-card{border-radius:30px;padding:clamp(24px,3vw,44px);text-align:center}
.px6 .cli-img{max-width:1000px;width:100%;height:auto;margin:0 auto;filter:grayscale(1);opacity:.72;transition:.5s}
.px6 .cli-img:hover{filter:grayscale(0);opacity:1}

/* ============ TESTIMONIOS (carrusel infinito arrastrable) ============ */
.px6 .tmq{overflow:hidden;padding:6px 0 8px;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.px6 .tmq.grabbing{cursor:grabbing}
.px6 .tmq-track{display:flex;gap:14px;width:max-content;will-change:transform}
.px6 .tcard{flex:0 0 clamp(228px,72vw,286px);border-radius:22px;padding:19px 19px;position:relative}
.px6 .tcard *{pointer-events:none}
.px6 .tcard .q{position:absolute;top:8px;right:15px;font-family:'Sora','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:2.5rem;color:var(--pink);opacity:.16;line-height:1}
.px6 .tcard .who{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.px6 .tcard .av{width:40px;height:40px;border-radius:50%;background:var(--grad-hot);color:#fff;display:grid;place-items:center;font-family:'Baloo 2','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-weight:800;font-size:.98rem;flex:0 0 auto}
.px6 .tcard .who b{display:block;font-family:'Baloo 2','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:.92rem}
.px6 .tcard .stars{color:#ffb400;font-size:.8rem;letter-spacing:1px}
.px6 .tcard p{color:var(--ink2);font-size:.85rem;line-height:1.5}

/* ============ CTA ============ */
.px6 .cta-card{border-radius:36px;padding:clamp(26px,3.4vw,48px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,44px);align-items:center;position:relative;overflow:hidden}
.px6 .cta-card::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(236,28,142,.14),transparent 65%);top:-140px;right:-90px}
.px6 .cta h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}
.px6 .cta .sub{color:var(--ink2);margin:.6em 0 1.3em;max-width:42ch}
.px6 .cta-info{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:18px}
.px6 .cta-info a,.px6 .cta-info span{display:inline-flex;align-items:center;gap:.65em;color:var(--ink);font-weight:600;font-size:.98rem}
.px6 .cta-info .ic{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.7);border:1px solid var(--line);display:grid;place-items:center;font-size:1.05rem;flex:0 0 auto;transition:transform .2s}
.px6 .cta-info a:hover .ic{transform:scale(1.14) rotate(-6deg)}
.px6 .pill-links{display:flex;flex-wrap:wrap;gap:7px}
.px6 .pill-links a{background:rgba(255,255,255,.7);border:1px solid var(--line);color:var(--ink2);font-weight:600;font-size:.8rem;padding:.42em .95em;border-radius:999px;transition:.18s}
.px6 .pill-links a:hover{border-color:var(--pink);color:var(--pink);transform:translateY(-2px)}
.px6 .form .fg{margin-bottom:11px}
.px6 .form label{display:block;font-family:'Baloo 2','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-weight:600;font-size:.82rem;color:var(--ink);margin-bottom:5px}
.px6 .form input,.px6 .form select,.px6 .form textarea{width:100%;padding:.8em .95em;border:2px solid var(--line);border-radius:14px;background:rgba(255,255,255,.85);font:inherit;font-size:.93rem;color:var(--ink);outline:none;transition:.15s}
.px6 .form input:focus,.px6 .form select:focus,.px6 .form textarea:focus{border-color:var(--pink);background:#fff;box-shadow:0 0 0 4px rgba(236,28,142,.1)}
.px6 .form .two{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.px6 .form .btn{width:100%;justify-content:center;margin-top:5px}
.px6 .paybar{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;background:rgba(0,174,239,.08);border:2px dashed rgba(0,174,239,.35);border-radius:16px}
.px6 .paybar img{height:26px;width:auto;flex:0 0 auto}
.px6 .paybar small{color:var(--ink2);font-size:.78rem}
/* 2ª opción de anticipo: Mercado Pago (tono propio para diferenciarla del de PayPal) */
.px6 .paybar+.paybar{margin-top:9px}
.px6 .paybar.mp{background:rgba(255,214,0,.12);border-color:rgba(0,177,234,.42)}
.px6 .paybar.mp img{height:28px}

/* --- CTA: la imagen del footer va a lo ANCHO de la pantalla DETRÁS, y la tarjeta
       (formulario + info) queda TOTALMENTE BLANCA, centrada encima --- */
.px6 #cotiza{
  background:url('https://pelotinas.com/wp-content/uploads/2026/07/fondo_footer3-1800.webp') center center/cover no-repeat!important;
  padding:clamp(40px,5vw,74px) 0!important;
}
@media(max-width:900px){.px6 #cotiza{background-image:url('https://pelotinas.com/wp-content/uploads/2026/07/fondo_footer3-950.webp')!important}}
.px6 #cotiza .cta-card{background:#fff!important;border:0!important;box-shadow:0 36px 74px -26px rgba(20,10,45,.6)!important}

/* la sección superior del footer (Contacto + Anticipo + formulario) es REDUNDANTE con la CTA de
   arriba (que ya tiene el fondo del footer) -> se oculta en esta página; queda solo la barra
   inferior de enlaces + Términos/Condiciones + copyright. */
body.px6-page .elementor-location-footer .elementor-element-bce0afe{display:none!important}
/* quitar el enlace "Venta de inflables usados" del footer (en esta página) */
body.px6-page .elementor-location-footer a[href*="venta-inflables-usados"]{display:none!important}

/* ============ FOOTER ============ */
.px6 .foot{background:#160e33;color:#cdc6f0;padding:56px 0 0;position:relative;z-index:2;margin-top:20px}
.px6 .foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px}
.px6 .foot h4{font-family:'Baloo 2','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;color:#fff;font-size:1.05rem;margin-bottom:12px}
.px6 .foot-logo{height:40px;width:auto;margin-bottom:12px;filter:brightness(0) invert(1)}
.px6 .foot p{color:#a99fd6;font-size:.9rem}
.px6 .foot a{color:#c3bbe8;font-size:.9rem;display:block;padding:3px 0;transition:.15s}
.px6 .foot a:hover{color:#ff8ad4;transform:translateX(4px)}
.px6 .foot .soc{display:flex;gap:9px;margin-top:12px}
.px6 .foot .soc a{width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:1rem;padding:0;transition:.2s}
.px6 .foot .soc a:hover{background:var(--grad-hot);transform:translateY(-3px)}
.px6 .seo{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding:20px 0;display:flex;flex-wrap:wrap;gap:5px 14px;justify-content:center}
.px6 .seo a{font-size:.75rem;color:#8f88bb}
.px6 .seo a:hover{color:#ff8ad4}
.px6 .copy{text-align:center;padding:14px 0 24px;font-size:.76rem;color:#7c74a8}

/* responsive */
@media(max-width:1080px){
  .px6 .catgrid{grid-template-columns:repeat(4,1fr)}
  .px6 .prodgrid{grid-template-columns:repeat(4,1fr)}
  .px6 .pcard{grid-column:span 2}.px6 .pcard.wide{grid-column:span 4}
  .px6 .bento{grid-template-columns:repeat(2,1fr)}.px6 .fcard.big,.px6 .fcard.sm{grid-column:span 1}
}
@media(max-width:860px){
  .px6 .hero{padding-top:clamp(12px,2.5vh,22px)}
  .px6 .hero-grid{grid-template-columns:1fr;gap:24px}
  .px6 .hero-in{max-width:none}
  .px6 .hero-media{max-width:520px;margin-inline:auto;width:100%}
  .px6 .hero-vidcard{aspect-ratio:16/9}
}
@media(max-width:820px){
  .px6 .cta-card{grid-template-columns:1fr}
  .px6 .statgrid{grid-template-columns:repeat(2,1fr)}
  .px6 .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .px6 .cat-tabs .tfull{display:none}.px6 .cat-tabs .tshort{display:inline}
  .px6 .ct-btn{font-size:.9rem;padding:.6em 1em}
  .px6 .hero h1{font-size:clamp(1.35rem,5.6vw,1.95rem)}
  .px6 .hero p.lead{font-size:.96rem}
  .px6 .catgrid{grid-template-columns:repeat(3,1fr)}
  .px6 .catgrid.buy{grid-template-columns:repeat(2,1fr)}
  .px6 .prodgrid{grid-template-columns:repeat(2,1fr)}
  .px6 .pcard,.px6 .pcard.wide{grid-column:span 2}
  .px6 .bento{grid-template-columns:1fr}
  .px6 .form .two{grid-template-columns:1fr}
  .px6 .foot-grid{grid-template-columns:1fr}
  /* CTA "¿Te gustaría rentar o comprar?" más compacto en móvil (se veía muy largo) */
  .px6 #cotiza{padding:26px 0 96px!important} /* espacio extra para que el navbar inferior no tape la barra de PayPal */
  .px6 .cta-card{padding:20px 18px;gap:15px}
  .px6 .cta h2{font-size:clamp(1.45rem,6.5vw,1.85rem)}
  .px6 .cta .sub{margin:.45em 0 .9em;font-size:.92rem}
  .px6 .cta-info{gap:8px;margin-bottom:10px}
  .px6 .cta-info a,.px6 .cta-info span{font-size:.9rem}
  .px6 .cta-info .ic{width:36px;height:36px;font-size:.95rem}
  .px6 .pill-links{display:none}
  .px6 .paybar{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){.px6 *,.px6 .mq-tk,.px6-aurora b{animation:none!important}.px6 .rv{opacity:1!important;transform:none!important}}
/* ocultar floaters heredados SOLO en esta página (se CONSERVAN el header, la barra inferior de móvil y el WhatsApp del plugin wws) */
.elementor-popup-modal,.elementor-location-popup{display:none!important}

/* ===================================================================
   HEADER PRO · rediseño SOLO en /inicio-prueba/ (sin tocar los menús)
   barra de contacto con gradiente + chips · nav "glass" sticky ·
   hover con subrayado gradiente · logo que se encoge al hacer scroll
   =================================================================== */
/* header en su propio contexto de apilamiento, por ENCIMA del fondo aurora de .px6 */
body.px6-page .elementor-46416,body.px6-page .elementor-location-header{position:relative;z-index:40;isolation:isolate}

/* --- barra superior de contacto (teléfono + redes) --- */
body.px6-page .elementor-element-44003be{
  background:linear-gradient(100deg,#EC1C8E 0%,#8E2DE2 52%,#5B33E8 100%)!important;
  position:relative;z-index:1;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.14);
}
body.px6-page .contenedor-contacto-horizontal{padding:8px 0!important;position:relative;width:min(1200px,92vw)}
body.px6-page .item-telefono-escritorio{
  color:#fff!important;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);
  padding:5px 15px 5px 11px;border-radius:999px;transition:background .2s,transform .2s;
}
body.px6-page .item-telefono-escritorio:hover{background:rgba(255,255,255,.26);opacity:1;transform:translateY(-1px)}
body.px6-page .icono-tel-escritorio,body.px6-page .texto-tel-escritorio{color:#fff!important}
body.px6-page .icono-tel-escritorio{font-size:15px;margin-right:8px}
body.px6-page .texto-tel-escritorio{font-size:15px;letter-spacing:.3px}
body.px6-page .contenedor-redes-escritorio{gap:9px}
body.px6-page .icono-red-escritorio{
  width:34px;height:34px;border-radius:50%;font-size:16px;
  background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);
  transition:transform .2s,background .2s;
}
body.px6-page .icono-red-escritorio i,
body.px6-page .icono-red-escritorio .pz-ic{color:#fff!important;fill:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;-webkit-background-clip:border-box!important}
body.px6-page .icono-red-escritorio:hover{transform:translateY(-2px) scale(1.12);background:rgba(255,255,255,.96)}
body.px6-page .icono-red-escritorio.ig:hover i,
body.px6-page .icono-red-escritorio.ig:hover .pz-ic{-webkit-text-fill-color:#dc2743!important;color:#dc2743!important;fill:#dc2743!important}
body.px6-page .icono-red-escritorio.fb:hover i,
body.px6-page .icono-red-escritorio.fb:hover .pz-ic{-webkit-text-fill-color:#1877f2!important;color:#1877f2!important;fill:#1877f2!important}
body.px6-page .icono-red-escritorio.yt:hover i,
body.px6-page .icono-red-escritorio.yt:hover .pz-ic{-webkit-text-fill-color:red!important;color:red!important;fill:red!important}
body.px6-page .icono-red-escritorio.tk:hover i,
body.px6-page .icono-red-escritorio.tk:hover .pz-ic{-webkit-text-fill-color:#000!important;color:#000!important;fill:#000!important}
/* mensaje central (solo pantallas anchas) */
body.px6-page .contenedor-contacto-horizontal::before{
  content:"🎉 Renta de inflables en Ciudad de México · Envíos a todo México · +16 años de diversión";
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  color:rgba(255,255,255,.95);font-weight:600;font-size:13px;letter-spacing:.2px;white-space:nowrap;pointer-events:none;
}
@media(max-width:1240px){body.px6-page .contenedor-contacto-horizontal::before{display:none}}

/* --- barra principal (logo + mega menú) tipo cristal, sticky --- */
body.px6-page .elementor-element-17713bc{
  background:rgba(255,255,255,.86)!important;
  -webkit-backdrop-filter:saturate(1.5) blur(14px);backdrop-filter:saturate(1.5) blur(14px);
  border-bottom:1px solid rgba(120,90,200,.14);
  box-shadow:0 12px 30px -20px rgba(40,20,90,.4);
  transition:background .3s,box-shadow .3s;
}
body.px6-page .elementor-element-17713bc.elementor-sticky--active{
  background:rgba(255,255,255,.94)!important;box-shadow:0 16px 36px -18px rgba(40,20,90,.5);
}
/* el logo se encoge al hacer scroll (progresivo, sin JS) */
body.px6-page .elementor-element-e6ba386 img{transform-origin:left center;transition:transform .3s}
@supports (animation-timeline:scroll()){
  body.px6-page .elementor-element-e6ba386 img{animation:px6logo linear both;animation-timeline:scroll(root block);animation-range:0 170px}
}
@keyframes px6logo{to{transform:scale(.84)}}

/* --- menú: hover con subrayado gradiente + lift + entrada escalonada --- */
body.px6-page .jet-mega-menu-item__link--top-level{position:relative;font-weight:600;transition:color .2s}
body.px6-page .jet-mega-menu-item--top-level>.jet-mega-menu-item__inner{border-radius:12px;transition:transform .22s cubic-bezier(.34,1.5,.5,1)}
body.px6-page .jet-mega-menu-item--top-level:hover>.jet-mega-menu-item__inner,
body.px6-page .jet-mega-menu-item--top-level:focus-within>.jet-mega-menu-item__inner{transform:translateY(-2px)}
body.px6-page .jet-mega-menu-item--top-level:hover .jet-mega-menu-item__label{color:#EC1C8E}
body.px6-page .jet-mega-menu-item__link--top-level .jet-mega-menu-item__label{color:#2a2350;font-weight:600}

/* --- dropdowns: ocultos por defecto (no dependemos del JS que retrasa Rocket) y se abren
       con el cursor Y con el click de Jet (aria-expanded). Solo desktop; el móvil no se toca. --- */
@media(min-width:769px){
  body.px6-page .jet-mega-menu-item--top-level{position:relative}
  body.px6-page .jet-mega-menu-sub-menu{
    display:none;position:absolute;top:100%;left:0;min-width:230px;margin-top:8px;z-index:60;
    background:#fff;border-radius:16px;padding:8px;
    box-shadow:0 26px 54px -22px rgba(40,20,90,.45);border:1px solid rgba(120,90,200,.14);
  }
  body.px6-page .jet-mega-menu-sub-menu::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
  body.px6-page .jet-mega-menu-item--top-level:hover>.jet-mega-menu-sub-menu,
  body.px6-page .jet-mega-menu-item--top-level:focus-within>.jet-mega-menu-sub-menu,
  body.px6-page .jet-mega-menu-item__inner[aria-expanded="true"]+.jet-mega-menu-sub-menu{display:block!important;animation:px6drop .22s cubic-bezier(.2,.9,.3,1) both}
  @keyframes px6drop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  body.px6-page .jet-mega-menu-sub-menu__list{list-style:none;margin:0;padding:0}
  body.px6-page .jet-mega-menu-item__link--sub-level{display:block;padding:9px 14px;border-radius:10px;font-weight:600;white-space:nowrap;transition:background .18s,color .18s}
  body.px6-page .jet-mega-menu-item__link--sub-level .jet-mega-menu-item__label{color:#5c5590}
  body.px6-page .jet-mega-menu-item--sub-level:hover>.jet-mega-menu-item__inner>.jet-mega-menu-item__link--sub-level{background:linear-gradient(120deg,rgba(236,28,142,.1),rgba(142,45,226,.1))}
  body.px6-page .jet-mega-menu-item--sub-level:hover .jet-mega-menu-item__label{color:#EC1C8E}
}

body.px6-page .jet-mega-menu-item--top-level{animation:px6mi .5s cubic-bezier(.2,.8,.3,1) both}
@keyframes px6mi{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:none}}
body.px6-page .jet-mega-menu-list>.jet-mega-menu-item:nth-child(1){animation-delay:.10s}
body.px6-page .jet-mega-menu-list>.jet-mega-menu-item:nth-child(2){animation-delay:.16s}
body.px6-page .jet-mega-menu-list>.jet-mega-menu-item:nth-child(3){animation-delay:.22s}
body.px6-page .jet-mega-menu-list>.jet-mega-menu-item:nth-child(4){animation-delay:.28s}
body.px6-page .jet-mega-menu-list>.jet-mega-menu-item:nth-child(5){animation-delay:.34s}
body.px6-page .jet-mega-menu-list>.jet-mega-menu-item:nth-child(6){animation-delay:.40s}
body.px6-page .jet-mega-menu-list>.jet-mega-menu-item:nth-child(7){animation-delay:.46s}
body.px6-page .jet-mega-menu-list>.jet-mega-menu-item:nth-child(8){animation-delay:.52s}

@media(prefers-reduced-motion:reduce){
  body.px6-page .elementor-46416,body.px6-page .elementor-46416 *{animation:none!important}
  body.px6-page .jet-mega-menu-item--top-level,body.px6-page .elementor-element-44003be,body.px6-page .elementor-element-e6ba386 img{opacity:1!important;transform:none!important}
}

/* --- HEADER MÓVIL mejorado + compacto + auto-ocultable (solo ≤767px, solo esta página) --- */
@media(max-width:767px){
  /* barra del header: glass + sticky + sombra + más DELGADA */
  body.px6-page .elementor-element-8ab0ec6{
    background:rgba(255,255,255,.97)!important;
    border-bottom:1px solid rgba(120,90,200,.14);
    box-shadow:0 10px 26px -18px rgba(40,20,90,.45);
    position:sticky;top:0;z-index:40;
    padding-top:4px!important;padding-bottom:4px!important;min-height:0!important;
    transition:transform .18s cubic-bezier(.22,.9,.3,1);will-change:transform;transform:translateZ(0);
  }
  /* matar el padding vertical de los contenedores/columnas internos de Elementor (venía ~20px) */
  body.px6-page .elementor-element-8ab0ec6 .elementor-element,
  body.px6-page .elementor-element-8ab0ec6 .e-con-inner{padding-top:0!important;padding-bottom:0!important}
  body.px6-page .elementor-element-0a82eec img{max-width:70px}
  /* teléfono como pastilla de gradiente (compacta) */
  body.px6-page .item-telefono-negro{
    background:linear-gradient(100deg,#EC1C8E,#8E2DE2)!important;
    padding:4px 12px 4px 10px;border-radius:999px;margin-bottom:5px;
    box-shadow:0 7px 16px -8px rgba(236,28,142,.55);color:#fff!important;
  }
  body.px6-page .item-telefono-negro .icono-tel-negro,
  body.px6-page .item-telefono-negro .texto-tel-negro,
  body.px6-page .item-telefono-negro i,
  body.px6-page .item-telefono-negro .pz-ic{color:#fff!important;fill:#fff!important}
  body.px6-page .texto-tel-negro{font-weight:700;font-size:13px;letter-spacing:.2px}
  body.px6-page .icono-tel-negro{margin-right:6px;font-size:11px}
  /* redes sociales como chips circulares (compactos) */
  body.px6-page .contenedor-redes-sociales{gap:7px}
  body.px6-page .contenedor-redes-sociales a{
    width:29px;height:29px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    background:rgba(142,45,226,.09);border:1px solid rgba(142,45,226,.16);
    font-size:14px;transition:transform .18s ease,background .18s ease;
  }
  body.px6-page .contenedor-redes-sociales a:active{transform:scale(.9);background:rgba(142,45,226,.18)}
  /* hamburguesa en botón de gradiente con líneas blancas */
  body.px6-page .hamburguesa-premium-btn{
    width:40px!important;height:40px!important;padding:13px 9px!important;border-radius:13px;
    background:linear-gradient(135deg,#EC1C8E,#8E2DE2);
    box-shadow:0 7px 16px -8px rgba(142,45,226,.6);
  }
  body.px6-page .hamburguesa-premium-btn span,
  body.px6-page .hamburguesa-premium-btn:hover span{background-color:#fff!important;height:2.5px}

  /* barra inferior tipo app: más DELGADA + transición rápida (sin blur para que no se trabe) */
  body.px6-page .app-bottom-navbar{transition:transform .18s cubic-bezier(.22,.9,.3,1)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(255,255,255,.97)!important}
  body.px6-page .app-bottom-navbar .navbar-container{height:56px!important}
  body.px6-page .app-bottom-navbar .nav-icon{width:21px!important;height:21px!important;margin-bottom:2px!important}
  body.px6-page .app-bottom-navbar .nav-item{font-size:10px!important}
  /* botón central de TikTok: restaurar tamaño (el compactado general lo había encogido) */
  body.px6-page .app-bottom-navbar .nav-item-central .central-btn{width:50px!important;height:50px!important;margin-bottom:2px!important}
  body.px6-page .app-bottom-navbar .nav-item-central .nav-icon svg{width:26px!important;height:26px!important}

  /* estado OCULTO (estilo Facebook: baja el header, baja la barra) */
  body.px6-nav-hidden .elementor-element-8ab0ec6{transform:translateY(-100%)}
  body.px6-nav-hidden .app-bottom-navbar{transform:translateY(130%)!important}

  /* quitar el espacio blanco bajo el footer: el body traía padding-bottom (holgura para la
     barra fija) que mostraba el fondo lavanda. Lo pasamos DENTRO del footer para que lo
     rellene la imagen del propio footer y el botón ENVIAR siga librando la barra. */
  body.px6-page{padding-bottom:0!important}
  body.px6-page .elementor-location-footer .elementor-element-485a1c43{padding-bottom:60px!important}
}

/* ============ FIX: el widget de WhatsApp (WWS) se tragaba los clics ============
   El plugin monta un contenedor FIJO (.wws-popup-container) que en escritorio mide
   casi todo el ancho de la pantalla (≈1413px) aunque el botón verde visible sólo
   ocupe ~129px a la derecha. Esa franja invisible queda encima del pie de página
   y roba el clic de los enlaces ("Pelotas gigantes", "Preguntas Frecuentes", etc.).
   Solución: el contenedor deja de recibir clics y se los devolvemos SÓLO al botón
   y a la ventana emergente, así el widget sigue funcionando igual. */
.wws-popup-container,
.wws-popup-container .wws-popup__footer,
.wws-popup-container .wws-clearfix{pointer-events:none!important}
.wws-popup-container .wws-popup,
.wws-popup-container .wws-popup__open-btn{pointer-events:auto!important}

/* --- 2026-08-11: bloque "¿Te gustaría rentar o comprar?" sin texto justificado ---
   El CSS global del sitio justifica los textos y eso estiraba el título y los
   párrafos de este CTA (quedaban huecos raros entre palabras). Aquí van
   alineados a la izquierda. La barra del anticipo (.paybar) NO se toca: va centrada. */
.px6 #cotiza .cta h2,
.px6 #cotiza .cta .sub,
.px6 #cotiza .cta .kick,
.px6 #cotiza .cta-info,
.px6 #cotiza .cta-info a,
.px6 #cotiza .cta-info span,
.px6 #cotiza .pill-links,
.px6 #cotiza .pill-links a,
.px6 #cotiza .form label,
.px6 #cotiza .form input,
.px6 #cotiza .form select,
.px6 #cotiza .form textarea{text-align:left}