.seve-root,.seve-root *{box-sizing:border-box}
.seve-root{
  --gold:#F5B81C; --gold-deep:#E0A40A;
  --blue:#1A9FDB; --magenta:#D6006E; --yellow:#F9C20A;
  --ink:#0B0B0F; --ink-2:#13131B; --ink-3:#1C1C26;
  --paper:#FFFFFF; --mist:#F6F6F9; --line:#E8E8EE;
  --text:#14141A; --muted:#6A6A78; --muted-d:#A4A4B4;
  --grad:linear-gradient(90deg,var(--blue),var(--magenta),var(--yellow));
  --logo:url('http://seve-publicidad.com/wp-content/uploads/2026/06/LOGO-HORIZONTAL-letras-blancas-sin-fondo.png');
}.seve-root *{margin:0;padding:0;box-sizing:border-box}.seve-root{scroll-behavior:smooth}.seve-root{font-family:'Inter',sans-serif;color:var(--text);background:var(--paper);overflow-x:hidden;-webkit-font-smoothing:antialiased}.seve-root h1, .seve-root h2, .seve-root h3, .seve-root .display{font-family:'Sora',sans-serif}.seve-root img{display:block;max-width:100%}.seve-root a{text-decoration:none;color:inherit}.seve-root .wrap{max-width:1240px;margin:0 auto;padding:0 28px}.seve-root .eyebrow{font-size:12px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-deep)}.seve-root /* ---------- reveal utilities ---------- */
.reveal{opacity:0;transform:translateY(28px);filter:blur(6px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),filter .7s cubic-bezier(.22,1,.36,1)}.seve-root .reveal.in{opacity:1;transform:none;filter:blur(0)}.seve-root .reveal[data-d="1"]{transition-delay:.08s}.seve-root .reveal[data-d="2"]{transition-delay:.16s}.seve-root .reveal[data-d="3"]{transition-delay:.24s}.seve-root .reveal[data-d="4"]{transition-delay:.32s}.seve-root .reveal[data-d="5"]{transition-delay:.4s}.seve-root /* ---------- HERO ---------- */
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;background:var(--ink);color:#fff;overflow:hidden}.seve-root .hero-bg{position:absolute;inset:0;z-index:0}.seve-root .hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.42;filter:saturate(1.1)}.seve-root .hero-bg::after{content:"";position:absolute;inset:0;background:
  radial-gradient(120% 90% at 80% 10%,transparent 35%,rgba(11,11,15,.75) 100%),
  linear-gradient(180deg,rgba(11,11,15,.55),rgba(11,11,15,.3) 40%,rgba(11,11,15,.92))}.seve-root .orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;z-index:0;animation:float 14s ease-in-out infinite}.seve-root .orb.b{width:340px;height:340px;background:var(--blue);top:-80px;right:8%}.seve-root .orb.m{width:300px;height:300px;background:var(--magenta);bottom:6%;right:24%;animation-delay:-5s}.seve-root .orb.y{width:260px;height:260px;background:var(--yellow);bottom:18%;left:-60px;animation-delay:-9s;opacity:.35}
@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(18px,-26px)}}.seve-root nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:22px 28px}.seve-root .brand{display:flex;align-items:center;gap:12px}.seve-root .brand img{height:42px;width:auto}.seve-root .seve-logo{display:block;background:var(--logo) center/contain no-repeat;flex:none}.seve-root .brand .seve-logo{width:170px;height:60px}.seve-root .brand .nm{font-family:'Sora';font-weight:800;letter-spacing:.18em;font-size:18px;line-height:1}.seve-root .brand .sub{font-size:8px;letter-spacing:.4em;color:var(--muted-d);margin-top:3px}.seve-root .navlinks{display:flex;gap:34px;list-style:none}.seve-root .navlinks a{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#e8e8ee;position:relative;transition:color .3s}.seve-root .navlinks a::after{content:"";position:absolute;left:0;bottom:-7px;height:2px;width:0;background:var(--gold);transition:width .35s}.seve-root .navlinks a:hover{color:#fff}.seve-root .navlinks a:hover::after{width:100%}.seve-root .btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:14px;border-radius:13px;padding:13px 22px;cursor:pointer;border:none;transition:transform .25s,box-shadow .3s}.seve-root .btn:hover{transform:translateY(-2px)}.seve-root .btn .ar{transition:transform .3s}.seve-root .btn:hover .ar{transform:translate(3px,-3px)}.seve-root .btn-gold{background:var(--gold);color:#1a1407;box-shadow:0 8px 26px rgba(245,184,28,.32)}.seve-root .btn-gold:hover{box-shadow:0 12px 34px rgba(245,184,28,.45)}.seve-root .btn-ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px)}.seve-root .btn-ghost:hover{background:rgba(255,255,255,.12)}.seve-root .menu-toggle{display:none}.seve-root /* rainbow border button */
.rb{position:relative;z-index:1;border:none;background:var(--ink-2);color:#fff;border-radius:14px}.seve-root .rb::before, .seve-root .rb::after{content:"";position:absolute;left:-2px;top:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border-radius:15px;background:linear-gradient(45deg,var(--blue),var(--magenta),var(--yellow),var(--gold),var(--blue),var(--magenta),var(--yellow));background-size:400%;z-index:-1;animation:rainbow 14s linear infinite}.seve-root .rb::after{filter:blur(22px);opacity:.7}
@keyframes rainbow{0%{background-position:0 0}50%{background-position:400% 0}100%{background-position:0 0}}.seve-root .hero-main{position:relative;z-index:5;flex:1;display:flex;align-items:center;padding:10px 28px 60px}.seve-root .hero-grid{display:grid;grid-template-columns:1.5fr .9fr;gap:50px;align-items:center;width:100%;max-width:1240px;margin:0 auto}.seve-root .hl-word{display:block;overflow:hidden}.seve-root .hl-word span{display:block;transform:translateY(110%);animation:clipUp .9s cubic-bezier(.22,1,.36,1) forwards}.seve-root .hl-word:nth-child(1) span{animation-delay:.2s}.seve-root .hl-word:nth-child(2) span{animation-delay:.34s}.seve-root .hl-word:nth-child(3) span{animation-delay:.48s}
@keyframes clipUp{to{transform:translateY(0)}}.seve-root h1.hero-title{font-weight:800;font-size:clamp(2.8rem,7vw,5.6rem);line-height:.98;letter-spacing:-.02em}.seve-root .hero-title .accent{color:var(--gold)}.seve-root .hero-lead{margin-top:26px;max-width:480px;color:#cfcfda;font-size:clamp(.95rem,1.4vw,1.08rem);line-height:1.65;opacity:0;animation:fadeUp .8s ease .7s forwards}.seve-root .hero-cta{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;opacity:0;animation:fadeUp .8s ease .85s forwards}
@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.seve-root .badges{display:flex;flex-direction:column;gap:14px;opacity:0;animation:fadeUp .8s ease 1s forwards}.seve-root .badge{display:flex;align-items:center;gap:15px;padding:16px 18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.04);backdrop-filter:blur(8px);transition:transform .3s,border-color .3s,background .3s}.seve-root .badge:hover{transform:translateX(-6px);border-color:rgba(245,184,28,.5);background:rgba(245,184,28,.06)}.seve-root .badge .ic{width:42px;height:42px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--grad);color:#fff}.seve-root .badge .ic svg{width:20px;height:20px}.seve-root .badge b{font-family:'Sora';font-size:17px;font-weight:700;display:block}.seve-root .badge span{font-size:12px;color:var(--muted-d);letter-spacing:.04em}.seve-root .scroll-hint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:5;font-size:10px;letter-spacing:.3em;color:var(--muted-d);text-transform:uppercase;animation:bob 2.2s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translate(-50%,0);opacity:.55}50%{transform:translate(-50%,8px);opacity:1}}.seve-root /* ---------- MARQUEE ---------- */
.marquee{background:var(--ink-2);color:#fff;padding:22px 0;border-block:1px solid rgba(255,255,255,.06);overflow:hidden}.seve-root .mq-track{display:flex;gap:0;white-space:nowrap;width:max-content;animation:scroll 28s linear infinite}.seve-root .marquee:hover .mq-track{animation-play-state:paused}.seve-root .mq-track span{font-family:'Sora';font-weight:700;font-size:clamp(1.4rem,3vw,2.1rem);text-transform:uppercase;letter-spacing:.02em;padding:0 28px;display:inline-flex;align-items:center;gap:28px;color:#fff}.seve-root .mq-track span::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--gold)}.seve-root .mq-track .alt{color:transparent;-webkit-text-stroke:1.4px rgba(255,255,255,.4)}
@keyframes scroll{to{transform:translateX(-50%)}}.seve-root /* ---------- SECTIONS ---------- */
.section{padding:110px 0}.seve-root .sec-head{text-align:center;max-width:760px;margin:0 auto 60px}.seve-root .sec-head h2{font-size:clamp(2rem,4vw,3.1rem);font-weight:800;letter-spacing:-.02em;line-height:1.08;margin-top:14px}.seve-root .sec-head h2 .g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.seve-root /* about */
.about{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}.seve-root .about-img{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 30px 70px -30px rgba(0,0,0,.4)}.seve-root .about-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.22,1,.36,1)}.seve-root .about-img:hover img{transform:scale(1.06)}.seve-root .about-img::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(140deg,transparent 55%,rgba(214,0,110,.25))}.seve-root .about h2{font-size:clamp(2.2rem,4vw,3.4rem);font-weight:800;letter-spacing:-.02em;margin:10px 0 22px}.seve-root .about p{color:var(--muted);line-height:1.75;margin-bottom:16px;font-size:1.02rem}.seve-root .about .hl{color:var(--text);font-weight:600}.seve-root /* value cards */
.values{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.seve-root .vcard{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:30px 22px;text-align:center;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .4s;position:relative;overflow:hidden}.seve-root .vcard::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .45s}.seve-root .vcard:hover{transform:translateY(-10px);box-shadow:0 26px 50px -24px rgba(0,0,0,.22);border-color:transparent}.seve-root .vcard:hover::before{transform:scaleX(1)}.seve-root .vcard .vic{width:62px;height:62px;margin:0 auto 18px;border-radius:16px;display:grid;place-items:center;background:var(--mist);color:var(--ink);transition:background .4s,color .4s}.seve-root .vcard:hover .vic{background:var(--grad);color:#fff}.seve-root .vcard .vic svg{width:28px;height:28px}.seve-root .vcard h3{font-size:1.05rem;font-weight:700;margin-bottom:10px}.seve-root .vcard p{font-size:.85rem;color:var(--muted);line-height:1.55}.seve-root /* services */
.serv-section{background:var(--mist)}.seve-root .services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.seve-root .scard{background:var(--paper);border-radius:22px;overflow:hidden;border:1px solid var(--line);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s;display:flex;flex-direction:column}.seve-root .scard:hover{transform:translateY(-8px);box-shadow:0 30px 60px -30px rgba(0,0,0,.3)}.seve-root .scard .ph{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--ink-3)}.seve-root .scard .ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}.seve-root .scard:hover .ph img{transform:scale(1.08)}.seve-root .scard .num{position:absolute;top:14px;left:14px;z-index:2;font-family:'Sora';font-weight:800;font-size:14px;color:#fff;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);width:38px;height:38px;border-radius:11px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18)}.seve-root .scard .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45))}.seve-root .scard .body{padding:22px 22px 26px}.seve-root .scard h3{font-size:1.15rem;font-weight:700;margin-bottom:8px}.seve-root .scard p{font-size:.88rem;color:var(--muted);line-height:1.55}.seve-root .scard .more{margin-top:14px;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep);display:inline-flex;align-items:center;gap:6px}.seve-root .scard .more svg{transition:transform .3s}.seve-root .scard:hover .more svg{transform:translateX(4px)}.seve-root .scard.last-centered{grid-column:2}.seve-root /* process */
.process{background:var(--ink);color:#fff}.seve-root .process .sec-head h2{color:#fff}.seve-root .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative}.seve-root .steps::before{content:"";position:absolute;top:34px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,rgba(245,184,28,.5),transparent)}.seve-root .step{text-align:center;position:relative;z-index:1}.seve-root .step .ring{width:70px;height:70px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:var(--ink-2);border:2px solid var(--gold);color:var(--gold);position:relative}.seve-root .step .ring svg{width:26px;height:26px}.seve-root .step .n{position:absolute;-top:6px;top:-6px;right:-4px;width:24px;height:24px;border-radius:50%;background:var(--gold);color:var(--ink);font-family:'Sora';font-weight:800;font-size:12px;display:grid;place-items:center}.seve-root .step p{font-size:.85rem;color:#c6c6d2;line-height:1.5;max-width:160px;margin:0 auto}.seve-root /* counters */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:78px}.seve-root .stat{text-align:center}.seve-root .stat .v{font-family:'Sora';font-weight:800;font-size:clamp(2.4rem,5vw,3.6rem);line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.seve-root .stat .l{margin-top:8px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#9a9aa8}.seve-root /* mv */
.mv{display:grid;grid-template-columns:1fr 1fr;gap:28px}.seve-root .mvcard{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:42px;position:relative;overflow:hidden;transition:transform .4s,box-shadow .4s}.seve-root .mvcard:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(0,0,0,.2)}.seve-root .mvcard .mic{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:var(--grad);color:#fff;margin-bottom:22px}.seve-root .mvcard .mic svg{width:28px;height:28px}.seve-root .mvcard h3{font-size:1.6rem;font-weight:800;margin-bottom:14px}.seve-root .mvcard p{color:var(--muted);line-height:1.75}.seve-root /* cta band */
.ctaband{position:relative;overflow:hidden;background:var(--ink);color:#fff;border-radius:32px;padding:72px 56px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}.seve-root .ctaband .orb{position:absolute}.seve-root .ctaband .o1{width:300px;height:300px;background:var(--magenta);top:-100px;left:-60px}.seve-root .ctaband .o2{width:260px;height:260px;background:var(--blue);bottom:-120px;right:10%}.seve-root .ctaband .txt{position:relative;z-index:2;max-width:560px}.seve-root .ctaband h2{font-size:clamp(1.9rem,3.5vw,2.8rem);font-weight:800;line-height:1.1;margin-bottom:14px}.seve-root .ctaband p{color:#c6c6d2;line-height:1.6}.seve-root .ctaband .btn{position:relative;z-index:2}.seve-root /* footer */
footer{background:var(--ink);color:#fff;padding:70px 0 34px;margin-top:0}.seve-root .fgrid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:48px;padding-bottom:46px;border-bottom:1px solid rgba(255,255,255,.1)}.seve-root footer .brand img{height:40px}.seve-root footer .brand .seve-logo{width:166px;height:66px}.seve-root .fcol h4{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-d);margin-bottom:18px}.seve-root .fcol a, .seve-root .fcol p{display:block;color:#c6c6d2;font-size:.92rem;margin-bottom:11px;transition:color .3s}.seve-root .fcol a:hover{color:var(--gold)}.seve-root .fdesc{color:#9a9aa8;font-size:.9rem;line-height:1.6;margin:18px 0 22px;max-width:300px}.seve-root .socials{display:flex;gap:12px}.seve-root .socials a{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.06);transition:background .3s,transform .3s}.seve-root .socials a:hover{background:var(--grad);transform:translateY(-3px)}.seve-root .socials svg{width:18px;height:18px}.seve-root .fcontact .row{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;color:#c6c6d2;font-size:.92rem}.seve-root .fcontact .row svg{width:18px;height:18px;color:var(--gold);flex:none;margin-top:2px}.seve-root .fbottom{padding-top:24px;text-align:center;color:#7a7a88;font-size:.82rem}.seve-root /* ---------- mobile menu ---------- */
.mmenu{position:fixed;inset:0;z-index:100;background:var(--ink);display:flex;flex-direction:column;padding:24px 28px;transform:translateX(100%);transition:transform .45s cubic-bezier(.22,1,.36,1);visibility:hidden}.seve-root .mmenu.open{transform:none;visibility:visible}.seve-root .mmenu .top{display:flex;justify-content:space-between;align-items:center}.seve-root .mmenu ul{list-style:none;margin-top:60px;display:flex;flex-direction:column;gap:28px}.seve-root .mmenu ul a{font-family:'Sora';font-size:2rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.02em}.seve-root .mmenu .mcta{margin-top:auto;padding-bottom:30px}.seve-root .iconbtn{width:44px;height:44px;border-radius:13px;background:rgba(255,255,255,.08);border:none;color:#fff;display:grid;place-items:center;cursor:pointer}.seve-root /* ---------- responsive ---------- */
@media(max-width:980px){
  .seve-root .hero-grid{grid-template-columns:1fr;gap:40px}
  .seve-root .badges{flex-direction:column;flex-wrap:nowrap}
  .seve-root .badge{flex:1 1 auto;width:100%}
  .seve-root .about,.seve-root .mv{grid-template-columns:1fr!important;gap:36px}
  .seve-root .about-img{order:2!important;width:100%!important;max-width:100%!important}
  .seve-root .about>div:not(.about-img){order:1!important;width:100%!important}
  .seve-root .values{grid-template-columns:1fr}
  .seve-root .services{grid-template-columns:1fr}
  .seve-root .scard.last-centered{grid-column:auto}
  .seve-root .steps{grid-template-columns:1fr;gap:24px}
  .seve-root .steps::before{display:none}
  .seve-root .stats{grid-template-columns:1fr;gap:24px}
  .seve-root .fgrid{grid-template-columns:1fr;gap:32px}
  .seve-root .ctaband{padding:48px 32px;flex-direction:column;align-items:flex-start;text-align:left}
}
@media(max-width:640px){
  .seve-root .wrap{padding:0 18px}
  .seve-root .navlinks, .seve-root nav .btn-gold{display:none}
  .seve-root .menu-toggle{display:grid}
  .seve-root nav{padding:16px 18px}
  .seve-root .brand .seve-logo{width:130px;height:46px}
  .seve-root .section{padding:58px 0}
  .seve-root .sec-head{margin-bottom:34px}
  .seve-root .sec-head h2{font-size:clamp(1.7rem,7vw,2.3rem)}
  .seve-root .hero{min-height:auto}
  .seve-root .hero-main{padding:14px 18px 58px}
  .seve-root .hero-grid{grid-template-columns:1fr;gap:30px}
  .seve-root h1.hero-title{font-size:clamp(2.6rem,12vw,3.4rem)}
  .seve-root .hero-lead{margin-top:18px;font-size:.97rem;max-width:none}
  .seve-root .hero-cta{margin-top:24px;gap:10px;flex-direction:column}
  .seve-root .hero-cta .btn{flex:1 1 100%;justify-content:center;padding:15px 20px;width:100%}
  .seve-root .badges{flex-direction:column;gap:10px}
  .seve-root .badge{flex:1 1 auto;width:100%;padding:13px 16px}
  .seve-root .values, .seve-root .services{grid-template-columns:1fr;gap:16px}
  .seve-root .scard.last-centered{grid-column:auto}
  .seve-root .steps{grid-template-columns:1fr;gap:20px}
  .seve-root .stats{grid-template-columns:1fr;gap:22px;margin-top:40px}
  .seve-root .about{gap:24px;display:grid!important}
  .seve-root .about-img{aspect-ratio:16/11}
  .seve-root .about h2{font-size:clamp(1.9rem,8vw,2.6rem)}
  .seve-root .mv{grid-template-columns:1fr;gap:18px}
  .seve-root .mvcard{padding:30px 24px}
  .seve-root .mvcard h3{font-size:1.4rem}
  .seve-root .ctaband{grid-template-columns:1fr;flex-direction:column;align-items:flex-start;text-align:left;padding:38px 24px;border-radius:24px}
  .seve-root .ctaband h2{font-size:clamp(1.7rem,7vw,2.2rem)}
  .seve-root .ctaband .btn{width:100%;justify-content:center}
  .seve-root .fgrid{grid-template-columns:1fr;gap:32px;text-align:center}
  .seve-root footer{padding:56px 0 30px}
  .seve-root footer .brand{justify-content:center}
  .seve-root .fdesc{margin-left:auto;margin-right:auto}
  .seve-root .socials{justify-content:center}
  .seve-root .fcontact .row{justify-content:center;text-align:left}
}
@media(max-width:380px){
  .seve-root h1.hero-title{font-size:2.4rem}
  .seve-root .brand .seve-logo{width:116px;height:42px}
  .seve-root .stats{grid-template-columns:1fr}
  .seve-root .section{padding:50px 0}
}