
/* ===== Maskotízate Premium V12 ===== */
:root{--glass:rgba(255,250,253,.72);--glass-border:rgba(255,255,255,.65);--ease-premium:cubic-bezier(.2,.8,.2,1)}
html{scroll-padding-top:110px}
body{overflow-x:hidden}
body.page-loading{overflow:hidden}
.skip-link{position:fixed;left:16px;top:-80px;z-index:10000;background:#fff;color:var(--deep);padding:12px 18px;border-radius:14px;font-weight:800;box-shadow:var(--shadow);transition:.25s}.skip-link:focus{top:16px}
.premium-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#fff 0,#f6ecff 42%,#dff8fc 100%);transition:opacity .65s ease,visibility .65s ease}.premium-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-inner{text-align:center}.loader-logo{width:min(230px,58vw);height:auto;object-fit:contain;animation:logoFloat 1.8s ease-in-out infinite}.loader-paws{display:flex;justify-content:center;gap:10px;margin-top:12px}.loader-paws i{width:12px;height:12px;border-radius:50%;background:var(--purple);animation:pawBounce 1s ease-in-out infinite}.loader-paws i:nth-child(2){animation-delay:.14s;background:var(--sky)}.loader-paws i:nth-child(3){animation-delay:.28s}.loader-label{margin-top:14px;font:700 14px 'Fredoka',sans-serif;color:var(--deep);letter-spacing:.04em}@keyframes logoFloat{50%{transform:translateY(-8px) scale(1.02)}}@keyframes pawBounce{50%{transform:translateY(-10px);opacity:.45}}
header{background:var(--glass)!important;border:1px solid var(--glass-border);box-shadow:0 12px 40px rgba(45,21,65,.08);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);transition:.35s var(--ease-premium)}header.scrolled{background:rgba(255,250,253,.9)!important;box-shadow:0 14px 38px rgba(43,21,65,.15);transform:translateZ(0)}.links a{position:relative}.links a:not(.pill)::after{content:"";position:absolute;left:50%;right:50%;bottom:-9px;height:3px;border-radius:8px;background:linear-gradient(90deg,var(--purple),var(--sky));transition:.3s var(--ease-premium)}.links a:hover::after,.links a.active::after{left:0;right:0}
.page-transition{position:fixed;inset:0;z-index:9000;background:linear-gradient(135deg,var(--deep),var(--purple) 65%,var(--sky));transform:translateY(101%);transition:transform .55s var(--ease-premium);pointer-events:none}.page-transition.is-active{transform:translateY(0)}
.paw-field{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.paw-field span{position:absolute;font-size:clamp(22px,3vw,56px);opacity:.08;filter:saturate(.8);animation:pawDrift var(--dur,18s) ease-in-out infinite alternate;transform:rotate(var(--rot,0deg))}.paw-field span:nth-child(odd){color:var(--purple)}.paw-field span:nth-child(even){color:var(--sky)}@keyframes pawDrift{to{transform:translate3d(var(--dx,30px),var(--dy,-40px),0) rotate(calc(var(--rot,0deg) + 22deg))}}
.paw-cursor,.paw-cursor-dot{position:fixed;left:0;top:0;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);will-change:transform}.paw-cursor{font-size:25px;color:var(--purple);filter:drop-shadow(0 4px 8px #6f35b544);transition:font-size .18s,opacity .18s}.paw-cursor.is-hover{font-size:34px}.paw-cursor-dot{width:5px;height:5px;border-radius:50%;background:var(--sky)}@media(pointer:coarse),(prefers-reduced-motion:reduce){.paw-cursor,.paw-cursor-dot{display:none}}
[data-premium-reveal]{opacity:0;transform:translateY(38px) scale(.985);transition:opacity .85s var(--ease-premium),transform .85s var(--ease-premium)}[data-premium-reveal].in-view{opacity:1;transform:none}
.stat-strip{padding:36px 0;background:rgba(255,255,255,.74);border-block:1px solid rgba(111,53,181,.12);backdrop-filter:blur(10px)}.premium-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}.premium-stat{padding:18px;border-radius:22px;background:linear-gradient(145deg,#fff,#f8efff);box-shadow:0 14px 35px rgba(67,35,91,.09)}.premium-stat strong{display:block;font:700 clamp(38px,5vw,64px) 'Fredoka',sans-serif;color:var(--purple)}.premium-stat span{color:var(--muted);font-weight:700}
.testimonials-premium{overflow:hidden}.testimonial-shell{position:relative}.testimonial-track{display:flex;transition:transform .65s var(--ease-premium)}.testimonial-card{min-width:100%;padding:42px;background:rgba(255,255,255,.9);border:1px solid rgba(111,53,181,.12);border-radius:30px;box-shadow:var(--shadow);text-align:center}.testimonial-card .stars{color:#f1a82f;font-size:22px;letter-spacing:.15em}.testimonial-card blockquote{font-family:'Fredoka',sans-serif;font-size:clamp(24px,3vw,36px);max-width:780px;margin:24px auto;color:var(--deep)}.testimonial-card cite{font-style:normal;font-weight:800;color:var(--purple)}.carousel-controls{display:flex;justify-content:center;gap:12px;margin-top:20px}.carousel-controls button{width:48px;height:48px;border-radius:50%;border:0;background:#fff;color:var(--purple);font-size:24px;box-shadow:0 8px 24px #3b24551c;cursor:pointer;transition:.25s}.carousel-controls button:hover{transform:translateY(-3px);background:var(--purple);color:#fff}
.portfolio-masonry{columns:4 240px!important;column-gap:18px!important;display:block!important}.portfolio-card{width:100%;margin:0 0 18px!important;break-inside:avoid;display:block;height:auto!important;aspect-ratio:auto!important}.portfolio-card img{height:auto!important;min-height:230px;max-height:520px;object-fit:cover}.portfolio-card.tall img{min-height:390px}.portfolio-card.wide{grid-column:auto!important}.item.hide{display:none!important}.portfolio-card.appear{animation:cardIn .45s var(--ease-premium) both}@keyframes cardIn{from{opacity:0;transform:scale(.94) translateY(18px)}}
.wa.smart-wa{width:auto;min-width:62px;padding:0 18px;gap:9px;border-radius:999px;font-family:'Fredoka',sans-serif;transition:.3s var(--ease-premium)}.wa.smart-wa::before{content:'✆';font-size:20px}.wa.smart-wa .wa-label{display:none}.wa.smart-wa:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 16px 35px #169b4b55}.wa.smart-wa:hover .wa-label{display:inline}.wa-pulse{position:absolute;inset:-7px;border:2px solid #25d366;border-radius:inherit;animation:waPulse 2s infinite;pointer-events:none}@keyframes waPulse{70%,100%{transform:scale(1.2);opacity:0}}
:focus-visible{outline:3px solid var(--sky);outline-offset:4px;border-radius:8px}.btn,.pill,.filters button{min-height:44px}.btn:active,.pill:active{transform:translateY(1px) scale(.98)}
img{content-visibility:auto}.hero video,.portfolio-video-hero video,.page-video-hero video{content-visibility:visible}
@media(max-width:780px){.premium-stats{grid-template-columns:1fr}.testimonial-card{padding:28px 20px}.portfolio-masonry{columns:2 150px!important}.paw-field span{opacity:.055}.wa.smart-wa{min-width:58px;padding:0}.wa.smart-wa:hover .wa-label{display:none}}
@media(max-width:520px){.portfolio-masonry{columns:1!important}}
@media(prefers-reduced-motion:reduce){.premium-loader,.page-transition{display:none!important}[data-premium-reveal]{opacity:1;transform:none}.paw-field span{animation:none}.testimonial-track{transition:none}}

/* V9.0 CEO EDITION — métricas de confianza */
.premium-stat{position:relative;overflow:hidden;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.premium-stat:after{content:'🐾';position:absolute;right:14px;bottom:8px;font-size:28px;opacity:.07;transform:rotate(-18deg)}
.premium-stat .stat-icon{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 6px;border-radius:50%;background:rgba(168,91,212,.10);font-size:22px}
@media(max-width:1050px){.premium-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.premium-stats{grid-template-columns:1fr}.premium-stat{min-height:150px}}
