/* @id cronuts-agencia-ia */
:root{
--cd-canvas:#E0E5EC;--cd-canvas-dark:#0A0A0A;--cd-canvas-dark-2:#141414;
--cd-ink:#242424;--cd-ink-2:#545760;--cd-ink-3:#848484;--cd-ink-inv:#EBEAEA;
--cd-red:#E6243F;--cd-red-hover:#C71C33;
--nm-out:-6px -6px 16px 0 rgba(255,255,255,1),6px 6px 16px 0 rgba(163,177,198,.55);
--nm-out-sm:-3px -3px 8px 0 rgba(255,255,255,.95),3px 3px 8px 0 rgba(163,177,198,.45);
--nm-out-lg:-10px -10px 24px 0 rgba(255,255,255,1),10px 10px 24px 0 rgba(163,177,198,.55);
--nm-in:inset 4px 4px 8px 0 rgba(163,177,198,.5),inset -4px -4px 8px 0 rgba(255,255,255,1);
--nmd-out:-6px -6px 14px 0 rgba(58,58,58,.55),8px 8px 20px 0 rgba(0,0,0,.6);
--nm-red:-3px -3px 7px 0 rgba(58,58,58,.35),5px 5px 14px 0 rgba(230,36,63,.5);
--font-display:'Space Grotesk',system-ui,sans-serif;
--font-body:'DM Sans',system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.agencia-ia-page{background:var(--cd-canvas);color:var(--cd-ink);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}
.agencia-ia-page .container{max-width:1140px;margin:0 auto;padding:0 24px}
.agencia-ia-page main{display:block}
.agencia-ia-hero{background:var(--cd-canvas-dark);color:var(--cd-ink-inv);padding:140px 0 100px;position:relative;overflow:hidden;isolation:isolate}
.agencia-ia-hero::before{content:"";position:absolute;inset:-20%;background:
radial-gradient(40% 35% at 18% 22%,rgba(230,36,63,.28),transparent 60%),
radial-gradient(30% 30% at 82% 12%,rgba(99,102,241,.22),transparent 65%),
radial-gradient(45% 35% at 60% 85%,rgba(34,197,94,.14),transparent 65%),
radial-gradient(35% 30% at 5% 90%,rgba(230,36,63,.12),transparent 60%);
pointer-events:none;animation:aiaMesh 22s ease-in-out infinite alternate;filter:blur(20px)}
.agencia-ia-hero::after{content:"";position:absolute;inset:0;background-image:
linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 30%,transparent 75%);
-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 30%,transparent 75%);
pointer-events:none;z-index:0}
@keyframes aiaMesh{0%{transform:translate3d(-2%,-1%,0) rotate(0deg)}50%{transform:translate3d(2%,2%,0) rotate(2deg)}100%{transform:translate3d(-1%,1%,0) rotate(-1deg)}}
.agencia-ia-hero__inner{position:relative;z-index:2;max-width:920px}
.agencia-ia-hero__overline{font-size:14px;line-height:1.5;color:rgba(255,255,255,.55);max-width:640px;margin:0 0 28px;font-weight:500;letter-spacing:.005em}
.agencia-ia-hero__overline::before{content:"❯ ";color:var(--cd-red);font-weight:700}
.agencia-ia-fade-up{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.2,.7,.3,1),transform .8s cubic-bezier(.2,.7,.3,1)}
.agencia-ia-fade-up.is-in{opacity:1;transform:none}
.agencia-ia-fade-up[data-delay="1"]{transition-delay:.08s}
.agencia-ia-fade-up[data-delay="2"]{transition-delay:.16s}
.agencia-ia-fade-up[data-delay="3"]{transition-delay:.24s}
.agencia-ia-fade-up[data-delay="4"]{transition-delay:.32s}
.agencia-ia-fade-up[data-delay="5"]{transition-delay:.4s}
.agencia-ia-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cd-red);margin-bottom:24px}
.agencia-ia-hero__eyebrow::before{content:"";width:24px;height:1px;background:var(--cd-red)}
.agencia-ia-hero__title{font-family:var(--font-display);font-weight:700;font-size:clamp(34px,5.4vw,68px);line-height:1.05;letter-spacing:-.02em;color:#fff;margin:0 0 20px}
.agencia-ia-hero__lead{font-size:clamp(16px,1.4vw,19px);line-height:1.6;color:rgba(255,255,255,.78);margin:0 0 36px;max-width:760px}
.agencia-ia-hero__lead strong{color:#fff;font-weight:600}
.agencia-ia-hero__bullets{list-style:none;padding:0;margin:0 0 40px;display:grid;gap:14px}
.agencia-ia-hero__bullets li{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:rgba(255,255,255,.78)}
.agencia-ia-hero__bullets li::before{content:"";flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--cd-red);margin-top:9px}
.agencia-ia-hero__bullets strong{color:#fff;font-weight:600}
.agencia-ia-hero__ctas{display:flex;gap:14px;flex-wrap:wrap}
.aia-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:999px;font-family:var(--font-display);font-weight:600;font-size:15px;text-decoration:none;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s}
.aia-btn--primary{background:var(--cd-red);color:#fff;box-shadow:var(--nm-red)}
.aia-btn--primary:hover{background:var(--cd-red-hover);transform:translateY(-1px)}
.aia-btn--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.22)}
.aia-btn--ghost:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.4)}
.agencia-ia-intro{padding:80px 0 40px;background:var(--cd-canvas)}
.agencia-ia-intro__inner{max-width:820px;font-size:17px;line-height:1.7;color:var(--cd-ink-2)}
.agencia-ia-intro__inner em{color:var(--cd-ink);font-style:italic}
.agencia-ia-intro__inner strong{color:var(--cd-ink);font-weight:600}
.agencia-ia-section{padding:64px 0}
.agencia-ia-section__head{margin-bottom:48px;max-width:780px}
.agencia-ia-section__eyebrow{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cd-red);margin:0 0 12px}
.agencia-ia-section__title{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,3.5vw,42px);line-height:1.1;letter-spacing:-.02em;color:var(--cd-ink);margin:0 0 16px}
.agencia-ia-section__lead{font-size:16px;line-height:1.6;color:var(--cd-ink-2);margin:0}
.agencia-ia-areas__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:24px}
.agencia-ia-areas__card{background:var(--cd-canvas);border-radius:22px;box-shadow:var(--nm-out);padding:28px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .25s,transform .25s}
.agencia-ia-areas__card:hover{box-shadow:var(--nm-out-lg);transform:translateY(-2px)}
.agencia-ia-areas__card-num{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--cd-red);letter-spacing:.1em}
.agencia-ia-areas__card-title{font-family:var(--font-display);font-weight:700;font-size:20px;line-height:1.25;color:var(--cd-ink);margin:0}
.agencia-ia-areas__card-text{font-size:15px;line-height:1.55;color:var(--cd-ink-2);margin:0}
.agencia-ia-catalog{background:var(--cd-canvas-dark);color:var(--cd-ink-inv)}
.agencia-ia-catalog .agencia-ia-section__title{color:#fff}
.agencia-ia-catalog .agencia-ia-section__lead{color:rgba(255,255,255,.7)}
.agencia-ia-catalog__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.agencia-ia-catalog__card{background:var(--cd-canvas-dark-2);border-radius:20px;box-shadow:var(--nmd-out);padding:28px;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:14px;text-decoration:none;color:inherit;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;position:relative}
.agencia-ia-catalog__card:hover{transform:translateY(-3px);border-color:rgba(230,36,63,.5);box-shadow:-8px -8px 18px 0 rgba(58,58,58,.55),10px 10px 24px 0 rgba(0,0,0,.7)}
.agencia-ia-catalog__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.agencia-ia-catalog__icon{width:48px;height:48px;border-radius:14px;background:rgba(230,36,63,.12);display:inline-flex;align-items:center;justify-content:center;color:var(--cd-red);box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,.4),inset -1px -1px 2px 0 rgba(255,255,255,.05)}
.agencia-ia-catalog__meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.agencia-ia-catalog__cat{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.agencia-ia-catalog__badge{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cd-red);background:rgba(230,36,63,.14);border:1px solid rgba(230,36,63,.3);padding:4px 10px;border-radius:999px}
.agencia-ia-catalog__title{font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.25;color:#fff;margin:0}
.agencia-ia-catalog__desc{font-size:14px;line-height:1.55;color:rgba(255,255,255,.7);margin:0}
.agencia-ia-catalog__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.agencia-ia-catalog__metric{display:flex;flex-direction:column;gap:2px}
.agencia-ia-catalog__metric-value{font-family:var(--font-display);font-weight:700;font-size:20px;line-height:1;color:#fff;letter-spacing:-.01em}
.agencia-ia-catalog__metric-unit{font-size:13px;color:rgba(255,255,255,.6);font-weight:500;margin-left:1px}
.agencia-ia-catalog__metric-label{font-size:11px;line-height:1.3;color:rgba(255,255,255,.5);margin-top:2px}
.agencia-ia-catalog__more{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--cd-red);margin-top:6px}
.agencia-ia-catalog__more-arrow{transition:transform .2s ease}
.agencia-ia-catalog__card:hover .agencia-ia-catalog__more-arrow{transform:translateX(4px)}
/* Tools section (light, herramientas-pattern) */
.agencia-ia-tools{padding:80px 0}
.agencia-ia-tools__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:24px}
.agencia-ia-tools__card{background:var(--cd-canvas);border-radius:22px;box-shadow:var(--nm-out);padding:30px;display:flex;flex-direction:column;gap:14px;text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease;position:relative}
.agencia-ia-tools__card:hover{transform:translateY(-3px);box-shadow:var(--nm-out-lg)}
.agencia-ia-tools__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.agencia-ia-tools__icon{width:48px;height:48px;border-radius:14px;background:var(--cd-canvas);box-shadow:var(--nm-in);display:inline-flex;align-items:center;justify-content:center;color:var(--cd-red)}
.agencia-ia-tools__meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.agencia-ia-tools__cat{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cd-ink-3)}
.agencia-ia-tools__badge{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cd-red);background:rgba(230,36,63,.08);border:1px solid rgba(230,36,63,.25);padding:4px 10px;border-radius:999px}
.agencia-ia-tools__eyebrow{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cd-red);margin:0}
.agencia-ia-tools__title{font-family:var(--font-display);font-weight:700;font-size:21px;line-height:1.25;color:var(--cd-ink);margin:0}
.agencia-ia-tools__lead{font-size:14px;line-height:1.55;color:var(--cd-ink-2);margin:0}
.agencia-ia-tools__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px;padding-top:14px;border-top:1px solid rgba(0,0,0,.06)}
.agencia-ia-tools__metric{display:flex;flex-direction:column;gap:2px}
.agencia-ia-tools__metric-value{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1;color:var(--cd-ink);letter-spacing:-.01em}
.agencia-ia-tools__metric-unit{font-size:13px;color:var(--cd-ink-3);font-weight:500;margin-left:1px}
.agencia-ia-tools__metric-label{font-size:11px;line-height:1.3;color:var(--cd-ink-3);margin-top:2px}
.agencia-ia-tools__cta{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--cd-red);margin-top:6px}
.agencia-ia-tools__cta-arrow{transition:transform .2s ease}
.agencia-ia-tools__card:hover .agencia-ia-tools__cta-arrow{transform:translateX(4px)}
/* Hero pulse — live indicator */
/* Hero counters */
.agencia-ia-hero__counters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:48px 0 0;max-width:680px;padding-top:32px;border-top:1px solid rgba(255,255,255,.08)}
.agencia-ia-hero__counter-value{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,3.4vw,42px);line-height:1;color:#fff;letter-spacing:-.02em;display:flex;align-items:baseline;gap:2px}
.agencia-ia-hero__counter-suffix{color:var(--cd-red);font-size:.7em}
.agencia-ia-hero__counter-label{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.85);margin:8px 0 2px}
.agencia-ia-hero__counter-sub{font-size:12px;color:rgba(255,255,255,.5);line-height:1.4}
@media(max-width:640px){.agencia-ia-hero__counters{grid-template-columns:1fr;gap:20px;padding-top:24px;margin-top:36px}}
/* Marquee — client logos / sectors */
.agencia-ia-marquee{padding:32px 0;background:#070707;color:rgba(255,255,255,.4);overflow:hidden;position:relative;border-block:1px solid rgba(255,255,255,.06)}
.agencia-ia-marquee::before,.agencia-ia-marquee::after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
.agencia-ia-marquee::before{left:0;background:linear-gradient(90deg,#070707,transparent)}
.agencia-ia-marquee::after{right:0;background:linear-gradient(-90deg,#070707,transparent)}
.agencia-ia-marquee__track{display:flex;gap:64px;animation:aiaScroll 38s linear infinite;width:max-content;align-items:center}
.agencia-ia-marquee__item{font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:.02em;white-space:nowrap;color:rgba(255,255,255,.55);transition:color .3s}
.agencia-ia-marquee__item:hover{color:#fff}
.agencia-ia-marquee__sep{width:6px;height:6px;border-radius:50%;background:rgba(230,36,63,.5);flex-shrink:0}
@keyframes aiaScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.agencia-ia-marquee__label{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cd-red);text-align:center;margin:0 0 18px;font-family:var(--font-display)}
/* Scroll progress bar */
.aia-scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--cd-red),#fb7185);z-index:9999;transition:width .1s linear;box-shadow:0 0 12px rgba(230,36,63,.6)}
/* Magnetic button glow */
.aia-btn--primary{position:relative;overflow:hidden}
.aia-btn--primary::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.25),transparent 50%);opacity:0;transition:opacity .25s}
.aia-btn--primary:hover::after{opacity:1}
/* Card tilt + glow */
.agencia-ia-catalog__card,.agencia-ia-tools__card,.agencia-ia-pricing__card,.agencia-ia-areas__card,.agencia-ia-method__card{will-change:transform}
.agencia-ia-areas__card{transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s cubic-bezier(.2,.7,.3,1)}
.agencia-ia-areas__card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--nm-out-lg)}
.agencia-ia-method__card{transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s cubic-bezier(.2,.7,.3,1)}
.agencia-ia-method__card:hover{transform:translateY(-3px);box-shadow:var(--nm-out)}
.agencia-ia-pricing__card{transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s cubic-bezier(.2,.7,.3,1)}
.agencia-ia-pricing__card:hover{transform:translateY(-4px)}
.agencia-ia-pricing__card--featured:hover{transform:translateY(-6px) scale(1.02)}
/* FAQ smooth */
.agencia-ia-faq__item{transition:box-shadow .25s,transform .25s}
.agencia-ia-faq__item:hover{box-shadow:var(--nm-out)}
.agencia-ia-faq__item[open]{box-shadow:var(--nm-out)}
/* Smooth scroll */
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.agencia-ia-hero::before{animation:none}.agencia-ia-marquee__track{animation:none}.agencia-ia-fade-up{opacity:1;transform:none;transition:none}}
/* MODAL — Glass form popup (mobile-first) */
.aia-modal{position:fixed;inset:0;z-index:9998;display:none;align-items:center;justify-content:center;padding:20px}
.aia-modal.is-open{display:flex}
.aia-modal__backdrop{position:absolute;inset:0;background:rgba(8,8,10,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:aiaModalFade .3s ease}
.aia-modal__panel{position:relative;width:100%;max-width:520px;max-height:calc(100dvh - 40px);overflow:hidden;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.96) 0%,rgba(252,228,232,.4) 100%);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(255,255,255,.6);box-shadow:inset 1px 1px 0 rgba(255,255,255,.95),0 0 0 1px rgba(230,36,63,.18),24px 30px 80px rgba(0,0,0,.45),-8px -8px 24px rgba(255,255,255,.05);animation:aiaModalUp .35s cubic-bezier(.2,.7,.3,1);display:flex;flex-direction:column}
@keyframes aiaModalFade{from{opacity:0}to{opacity:1}}
@keyframes aiaModalUp{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
.aia-modal__head{padding:28px 28px 16px;position:relative;border-bottom:1px solid rgba(0,0,0,.06)}
.aia-modal__close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.7);backdrop-filter:blur(8px);color:var(--cd-ink-2);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,transform .2s}
.aia-modal__close:hover{background:#fff;color:var(--cd-ink);transform:rotate(90deg)}
.aia-modal__eyebrow{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cd-red);margin:0 0 8px;display:inline-flex;align-items:center;gap:8px}
.aia-modal__eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:cdpulse 2.4s cubic-bezier(.4,0,.6,1) infinite}
.aia-modal__title{font-family:var(--font-display);font-weight:700;font-size:clamp(20px,3.4vw,26px);line-height:1.15;letter-spacing:-.015em;color:var(--cd-ink);margin:0 0 6px}
.aia-modal__lead{font-size:14px;line-height:1.5;color:var(--cd-ink-2);margin:0}
.aia-modal__tier-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--cd-red);background:rgba(230,36,63,.1);border:1px solid rgba(230,36,63,.2);padding:5px 12px;border-radius:999px;margin-top:10px}
.aia-modal__tier-pill::before{content:"●";color:var(--cd-red);font-size:8px}
.aia-modal__body{padding:20px 28px 28px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}
/* Override canonical form styles to match modal glass */
.aia-modal__body .cta-form{display:flex;flex-direction:column;gap:14px}
.aia-modal__body .cta-form__field{display:flex;flex-direction:column;gap:6px}
.aia-modal__body .cta-form__label{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--cd-ink-2)}
.aia-modal__body .cta-form__input,.aia-modal__body .cta-form__select{width:100%;padding:13px 16px;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.7);backdrop-filter:blur(8px);font-family:var(--font-body);font-size:15px;color:var(--cd-ink);transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;appearance:none}
.aia-modal__body .cta-form__input:focus,.aia-modal__body .cta-form__select:focus{outline:none;border-color:var(--cd-red);background:#fff;box-shadow:0 0 0 4px rgba(230,36,63,.12)}
.aia-modal__body .cta-form__select{cursor:pointer;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 16px center;background-size:14px;padding-right:42px}
.aia-modal__body .cta-form__consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--cd-ink-2);line-height:1.45;cursor:pointer;margin:4px 0 0}
.aia-modal__body .cta-form__consent input[type=checkbox]{flex-shrink:0;width:18px;height:18px;margin-top:1px;accent-color:var(--cd-red);cursor:pointer}
.aia-modal__body .cta-form__consent a{color:var(--cd-red);text-decoration:underline}
.aia-modal__body .cta-form__submit,.aia-modal__body .btn--dark-primary{width:100%;justify-content:center;padding:16px 24px;font-family:var(--font-display);font-weight:600;font-size:15px;border:none;border-radius:999px;background:linear-gradient(135deg,#E6243F 0%,#C71C33 100%);color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 22px rgba(230,36,63,.35),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .25s,box-shadow .25s,background .25s;margin-top:8px}
.aia-modal__body .cta-form__submit:hover:not(:disabled),.aia-modal__body .btn--dark-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px rgba(230,36,63,.45);background:linear-gradient(135deg,#ff2e4d 0%,#E6243F 100%)}
.aia-modal__body .cta-form__submit:disabled{opacity:.7;cursor:wait}
.aia-modal__body .cta-form__hint{font-size:12px;color:var(--cd-ink-3);text-align:center;margin:8px 0 0;line-height:1.5}
.aia-modal__body .cta-form__err{color:#dc2626;font-size:13px;margin:0;min-height:1em}
body.aia-modal-lock{overflow:hidden}
@media(max-width:560px){
.aia-modal{padding:0;align-items:flex-end}
.aia-modal__panel{max-width:100%;max-height:96dvh;border-radius:24px 24px 0 0;animation:aiaModalSheet .35s cubic-bezier(.2,.7,.3,1)}
@keyframes aiaModalSheet{from{transform:translateY(100%)}to{transform:none}}
.aia-modal__head{padding:24px 22px 14px}
.aia-modal__body{padding:18px 22px 28px}
.aia-modal__title{font-size:21px}
.aia-modal__close{top:12px;right:12px}
.aia-modal__panel::before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:36px;height:4px;border-radius:999px;background:rgba(0,0,0,.15);pointer-events:none}
}
@media(prefers-reduced-motion:reduce){.aia-modal__panel,.aia-modal__backdrop{animation:none}}
.agencia-ia-hero__pulse{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-top:24px}
.agencia-ia-hero__pulse-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:cdpulse 2.4s cubic-bezier(.4,0,.6,1) infinite}
@keyframes cdpulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 12px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@media(prefers-reduced-motion:reduce){.agencia-ia-hero__pulse-dot{animation:none}.agencia-ia-catalog__card,.agencia-ia-tools__card{transition:none}}
/* Sticky CTA */
.aia-sticky-cta{position:fixed;bottom:0;left:0;right:0;background:#0A0A0A;color:#fff;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 -8px 24px rgba(0,0,0,.4);transform:translateY(100%);transition:transform .35s ease;z-index:100}
.aia-sticky-cta.visible{transform:translateY(0)}
.aia-sticky-cta__title{font-family:var(--font-display);font-weight:600;font-size:15px;margin:0}
.aia-sticky-cta__title em{color:var(--cd-red);font-style:normal}
.aia-sticky-cta__sub{font-size:12px;color:rgba(255,255,255,.6);margin:2px 0 0}
.aia-sticky-cta__actions{display:flex;gap:10px;align-items:center}
.aia-sticky-cta__close{background:transparent;border:none;color:rgba(255,255,255,.5);font-size:24px;cursor:pointer;padding:0 4px;line-height:1}
.aia-sticky-cta__close:hover{color:#fff}
@media(max-width:720px){.aia-sticky-cta{flex-direction:column;text-align:center;gap:12px;padding:14px 18px}.aia-sticky-cta__actions{width:100%;justify-content:center}}
.agencia-ia-method__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.agencia-ia-method__card{background:var(--cd-canvas);border-radius:18px;box-shadow:var(--nm-out-sm);padding:28px;display:flex;flex-direction:column;gap:10px;position:relative}
.agencia-ia-method__num{font-family:var(--font-display);font-weight:700;font-size:42px;line-height:1;color:var(--cd-red);letter-spacing:-.02em;opacity:.4}
.agencia-ia-method__title{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--cd-ink);margin:0}
.agencia-ia-method__desc{font-size:14px;line-height:1.55;color:var(--cd-ink-2);margin:0}
.agencia-ia-compare__table{width:100%;border-collapse:collapse;background:var(--cd-canvas);border-radius:18px;box-shadow:var(--nm-out-sm);overflow:hidden;font-size:14px}
.agencia-ia-compare__table th,.agencia-ia-compare__table td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(0,0,0,.06)}
.agencia-ia-compare__table th{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--cd-ink);background:rgba(0,0,0,.03);text-transform:uppercase;letter-spacing:.05em}
.agencia-ia-compare__table tbody tr:last-child td{border-bottom:none}
.agencia-ia-compare__table td:first-child{font-weight:600;color:var(--cd-ink)}
.agencia-ia-compare__table td.aia-col-agencia{background:rgba(230,36,63,.06);font-weight:500;color:var(--cd-ink)}
.agencia-ia-compare__wrap{overflow-x:auto}
/* PRICING — Glass neumorphism luxury digital */
.agencia-ia-pricing{position:relative;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(230,36,63,.06),transparent 70%),linear-gradient(180deg,#E8ECF1 0%,#D4DBE3 100%);overflow:hidden}
.agencia-ia-pricing::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(230,36,63,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(230,36,63,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 80%);pointer-events:none}
.agencia-ia-pricing > .container{position:relative;z-index:1}
.agencia-ia-pricing__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:24px;align-items:stretch;padding-top:32px}
.agencia-ia-pricing__card{
background:linear-gradient(145deg,rgba(255,255,255,.85) 0%,rgba(255,255,255,.65) 100%);
backdrop-filter:blur(24px) saturate(180%);
-webkit-backdrop-filter:blur(24px) saturate(180%);
border-radius:28px;
padding:42px 30px 32px;
display:flex;flex-direction:column;gap:0;position:relative;
border:1px solid rgba(255,255,255,.6);
box-shadow:
inset 1px 1px 0 0 rgba(255,255,255,.9),
inset -1px -1px 0 0 rgba(163,177,198,.15),
8px 8px 28px rgba(163,177,198,.35),
-6px -6px 20px rgba(255,255,255,.7),
0 1px 3px rgba(0,0,0,.04);
transition:transform .45s cubic-bezier(.2,.7,.3,1),box-shadow .45s cubic-bezier(.2,.7,.3,1)
}
.agencia-ia-pricing__card::before{content:"";position:absolute;inset:0;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.5) 0%,transparent 40%,transparent 60%,rgba(230,36,63,.04) 100%);pointer-events:none;opacity:.6}
.agencia-ia-pricing__card:hover{
transform:translateY(-8px);
box-shadow:
inset 1px 1px 0 0 rgba(255,255,255,.95),
inset -1px -1px 0 0 rgba(163,177,198,.18),
16px 18px 48px rgba(163,177,198,.45),
-10px -10px 32px rgba(255,255,255,.8),
0 4px 12px rgba(0,0,0,.06)
}
.agencia-ia-pricing__card--featured{
background:linear-gradient(145deg,rgba(255,255,255,.92) 0%,rgba(252,228,232,.55) 50%,rgba(255,255,255,.7) 100%);
border:1px solid rgba(230,36,63,.18);
padding-top:52px;
transform:translateY(-12px);
box-shadow:
inset 1px 1px 0 0 rgba(255,255,255,1),
inset -1px -1px 0 0 rgba(230,36,63,.1),
0 0 0 1px rgba(230,36,63,.35),
12px 14px 40px rgba(230,36,63,.18),
20px 20px 60px rgba(163,177,198,.4),
-8px -8px 24px rgba(255,255,255,.85),
0 4px 16px rgba(230,36,63,.15)
}
.agencia-ia-pricing__card--featured::after{content:"";position:absolute;inset:-1px;border-radius:29px;padding:1px;background:linear-gradient(135deg,rgba(230,36,63,.6) 0%,rgba(230,36,63,.1) 30%,transparent 50%,rgba(230,36,63,.1) 70%,rgba(230,36,63,.5) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7}
.agencia-ia-pricing__card--featured:hover{
transform:translateY(-18px) scale(1.01);
box-shadow:
inset 1px 1px 0 0 rgba(255,255,255,1),
0 0 0 1px rgba(230,36,63,.45),
18px 22px 56px rgba(230,36,63,.25),
28px 28px 80px rgba(163,177,198,.5),
-12px -12px 32px rgba(255,255,255,.95),
0 8px 24px rgba(230,36,63,.22)
}
.agencia-ia-pricing__featured-tag{position:absolute;top:-18px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--cd-red) 0%,#C71C33 100%);color:#fff;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.12em;padding:9px 18px;border-radius:999px;text-transform:uppercase;white-space:nowrap;box-shadow:0 8px 20px rgba(230,36,63,.4),inset 0 1px 0 rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.3);z-index:2}
.agencia-ia-pricing__featured-tag::before{content:"★";margin-right:6px;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.6)}
.agencia-ia-pricing__head{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;position:relative;z-index:1}
.agencia-ia-pricing__name{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1.1;color:var(--cd-ink);margin:0;letter-spacing:-.015em}
.agencia-ia-pricing__tag{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cd-red);margin:0;display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:5px 12px;background:rgba(230,36,63,.08);border:1px solid rgba(230,36,63,.15);border-radius:999px;backdrop-filter:blur(8px)}
.agencia-ia-pricing__price-block{display:flex;flex-direction:column;gap:8px;padding:24px 0 22px;margin-bottom:26px;position:relative;z-index:1;min-height:148px}
.agencia-ia-pricing__price-block::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1) 20%,rgba(0,0,0,.1) 80%,transparent)}
.agencia-ia-pricing__price-row{display:flex;align-items:baseline;gap:2px;flex-wrap:wrap}
.agencia-ia-pricing__price-from{font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--cd-ink-3);letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:4px}
.agencia-ia-pricing__price{font-family:var(--font-display);font-weight:700;font-size:60px;line-height:1;color:var(--cd-ink);margin:0;letter-spacing:-.03em;background:linear-gradient(135deg,#1a1a1a 0%,#3a3a3a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.agencia-ia-pricing__currency{font-family:var(--font-display);font-weight:600;font-size:26px;color:var(--cd-ink-2);margin-right:2px;align-self:flex-start;margin-top:8px}
.agencia-ia-pricing__period{font-size:15px;color:var(--cd-ink-3);font-weight:500;margin-left:6px}
.agencia-ia-pricing__price--text{font-size:42px;letter-spacing:-.02em}
.agencia-ia-pricing__price-sub{font-size:13px;color:var(--cd-ink-3);font-style:italic;margin:0;font-weight:500}
.agencia-ia-pricing__setup{font-size:13px;color:var(--cd-ink-2);margin:0;font-weight:500;display:inline-flex;align-items:center;gap:6px}
.agencia-ia-pricing__setup::before{content:"⊕";color:var(--cd-red);font-weight:600;font-size:14px}
.agencia-ia-pricing__best-for{font-size:13px;line-height:1.55;color:var(--cd-ink-2);margin:0 0 26px;padding:14px 16px;background:linear-gradient(135deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,.3) 100%);backdrop-filter:blur(8px);border-radius:14px;border:1px solid rgba(255,255,255,.5);box-shadow:inset 1px 1px 0 rgba(255,255,255,.6),0 2px 6px rgba(163,177,198,.12);position:relative;z-index:1}
.agencia-ia-pricing__best-for::before{content:"Ideal para";display:block;font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cd-red);margin-bottom:6px}
.agencia-ia-pricing__features{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:14px;font-size:14px;color:var(--cd-ink-2);line-height:1.5;position:relative;z-index:1}
.agencia-ia-pricing__features li{display:flex;align-items:flex-start;gap:12px}
.agencia-ia-pricing__features li::before{content:"";flex-shrink:0;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--cd-red) 0%,#C71C33 100%);background-image:url("data:image/svg+xml;utf8,"),linear-gradient(135deg,var(--cd-red) 0%,#C71C33 100%);background-position:center;background-repeat:no-repeat;background-size:14px,cover;margin-top:1px;box-shadow:0 2px 6px rgba(230,36,63,.3),inset 0 1px 0 rgba(255,255,255,.25)}
/* CTA buttons — clean luxury */
.agencia-ia-pricing__cta{margin-top:auto;width:100%;justify-content:center;padding:16px 24px;font-size:15px;border-radius:999px;position:relative;z-index:1;box-shadow:none;transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s cubic-bezier(.2,.7,.3,1),background .25s}
.agencia-ia-pricing__card:not(.agencia-ia-pricing__card--featured) .agencia-ia-pricing__cta{background:linear-gradient(135deg,#1a1a1a 0%,#0a0a0a 100%);color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 14px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.1)}
.agencia-ia-pricing__card:not(.agencia-ia-pricing__card--featured) .agencia-ia-pricing__cta:hover{background:linear-gradient(135deg,#000 0%,#1a1a1a 100%);transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12)}
.agencia-ia-pricing__card--featured .agencia-ia-pricing__cta{background:linear-gradient(135deg,#E6243F 0%,#C71C33 100%);color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 22px rgba(230,36,63,.35),inset 0 1px 0 rgba(255,255,255,.2)}
.agencia-ia-pricing__card--featured .agencia-ia-pricing__cta:hover{background:linear-gradient(135deg,#ff2e4d 0%,#E6243F 100%);transform:translateY(-2px);box-shadow:0 12px 28px rgba(230,36,63,.45),inset 0 1px 0 rgba(255,255,255,.22)}
.agencia-ia-pricing__meta{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 28px;margin-top:56px;padding:24px 32px;background:linear-gradient(135deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,.3) 100%);backdrop-filter:blur(20px);border-radius:999px;border:1px solid rgba(255,255,255,.5);box-shadow:inset 1px 1px 0 rgba(255,255,255,.8),0 4px 16px rgba(163,177,198,.18);width:fit-content;margin-left:auto;margin-right:auto}
.agencia-ia-pricing__meta-item{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--cd-ink);letter-spacing:.04em}
.agencia-ia-pricing__meta-item::before{content:"";width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--cd-red) 0%,#C71C33 100%);box-shadow:0 0 8px rgba(230,36,63,.5);flex-shrink:0}
@media(max-width:880px){.agencia-ia-pricing__card--featured{transform:none}.agencia-ia-pricing__card--featured:hover{transform:translateY(-6px) scale(1)}.agencia-ia-pricing__meta{border-radius:24px;flex-direction:column;align-items:center;padding:18px 24px}}
@media(max-width:560px){.agencia-ia-pricing__card{padding:36px 24px 28px}.agencia-ia-pricing__price{font-size:50px}}
.agencia-ia-faq__list{display:flex;flex-direction:column;gap:14px;max-width:920px}
.agencia-ia-faq__item{background:var(--cd-canvas);border-radius:16px;box-shadow:var(--nm-out-sm);padding:0;overflow:hidden}
.agencia-ia-faq__item summary{cursor:pointer;list-style:none;padding:22px 26px;font-family:var(--font-display);font-weight:600;font-size:17px;line-height:1.4;color:var(--cd-ink);display:flex;justify-content:space-between;align-items:center;gap:16px}
.agencia-ia-faq__item summary::-webkit-details-marker{display:none}
.agencia-ia-faq__item summary::after{content:"+";font-size:24px;font-weight:300;color:var(--cd-red);transition:transform .25s;flex-shrink:0}
.agencia-ia-faq__item[open] summary::after{transform:rotate(45deg)}
.agencia-ia-faq__answer{padding:0 26px 24px;font-size:15px;line-height:1.65;color:var(--cd-ink-2)}
.agencia-ia-conclusion{padding:64px 0}
.agencia-ia-conclusion__inner{max-width:820px;font-size:17px;line-height:1.7;color:var(--cd-ink-2)}
.agencia-ia-conclusion__inner p{margin:0 0 18px}
.agencia-ia-conclusion__inner a{color:var(--cd-red);text-decoration:none;border-bottom:1px solid currentColor}
.agencia-ia-cta-banner{margin-top:48px;background:var(--cd-canvas-dark);color:#fff;border-radius:24px;padding:48px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;box-shadow:var(--nmd-out)}
.agencia-ia-cta-banner h3{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,2.4vw,30px);line-height:1.2;color:#fff;margin:0 0 8px}
.agencia-ia-cta-banner p{color:rgba(255,255,255,.72);margin:0;font-size:15px}
@media(max-width:720px){.agencia-ia-cta-banner{grid-template-columns:1fr;text-align:center}}
.site-footer{background:var(--cd-canvas-dark);color:rgba(255,255,255,.5);padding:56px 0 40px;text-align:center;font-size:12px}
.site-footer a{color:rgba(255,255,255,.85);text-decoration:none}
.site-footer a:hover{color:#fff}
@media(max-width:720px){
.agencia-ia-hero{padding:120px 0 60px}
.agencia-ia-section{padding:48px 0}
.agencia-ia-faq__item summary{padding:18px 20px;font-size:16px}
.agencia-ia-faq__answer{padding:0 20px 20px}
.agencia-ia-cta-banner{padding:32px 24px}
.agencia-ia-pricing__card{padding:28px 22px}
}
/* @id cronuts-ui-final-overrides */
/* ============================================================
Cronuts UI Final Overrides — last in cascade. !important.
v1.5.0: skip-link + screen-reader-text hidden inline.
============================================================ */
/* GLOBAL: skip/screen-reader links — hidden until focused */
:where(html) .skip-link,
:where(html) .screen-reader-text{
clip:rect(1px,1px,1px,1px)!important;
clip-path:inset(50%)!important;
height:1px!important;
width:1px!important;
margin:-1px!important;
overflow:hidden!important;
padding:0!important;
position:absolute!important;
word-wrap:normal!important
}
:where(html) .skip-link:focus,
:where(html) .screen-reader-text:focus{
clip:auto!important;
clip-path:none!important;
display:block!important;
height:auto!important;
width:auto!important;
margin:0!important;
overflow:visible!important;
position:fixed!important;
top:1rem!important;
left:1rem!important;
z-index:100000!important;
background:#fff!important;
color:#000!important;
padding:.5rem 1rem!important;
border-radius:4px!important
}
/* 0. Canvas: body light, sections plain transparent (non-sector pages only) */
html, body{ background:#E0E5EC!important; color:#242424 }
:where(html) main, :where(html) #main, :where(html) body > main{
background:transparent!important
}
:where(html) section.section:not(.section--dark):not([data-ti-section]):not(#opiniones):not(.cta-dark):not(.hero){
background:transparent!important
}
/* 1. Botones — pill style global (border-radius 999px) */
:where(html) .btn,
:where(html) a.btn,
:where(html) button.btn,
:where(html) .btn--primary,
:where(html) .btn--secondary,
:where(html) .btn--ghost,
:where(html) .btn--light,
:where(html) .btn--large,
:where(html) .btn--dark-primary,
:where(html) .btn--dark-secondary,
:where(html) .btn--outline,
:where(html) .btn--tertiary,
:where(html) .ctc-submit,
:where(html) .ctc-calendly,
:where(html) input[type="submit"],
:where(html) button[type="submit"]{
border-radius:999px!important
}
/* 2. Hero — primary CTA (rojo solido pill) */
:where(html) .btn.btn--dark-primary{
background:#e6243f!important;
color:#fff!important;
border:1.5px solid transparent!important;
box-shadow:0 4px 16px rgba(230,36,63,.35),inset 0 1px 0 rgba(255,255,255,.15)!important
}
:where(html) .btn.btn--dark-primary:hover{
background:#c01e35!important;
color:#fff!important;
box-shadow:0 6px 22px rgba(230,36,63,.5),inset 0 1px 0 rgba(255,255,255,.2)!important;
transform:translateY(-1px)
}
/* 3. Hero — secondary ghost (borde 70% alpha) */
:where(html) .btn.btn--dark-secondary{
background:transparent!important;
border:1.5px solid rgba(255,255,255,.7)!important;
color:#fff!important;
box-shadow:none!important
}
:where(html) .btn.btn--dark-secondary:hover{
background:rgba(255,255,255,.12)!important;
border-color:#fff!important;
color:#fff!important;
transform:translateY(-1px)
}
/* 4. Header pill CTA — primary rojo siempre */
:where(html) .site-header__pill .btn,
:where(html) .site-header__pill .btn--primary{
background:#e6243f!important;
color:#fff!important;
border:1px solid rgba(230,36,63,.5)!important;
box-shadow:0 2px 10px rgba(230,36,63,.3),inset 0 1px 0 rgba(255,255,255,.12)!important
}
:where(html) .site-header__pill .btn:hover,
:where(html) .site-header__pill .btn--primary:hover{
background:#c01e35!important;
color:#fff!important;
border-color:rgba(230,36,63,.7)!important;
box-shadow:0 3px 14px rgba(230,36,63,.45),inset 0 1px 0 rgba(255,255,255,.18)!important
}
/* 5. Service cards */
:where(html) .service-card{
background:#fff!important;
border:1px solid rgba(36,36,36,.06)!important;
color:#242424!important;
box-shadow:0 12px 32px rgba(17,24,39,.06),0 2px 8px rgba(17,24,39,.04)!important;
border-radius:14px!important
}
:where(html) .service-card:hover{
border-color:rgba(230,36,63,.3)!important;
transform:translateY(-2px);
box-shadow:0 24px 56px rgba(17,24,39,.09),0 6px 18px rgba(17,24,39,.05)!important
}
:where(html) .service-card .service-card__title{ color:#242424!important }
:where(html) .service-card .service-card__eyebrow{ color:#e6243f!important }
:where(html) .service-card .service-card__desc,
:where(html) .service-card .service-card__description{ color:#545760!important }
:where(html) .service-card .service-card__link{ color:#e6243f!important; font-weight:600!important }
:where(html) .service-card .service-card__foot{ border-top-color:rgba(36,36,36,.08)!important }
:where(html) .service-card .service-card__icon{
background:#fff!important;
border:1px solid rgba(36,36,36,.08)!important;
color:#e6243f!important
}
:where(html) .service-card .service-card__arrow{
background:#fff!important;
border:1px solid rgba(36,36,36,.12)!important;
color:#242424!important;
border-radius:999px!important
}
:where(html) .service-card:hover .service-card__arrow{
background:#e6243f!important;
border-color:#e6243f!important;
color:#fff!important
}
/* 6. Section titles — light context */
:where(html) .section .section__title{ color:#242424 }
:where(html) .section .section__title em{ color:#e6243f; font-style:normal }
:where(html) .section .eyebrow{ color:#e6243f }
:where(html) .section .section__lead{ color:#545760 }
/* 7. Dark sections */
:where(html) .section--dark,
:where(html) [data-ti-section],
:where(html) #opiniones{ color:#fff!important }
:where(html) .section--dark .section__title,
:where(html) [data-ti-section] .section__title,
:where(html) #opiniones .section__title{ color:#fff!important }
:where(html) .section--dark .section__title em,
:where(html) [data-ti-section] .section__title em,
:where(html) #opiniones .section__title em{ color:#e6243f!important; font-style:normal }
:where(html) .section--dark .section__lead,
:where(html) [data-ti-section] .section__lead,
:where(html) #opiniones .section__lead{ color:rgba(255,255,255,.72)!important }
:where(html) .section--dark .eyebrow,
:where(html) [data-ti-section] .eyebrow,
:where(html) #opiniones .eyebrow{ color:#e6243f!important }
/* 8. Stats band */
:where(html) .stats-band .stat{
background:#fff!important;
color:#242424!important;
border-radius:14px!important;
box-shadow:0 12px 32px rgba(17,24,39,.06),0 2px 8px rgba(17,24,39,.04)!important
}
:where(html) .stats-band .stat__n{ color:#242424!important }
:where(html) .stats-band .stat__n em{ color:#e6243f!important; font-style:normal }
:where(html) .stats-band .stat__lbl{ color:#545760!important }
/* @id cronuts-site-footer-css */
.site-footer{background:#121212;color:rgba(255,255,255,.85);padding:96px 0 48px;font-family:var(--font-body,"Inter",system-ui,sans-serif)}
.site-footer .container{max-width:1400px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}
.site-footer__shell{background:#121212;border-radius:16px;padding:48px;box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 24px 64px rgba(0,0,0,.5);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}
.site-footer .footer-eyebrow{font-family:var(--font-display,"Poppins",sans-serif);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:14px}
.site-footer .footer-col a{display:block;font-size:13px;padding:4px 0;color:rgba(255,255,255,.85);text-decoration:none;transition:color 160ms}
.site-footer .footer-col a:hover{color:#e6243f}
.site-footer .footer-brand{display:flex;flex-direction:column;gap:16px;max-width:320px}
.site-footer .footer-brand__lockup{display:flex;align-items:center;gap:12px;text-decoration:none}
.site-footer .footer-brand__eye{width:40px;height:40px;display:block;object-fit:contain;flex-shrink:0;background:transparent}
.site-footer .footer-brand__word{font-family:var(--font-display,"Poppins",sans-serif);font-weight:700;font-size:22px;line-height:1;letter-spacing:-.02em;color:#fff;display:inline-flex;align-items:baseline}
.site-footer .footer-brand__word .dot{color:#e6243f;padding:0 1px}
.site-footer .footer-brand p{color:rgba(255,255,255,.72);font-size:14px;line-height:1.55;margin:0}
.site-footer .footer-socials{display:flex;gap:10px;margin-top:4px;flex-wrap:wrap}
.site-footer .footer-socials a{width:40px;height:40px;border-radius:999px;background:#1a1a1a;box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 4px 12px rgba(0,0,0,.4);display:grid;place-items:center;color:#fff;padding:0;transition:color 180ms,transform 180ms}
.site-footer .footer-socials a:hover{color:#e6243f;transform:translateY(-1px)}
.site-footer .footer-socials a svg{width:16px;height:16px;stroke-width:1.8;display:block}
.site-footer__meta{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-family:ui-monospace,Menlo,monospace;font-size:10px;color:rgba(255,255,255,.45);letter-spacing:.04em;text-transform:uppercase;gap:16px;flex-wrap:wrap}
.site-footer__meta .dot{color:#e6243f}
.site-footer__meta-extra a{color:rgba(255,255,255,.7);text-decoration:none;transition:color 160ms}
.site-footer__meta-extra a:hover{color:#e6243f}
@media(max-width:1024px){.site-footer__shell{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:720px){.site-footer{padding:64px 0 32px}.site-footer__shell{grid-template-columns:1fr;padding:32px;gap:28px}.site-footer__meta{flex-direction:column;align-items:flex-start}}