
:root{
  --pink:#ff2d8a; --pink2:#ff006f; --blue:#1498ff; --cyan:#2bd8ff;
  --purple:#8a46ff; --dark:#05060c; --ink:#171820; --soft:#f2f3f7; --line:#e3e5ec;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#eef0f5}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 28px));margin:auto}
.topbar{position:sticky;top:0;z-index:100;background:rgba(4,5,11,.97);color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.24);backdrop-filter:blur(12px)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:12px 0}
.brand img{width:255px;max-height:92px;object-fit:contain}
.menu{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex-wrap:wrap;font-weight:750}
.menu a:not(.pill){padding:10px 0;position:relative}
.menu a:not(.pill):after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:3px;background:linear-gradient(90deg,var(--pink),var(--cyan));border-radius:5px;transition:.2s}
.menu a:not(.pill):hover:after,.menu a.active:after{right:0}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:999px;color:#fff;font-weight:850;border:0;box-shadow:0 10px 22px rgba(0,0,0,.17);transition:.2s transform,.2s box-shadow}
.pill:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,.22)}
.pink{background:linear-gradient(90deg,var(--pink2),#ff55ac)} .blue{background:linear-gradient(90deg,#087df4,var(--cyan))}.green{background:linear-gradient(90deg,#16ad53,#31d475)}
.hero{background:#fff;border-radius:0 0 38px 38px;overflow:hidden;position:relative;padding:42px 0}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 15%,rgba(130,67,255,.18),transparent 23%),radial-gradient(circle at 85% 46%,rgba(255,45,138,.18),transparent 24%),radial-gradient(circle at 58% 50%,rgba(43,216,255,.18),transparent 28%)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:38px;position:relative}
h1{font-size:clamp(44px,5.6vw,78px);letter-spacing:-2px;line-height:.98;margin:0 0 20px;font-weight:950}.accent{color:var(--pink)}.script{font-family:Georgia,serif;font-style:italic;color:var(--purple)}
.hero p,.page-head p{font-size:clamp(18px,2vw,25px);line-height:1.55;color:#3f414b;max-width:730px}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0}.quick-points{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;font-weight:800}.quick-points span:before{content:"✓";display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--pink),var(--blue));margin-right:8px}
.hero-visual img{width:100%;border-radius:28px;box-shadow:0 20px 50px rgba(0,0,0,.22)}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:28px auto}.dark-card{background:var(--dark);color:#fff;border-radius:34px;padding:30px;overflow:hidden;position:relative;min-height:550px;box-shadow:0 16px 38px rgba(0,0,0,.2)}.dark-card.souvenir{border:4px solid var(--pink)}.dark-card.publicidad{border:4px solid var(--cyan)}.dark-card h2{font-size:clamp(38px,4vw,60px);margin:0 0 15px}.dark-card p{font-size:19px;line-height:1.58;max-width:500px;color:#f4f4f6}.dark-card img{width:100%;border-radius:22px;margin-top:22px;max-height:300px;object-fit:cover;object-position:center}
.section-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;margin:28px auto}.white-card,.black-card,.map-card,.catalog-strip{border-radius:32px;box-shadow:0 14px 34px rgba(0,0,0,.12)}.white-card{background:#fff;padding:30px}.black-card{background:var(--dark);color:#fff;padding:30px}.about-layout{display:grid;grid-template-columns:1fr .85fr;gap:26px;align-items:center}.about-layout h2,.black-card h2,.map-card h2{font-size:clamp(34px,4vw,56px);margin:0 0 15px}.about-layout p,.black-card p{font-size:18px;line-height:1.7}.about-layout img{border-radius:24px}.contact-list{display:grid;gap:16px;margin:24px 0}.contact-list div{padding:15px 17px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.05)}.contact-list a{color:#fff}
.map-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:center;background:#fff;padding:30px;margin:28px auto}.map-card p{font-size:18px;line-height:1.6}.map-box{display:block;position:relative;height:360px;border-radius:24px;overflow:hidden;border:3px solid var(--cyan)}.map-box iframe{width:100%;height:100%;border:0}.map-overlay{position:absolute;left:16px;right:16px;bottom:16px;padding:14px 16px;border-radius:16px;background:rgba(4,5,11,.88);color:#fff;display:grid;gap:4px}.map-overlay em{color:var(--cyan);font-style:normal;font-weight:800}
.catalog-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#111322,#05060c);color:#fff;padding:26px 30px;margin:28px auto}.catalog-strip strong{display:block;font-size:26px;margin-bottom:6px}.catalog-strip span{color:#d6d8df}.catalog-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.page-head{background:#fff;padding:42px 0 36px;border-radius:0 0 34px 34px}.page-head h1{font-size:clamp(43px,5vw,68px)}
.gallery-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:34px auto 18px}.gallery-intro h2{font-size:clamp(34px,4vw,54px);margin:0}.gallery-intro p{font-size:18px;color:#51535e;max-width:700px;line-height:1.6;margin:8px 0 0}.chips{display:flex;gap:9px;flex-wrap:wrap}.chip{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:999px;font-weight:800}.chip.active{background:var(--dark);color:#fff;border-color:var(--dark)}
.mockup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:34px}.mockup-card{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.11);border:1px solid #e5e7ee;transition:.22s transform,.22s box-shadow}.mockup-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(0,0,0,.16)}.mockup-card img{width:100%;aspect-ratio:1/1.15;object-fit:cover}.mockup-copy{padding:20px 22px 22px}.mockup-copy h3{font-size:28px;margin:0 0 8px}.mockup-copy p{margin:0;color:#535661;font-size:17px;line-height:1.55}.tagline{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tag{padding:7px 11px;border-radius:999px;font-size:13px;font-weight:850;color:#fff;background:linear-gradient(90deg,var(--purple),var(--pink))}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:25px 0}.cat-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.11);border:1px solid var(--line)}.cat-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.cat-card .cat-body{padding:18px}.cat-card h3{font-size:24px;margin:0 0 8px}.cat-card p{margin:0;color:#585b64;line-height:1.55}.gorras-banner{background:linear-gradient(135deg,#05060c,#151a2d);border:3px solid var(--cyan);color:#fff;border-radius:28px;padding:28px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(240px,.85fr) auto;gap:22px;align-items:center;margin:30px auto}.gorras-banner h2{font-size:40px;margin:0 0 9px}.gorras-banner p{font-size:18px;line-height:1.6;max-width:760px;color:#e3e5ea}.gorras-image img{width:100%;max-width:360px;border-radius:20px;background:#fff;padding:10px;box-shadow:0 16px 34px rgba(0,0,0,.28);margin-inline:auto}

.restored-categories{margin-top:28px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:22px 0 32px}.product-tile{display:block;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.11);border:1px solid var(--line);transition:.2s transform,.2s box-shadow}.product-tile:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(0,0,0,.16)}.product-tile img{width:100%;height:100%;aspect-ratio:1.15/1;object-fit:contain;background:#fff}.product-tile:nth-child(7) img{object-fit:cover}
footer{background:#05060c;color:#fff;margin-top:32px}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;flex-wrap:wrap}.footer img{width:250px;max-height:90px;object-fit:contain}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-weight:800}
@media(max-width:980px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid,.cards,.section-grid,.map-card,.about-layout{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.mockup-grid{grid-template-columns:1fr}.nav{align-items:flex-start}.brand img{width:205px}.catalog-strip{align-items:flex-start;flex-direction:column}.catalog-buttons{justify-content:flex-start}.gorras-banner{grid-template-columns:1fr}.gorras-image img{max-width:100%}}
@media(max-width:680px){.product-grid{grid-template-columns:1fr 1fr;gap:12px}.product-tile{border-radius:18px}.container{width:min(100% - 16px,1180px)}.nav{flex-direction:column}.menu{gap:12px;font-size:14px}.brand img{width:185px}.hero{padding:28px 0}.hero h1{font-size:43px}.dark-card,.white-card,.black-card,.map-card{padding:21px;border-radius:24px}.category-grid{grid-template-columns:1fr}.page-head h1{font-size:42px}.mockup-card img{aspect-ratio:1/1.1}.gallery-intro{align-items:flex-start;flex-direction:column}.gorras-banner h2{font-size:33px}}

.sport-hero-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;background:#fff;border-radius:28px;padding:26px;box-shadow:0 12px 28px rgba(0,0,0,.11);margin:28px auto}.sport-hero-text h2{font-size:38px;margin:0 0 10px}.sport-hero-text p{font-size:18px;line-height:1.65;color:#4f5360;margin:0 0 16px}.sport-list{margin:0;padding-left:22px;display:grid;gap:8px;color:#222;font-weight:700}.sport-hero-image img{width:100%;display:block;border-radius:22px;box-shadow:0 14px 30px rgba(0,0,0,.16)}.sports-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:24px 0 8px}.sports-shot{background:#fff;border-radius:24px;padding:18px;box-shadow:0 12px 28px rgba(0,0,0,.11);border:1px solid var(--line)}.sports-shot img{width:100%;display:block;border-radius:18px;background:#fff}.sports-shot h3{font-size:24px;margin:14px 0 7px}.sports-shot p{margin:0;color:#5a5e67;line-height:1.6}.sports-shot.compact{grid-column:1/-1;display:grid;grid-template-columns:340px 1fr;gap:22px;align-items:center}.sports-shot.compact img{max-width:340px}.green{background:linear-gradient(90deg,#0cae63,#20cc7a)!important}

.sport-hero-card.improved{grid-template-columns:.88fr 1.12fr}.sport-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.sport-tags span{padding:10px 14px;border-radius:999px;background:#eef4ff;border:1px solid #d9e6ff;color:#1d3557;font-weight:800}.sports-blocks{display:grid;gap:24px;margin:24px 0 8px}.sports-shot.wide img{max-height:none}.sports-head{margin-bottom:14px}.sports-head h3{font-size:28px;margin:0 0 8px}.sports-head p{margin:0;color:#5a5e67;line-height:1.6}.sports-two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.right-compact{display:grid;grid-template-columns:1fr;align-items:start}.right-compact img{max-width:100%;width:100%}
/* SPORT CATALOG V2 */
.sport-cover-section{position:relative;min-height:620px;background:#070914;overflow:hidden}.sport-cover-section>img{width:100%;height:620px;object-fit:cover;display:block}.sport-cover-section:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,13,.92) 0%,rgba(3,5,13,.66) 40%,rgba(3,5,13,.08) 75%)}.sport-cover-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;color:#fff}.sport-cover-overlay span{color:var(--cyan);font-weight:950;letter-spacing:4px;font-size:15px}.sport-cover-overlay h1{margin:12px 0 18px;font-size:clamp(52px,7vw,92px);line-height:.93}.sport-cover-overlay p{font-size:21px;line-height:1.55;max-width:630px;color:#f3f5fa}.sport-catalog{padding-top:42px}.sport-catalog-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.sport-catalog-head h2{font-size:clamp(38px,4.5vw,60px);margin:0 0 10px}.sport-catalog-head p{font-size:18px;color:#535661;line-height:1.55;margin:0;max-width:720px}.sport-tools{background:#fff;border-radius:24px;padding:18px;box-shadow:0 10px 28px rgba(0,0,0,.09);margin-bottom:24px}.sport-tools input{width:100%;border:2px solid #dfe3ec;border-radius:16px;padding:15px 17px;font-size:17px;outline:none}.sport-tools input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(20,152,255,.12)}.sport-filters{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.sport-filter{border:1px solid #dfe3ec;background:#f5f6f9;padding:10px 14px;border-radius:999px;font-weight:850;cursor:pointer}.sport-filter.active{background:linear-gradient(90deg,var(--pink),var(--purple));color:#fff;border-color:transparent}.sport-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.sport-product{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.1);border:1px solid #e4e7ee;display:flex;flex-direction:column;min-width:0;transition:.2s transform,.2s box-shadow}.sport-product:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(0,0,0,.16)}.sport-product[hidden]{display:none}.sport-product-image{display:block;background:#eee}.sport-product-image img{width:100%;aspect-ratio:4/5;object-fit:cover}.sport-product-body{padding:17px;display:flex;flex-direction:column;flex:1}.sport-product-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px}.sport-product-title h3{font-size:21px;margin:0;line-height:1.1}.sport-product-title span{font-size:13px;font-weight:900;color:#fff;background:#111526;padding:6px 8px;border-radius:8px;white-space:nowrap}.sport-product-body p{color:#575b65;line-height:1.5;margin:0 0 16px;font-size:15px}.sport-product-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.mini-btn{display:flex;justify-content:center;align-items:center;text-align:center;padding:10px 8px;border-radius:11px;color:#fff;font-size:13px;font-weight:900}.blue-mini{background:linear-gradient(90deg,#087df4,var(--cyan))}.pink-mini{background:linear-gradient(90deg,var(--pink2),#ff55ac)}.sport-no-results{background:#fff;border-radius:20px;padding:28px;text-align:center;font-weight:800}.sport-product-actions a:hover{filter:brightness(1.08)}
@media(max-width:1100px){.sport-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.sport-cover-section,.sport-cover-section>img{min-height:540px;height:540px}.sport-cover-section>img{object-position:62% center}.sport-cover-section:after{background:linear-gradient(90deg,rgba(3,5,13,.92),rgba(3,5,13,.5))}.sport-catalog-head{align-items:flex-start;flex-direction:column}.sport-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sport-cover-section,.sport-cover-section>img{min-height:590px;height:590px}.sport-cover-section>img{object-position:68% center}.sport-cover-overlay h1{font-size:50px}.sport-cover-overlay p{font-size:18px}.sport-product-grid{grid-template-columns:1fr}.sport-product-actions{grid-template-columns:1fr 1fr}}

.product-tile{position:relative}.tile-cta{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(8,10,24,.90);color:#fff;border-radius:999px;padding:10px 14px;text-align:center;font-weight:900;box-shadow:0 7px 20px rgba(0,0,0,.22)}

.showcase-card{background:#fff;border-radius:28px;padding:22px;box-shadow:0 14px 34px rgba(0,0,0,.11);border:1px solid #e5e7ee;margin:18px 0 30px}.showcase-card img{width:100%;display:block;border-radius:22px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:34px}.mini-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.1);border:1px solid #e5e7ee}.mini-card img{width:100%;aspect-ratio:1/1.08;object-fit:cover;background:#f5f6fa}.mini-copy{padding:18px}.mini-copy h3{font-size:24px;margin:0 0 8px}.mini-copy p{margin:0;color:#535661;line-height:1.55;font-size:16px}.soft-note{background:linear-gradient(135deg,#fff,#f7f8fb);border:1px solid #e8eaf0;border-radius:24px;padding:18px 20px;color:#474b57}.soft-note strong{display:block;font-size:20px;margin-bottom:6px;color:#151724}@media(max-width:980px){.mini-grid{grid-template-columns:1fr}}.stamina-catalog .sport-product-image{background:#f3f3f3}.stamina-catalog .sport-product-image img{aspect-ratio:1/1;object-fit:contain;background:#f3f3f3}.stamina-catalog .sport-product-title h3{font-size:20px}.stamina-catalog .sport-product-body p{min-height:68px}


/* --- Información legal y consentimiento de cookies --- */
.legal-footer{border-top:1px solid rgba(255,255,255,.14);padding:18px 0 22px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;color:#d7dae2}
.legal-company{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px}.legal-company strong{color:#fff}.legal-company span{opacity:.88}
.legal-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.legal-links a,.cookie-settings-link{color:#fff;text-decoration:underline;text-underline-offset:3px;font-size:14px;font-weight:800}
.cookie-settings-link{border:0;background:transparent;padding:0;cursor:pointer;font-family:inherit}
.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:99999;background:#0b0d16;color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 60px rgba(0,0,0,.45);border-radius:22px;padding:20px;display:none}
.cookie-banner.is-visible{display:block}.cookie-banner-inner{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}
.cookie-banner h2{margin:0 0 7px;font-size:22px}.cookie-banner p{margin:0;color:#d9dce5;line-height:1.55;font-size:15px}.cookie-banner p a{color:#fff;text-decoration:underline;font-weight:800}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.cookie-btn{border:0;border-radius:999px;padding:12px 18px;font-weight:900;font-family:inherit;cursor:pointer;font-size:14px}
.cookie-accept{background:linear-gradient(90deg,#ff2d91,#7848ff);color:#fff}.cookie-reject{background:#fff;color:#111322}.cookie-info{background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff}
.cookie-map-blocked{filter:grayscale(1);background:#e8eaf0}.map-box iframe:not([src]){background:linear-gradient(135deg,#e7e9ef,#cfd4df)}
.legal-page{padding:44px 0 70px}.legal-document{background:#fff;border-radius:28px;padding:clamp(24px,4vw,48px);box-shadow:0 14px 34px rgba(0,0,0,.11);border:1px solid #e5e7ee}
.legal-document h1{font-size:clamp(38px,5vw,62px);margin:0 0 12px}.legal-document h2{font-size:27px;margin:30px 0 10px}.legal-document h3{font-size:20px;margin:22px 0 8px}.legal-document p,.legal-document li{color:#414550;line-height:1.75;font-size:16px}.legal-document ul{padding-left:22px}.legal-summary{background:#f3f5fa;border-radius:18px;padding:18px 20px;margin:22px 0}.legal-summary strong{display:block;color:#111322;margin-bottom:4px}.legal-table{width:100%;border-collapse:collapse;margin:18px 0}.legal-table th,.legal-table td{padding:13px;border:1px solid #dfe3eb;text-align:left;vertical-align:top}.legal-table th{background:#f3f5fa;color:#111322}
@media(max-width:760px){.cookie-banner{left:8px;right:8px;bottom:8px;padding:16px;border-radius:18px}.cookie-banner-inner{grid-template-columns:1fr}.cookie-actions{justify-content:flex-start}.cookie-btn{flex:1}.legal-footer{align-items:flex-start;flex-direction:column}.legal-links{gap:12px}.legal-table{display:block;overflow-x:auto}}

.about-premium{align-items:stretch}.about-premium>div{display:flex;flex-direction:column;justify-content:center}.about-kicker{display:inline-flex;width:max-content;max-width:100%;padding:9px 13px;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--purple));color:#fff;font-size:13px;font-weight:950;letter-spacing:.7px;margin-bottom:14px}.about-lead{font-size:21px!important;line-height:1.55!important;color:#20222c}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.about-stats span{background:linear-gradient(135deg,#f8f9fc,#eef0f6);border:1px solid #e2e5ed;border-radius:18px;padding:14px;min-width:0}.about-stats strong{display:block;font-size:21px;line-height:1.05;color:#11131d}.about-stats small{display:block;margin-top:6px;color:#5d616c;font-weight:750;line-height:1.35}.contact-premium{display:flex;flex-direction:column}.social-contact{gap:14px}.contact-list .contact-row{display:flex;align-items:center;gap:15px;padding:15px 17px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(255,255,255,.055);color:#fff;transition:.2s transform,.2s border-color,.2s background}.contact-list .contact-row:hover{transform:translateX(4px);background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.32)}.contact-row>span:last-child{min-width:0}.contact-row strong{display:block;font-size:18px;margin-bottom:3px}.contact-row em{display:block;font-style:normal;font-size:17px;color:#fff;overflow-wrap:anywhere}.social-icon{width:48px;height:48px;flex:0 0 48px;border-radius:15px;display:grid;place-items:center;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.25)}.social-icon svg{width:29px;height:29px}.whatsapp-icon{background:#25D366}.email-icon{background:linear-gradient(135deg,#1498ff,#2bd8ff)}.instagram-icon{background:radial-gradient(circle at 32% 100%,#ffd600 0 24%,#ff7a00 25% 42%,#ff0169 43% 62%,#d300c5 63% 78%,#7638fa 79% 100%)}.facebook-icon{background:#1877F2}.contact-premium>.pill{align-self:flex-start;margin-top:auto}@media(max-width:680px){.about-stats{grid-template-columns:1fr}.social-icon{width:44px;height:44px;flex-basis:44px}.contact-row strong{font-size:16px}.contact-row em{font-size:15px}}

.about-section-fixed{margin:28px auto}.about-wide{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:34px;align-items:stretch;padding:34px}.about-copy-fixed{display:flex;flex-direction:column;justify-content:center;min-width:0}.about-copy-fixed h2{font-size:clamp(42px,5vw,66px);margin:0 0 16px}.about-copy-fixed p{font-size:19px;line-height:1.72;color:#30333d;margin:0 0 16px}.about-copy-fixed .about-lead{font-size:23px!important;line-height:1.55!important;color:#181a22}.about-photo-fixed{min-height:470px;border-radius:26px;overflow:hidden;background:#f0f1f6}.about-photo-fixed img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.about-stats-fixed{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.about-stats-fixed span{padding:18px}.about-stats-fixed strong{font-size:24px}.contact-section-fixed{margin:28px auto}.contact-wide{padding:32px}.contact-heading-fixed{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.contact-heading-fixed h2{margin:0}.contact-heading-fixed p{max-width:520px;margin:0;color:#d7d9e0;font-size:18px;line-height:1.55}.contact-grid-fixed{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 22px}.contact-cta-fixed{display:inline-flex}.contact-wide>.pill{margin-top:0}@media(max-width:980px){.about-wide{grid-template-columns:1fr}.about-photo-fixed{min-height:380px}.contact-heading-fixed{align-items:flex-start;flex-direction:column}.contact-grid-fixed{grid-template-columns:1fr 1fr}}@media(max-width:680px){.about-wide{padding:22px;gap:22px}.about-photo-fixed{min-height:300px}.about-copy-fixed p{font-size:17px}.about-copy-fixed .about-lead{font-size:20px!important}.about-stats-fixed{grid-template-columns:1fr}.contact-grid-fixed{grid-template-columns:1fr}.contact-wide{padding:22px}}

/* UBICACION CORREGIDA */
.location-section{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:28px;align-items:stretch;background:#fff;border-radius:32px;padding:30px;margin:28px auto;box-shadow:0 14px 34px rgba(0,0,0,.12)}
.location-info{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:8px 10px 8px 4px}
.location-kicker{display:inline-flex;width:max-content;max-width:100%;padding:9px 13px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan));color:#fff;font-size:13px;font-weight:950;letter-spacing:.8px;margin-bottom:15px}
.location-info h2{font-size:clamp(42px,4.7vw,66px);line-height:1;margin:0 0 24px}
.location-info>p{font-size:18px;line-height:1.65;color:#4d515d;margin:20px 0 0}
.location-address{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid #e2e6ee;border-radius:22px;background:linear-gradient(135deg,#f9fafc,#f0f3f8)}
.location-pin{width:54px;height:54px;flex:0 0 54px;border-radius:17px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--pink),var(--purple));box-shadow:0 10px 22px rgba(138,70,255,.24)}
.location-pin svg{width:31px;height:31px}
.location-address div{display:grid;gap:3px;min-width:0}
.location-address strong{font-size:21px;color:#171923}
.location-address span{font-size:18px;font-weight:800;color:#272a34}
.location-address small{font-size:15px;color:#6b6f79}
.location-actions{margin-top:24px;align-items:center}
.location-phone{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border:2px solid #e2e5ed;border-radius:999px;font-weight:900;color:#1c1f29;background:#fff}
.location-phone:hover{border-color:var(--cyan)}
.location-map{min-height:410px;border-radius:25px;overflow:hidden;border:3px solid var(--cyan);background:#e9edf3;box-shadow:0 14px 28px rgba(20,152,255,.14)}
.location-map iframe{width:100%;height:100%;min-height:410px;border:0;display:block}
@media(max-width:980px){.location-section{grid-template-columns:1fr}.location-info{padding:4px}.location-map,.location-map iframe{min-height:360px}}
@media(max-width:680px){.location-section{padding:21px;border-radius:24px;gap:22px}.location-info h2{font-size:44px}.location-address{align-items:flex-start}.location-address span{font-size:16px}.location-actions{align-items:stretch;flex-direction:column}.location-actions .pill,.location-phone{width:100%}.location-map,.location-map iframe{min-height:320px}}


/* HOME: banners finales sin textos repetidos dentro de las imágenes */
.home-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:32px auto 50px}
.home-category-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:34px;padding:28px;background:linear-gradient(145deg,#05060c 0%,#0b1020 60%,#111a32 100%);color:#fff;box-shadow:0 20px 48px rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.08);transition:transform .22s ease,box-shadow .22s ease}
.home-category-card:before{content:"";position:absolute;inset:0;border-radius:34px;padding:3px;background:linear-gradient(135deg,#ff1d86,#ff68b4);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.publicidad-home-card:before{background:linear-gradient(135deg,#078cf4,#31d9ff)}
.home-category-card:hover{transform:translateY(-7px);box-shadow:0 30px 62px rgba(0,0,0,.31)}
.home-category-copy{position:relative;z-index:2;padding:2px 2px 22px}
.home-category-kicker{display:inline-flex;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);font-size:12px;font-weight:950;letter-spacing:.1em;color:#fff}
.home-category-card h2{font-size:clamp(48px,5vw,72px);line-height:.95;margin:20px 0 15px;color:#fff;letter-spacing:-.04em}
.home-category-card p{font-size:18px;line-height:1.62;color:#f1f2f6;margin:0;max-width:620px}
.home-category-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.home-category-tags span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:850;color:#fff}
.home-category-visual{position:relative;z-index:2;overflow:hidden;border-radius:24px;background:#11131d;min-height:310px}
.home-category-visual img{width:100%;height:310px;object-fit:cover;display:block;transition:transform .35s ease}
.home-category-card:hover .home-category-visual img{transform:scale(1.025)}
.home-category-visual span{position:absolute;left:16px;bottom:16px;padding:13px 17px;border-radius:999px;background:rgba(4,5,11,.84);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(10px);font-weight:900;color:#fff}
@media(max-width:980px){.home-category-grid{grid-template-columns:1fr}.home-category-visual,.home-category-visual img{min-height:280px;height:280px}}
@media(max-width:680px){.home-category-card{padding:18px;border-radius:25px}.home-category-card:before{border-radius:25px}.home-category-card h2{font-size:46px}.home-category-card p{font-size:16px}.home-category-visual,.home-category-visual img{min-height:230px;height:230px}.home-category-visual span{font-size:14px;padding:11px 14px}}

/* Splash intro */
.splash-screen{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(255,56,150,.22),transparent 24%),radial-gradient(circle at 80% 18%,rgba(35,201,255,.23),transparent 24%),radial-gradient(circle at 50% 78%,rgba(138,70,255,.18),transparent 27%),linear-gradient(145deg,#04050b 0%,#080c18 48%,#0c1430 100%);cursor:pointer;transition:opacity .55s ease,visibility .55s ease}
.splash-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.05),transparent 36%);pointer-events:none}
.splash-screen.is-hidden{opacity:0;visibility:hidden}
.splash-paint{position:absolute;border-radius:50%;filter:blur(1px);opacity:.9;mix-blend-mode:screen;animation:paintFloat 8s ease-in-out infinite}
.splash-paint-1{width:380px;height:220px;background:radial-gradient(circle at 30% 40%,rgba(255,50,143,.78),rgba(255,50,143,.12) 70%,transparent 71%);left:6%;top:12%;transform:rotate(-12deg)}
.splash-paint-2{width:420px;height:250px;background:radial-gradient(circle at 50% 50%,rgba(45,216,255,.8),rgba(45,216,255,.12) 70%,transparent 71%);right:5%;top:8%;transform:rotate(14deg);animation-delay:-2s}
.splash-paint-3{width:460px;height:260px;background:radial-gradient(circle at 50% 50%,rgba(138,70,255,.72),rgba(138,70,255,.12) 70%,transparent 71%);left:50%;bottom:6%;transform:translateX(-50%) rotate(7deg);animation-delay:-4s}
.splash-logo-wrap{position:relative;z-index:3;display:grid;place-items:center;padding:18px;animation:logoFloat 5s ease-in-out infinite}
.splash-logo{width:min(74vw,860px);max-width:860px;filter:drop-shadow(0 26px 50px rgba(0,0,0,.45));transform-origin:center center;animation:logoSpin 9s ease-in-out infinite}
.logo-shirt-cloud{position:absolute;inset:50% auto auto 50%;width:min(88vw,980px);height:min(72vw,760px);transform:translate(-50%,-50%);pointer-events:none;z-index:2}
.shirt-logo{position:absolute;width:88px;height:48px;background:url('assets/logo-splash.png') center/contain no-repeat;opacity:.32;animation:orbitPulse 5.8s ease-in-out infinite}
.dot-1{left:26%;top:12%}.dot-2{left:39%;top:8%}.dot-3{left:53%;top:10%}.dot-4{left:62%;top:18%}
.dot-5{left:21%;top:26%}.dot-6{left:72%;top:27%}.dot-7{left:32%;top:44%}.dot-8{left:44%;top:49%}
.dot-9{left:56%;top:49%}.dot-10{left:68%;top:44%}.dot-11{left:37%;top:66%}.dot-12{left:61%;top:66%}
.dot-2,.dot-5,.dot-8,.dot-11{animation-delay:-1s}.dot-3,.dot-6,.dot-9,.dot-12{animation-delay:-2.1s}.dot-4,.dot-7,.dot-10{animation-delay:-3s}
@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes logoSpin{0%,100%{transform:rotate(-4deg) scale(1)}50%{transform:rotate(4deg) scale(1.03)}}
@keyframes paintFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-18px) rotate(6deg)}}
@keyframes orbitPulse{0%,100%{transform:translateY(0) scale(.92);opacity:.2}50%{transform:translateY(-8px) scale(1);opacity:.42}}
@media(max-width:900px){.shirt-logo{width:66px;height:36px}.splash-logo{width:min(82vw,680px)}}
@media(max-width:680px){.logo-shirt-cloud{height:560px}.shirt-logo{width:54px;height:28px}.splash-paint-1,.splash-paint-2,.splash-paint-3{filter:blur(0)}.splash-logo{width:min(88vw,520px)}}

/* Intro final: logo grande que se divide en pequeños logos formando una camiseta */
.splash-screen{position:fixed;inset:0;z-index:9999;overflow:hidden;display:grid;place-items:center;background:#02030a url('assets/splash-paint-bg.png') center/cover no-repeat;cursor:pointer;transition:opacity .65s ease,visibility .65s ease}
.splash-screen::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,0,0,.06),rgba(0,0,0,.18) 58%,rgba(0,0,0,.5));pointer-events:none}
.splash-screen.is-hidden{opacity:0;visibility:hidden}
.splash-center-mask{position:absolute;z-index:1;width:min(78vw,1120px);height:min(45vw,620px);border-radius:50%;background:radial-gradient(ellipse at center,#05060c 0%,#05060c 62%,rgba(5,6,12,.94) 74%,rgba(5,6,12,0) 75%);filter:drop-shadow(0 24px 52px rgba(0,0,0,.45))}
.splash-main-logo{position:relative;z-index:4;width:min(72vw,980px);max-height:54vh;object-fit:contain;filter:drop-shadow(0 28px 50px rgba(0,0,0,.55));animation:mainLogoMove 1.35s ease-in-out infinite alternate;transition:transform .85s cubic-bezier(.2,.8,.2,1),opacity .65s ease,filter .65s ease}
.shirt-formation{position:absolute;z-index:3;width:min(82vw,1120px);height:min(68vh,720px);left:50%;top:50%;transform:translate(-50%,-48%);pointer-events:none}
.shirt-glow{position:absolute;inset:14% 9% 4%;clip-path:polygon(29% 10%,40% 3%,60% 3%,71% 10%,90% 28%,78% 48%,69% 41%,69% 95%,31% 95%,31% 41%,22% 48%,10% 28%);background:linear-gradient(145deg,rgba(33,215,255,.12),rgba(255,40,145,.12),rgba(138,70,255,.12));filter:drop-shadow(0 0 30px rgba(35,211,255,.42)) drop-shadow(0 0 48px rgba(255,45,138,.32));opacity:0;transform:scale(.72);transition:opacity .75s ease 1.4s,transform .9s cubic-bezier(.2,.8,.2,1) 1.35s}
.mini-logo{position:absolute;left:50%;top:48%;width:clamp(34px,4.1vw,72px);height:auto;opacity:0;transform:translate(-50%,-50%) scale(.08) rotate(0deg);filter:drop-shadow(0 5px 8px rgba(0,0,0,.45));transition:left 1.2s cubic-bezier(.2,.8,.2,1) var(--d),top 1.2s cubic-bezier(.2,.8,.2,1) var(--d),transform 1.2s cubic-bezier(.2,.8,.2,1) var(--d),opacity .55s ease var(--d)}
.splash-screen.forming .splash-main-logo{transform:scale(.22) rotate(16deg);opacity:0;filter:blur(3px) drop-shadow(0 0 0 transparent)}
.splash-screen.forming .shirt-glow{opacity:1;transform:scale(1)}
.splash-screen.forming .mini-logo{left:var(--x);top:var(--y);opacity:.88;transform:translate(-50%,-50%) scale(1) rotate(var(--r))}
@keyframes mainLogoMove{from{transform:translateY(-7px) rotate(-2.5deg) scale(1)}to{transform:translateY(8px) rotate(2.5deg) scale(1.025)}}
@media(max-width:760px){.splash-main-logo{width:min(90vw,720px)}.splash-center-mask{width:94vw;height:56vw}.shirt-formation{width:100vw;height:64vh}.mini-logo{width:clamp(26px,7vw,52px)}}

/* Formulario de contacto */
.contact-form-card{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:34px;align-items:stretch;padding:34px}
.contact-info-panel{display:flex;flex-direction:column;justify-content:center;padding:12px 6px}
.contact-kicker{display:inline-flex;align-self:flex-start;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);font-size:12px;font-weight:950;letter-spacing:.1em;color:#fff}
.contact-info-panel h2{font-size:clamp(40px,4.5vw,62px);line-height:1;margin:20px 0 14px}
.contact-info-panel p{color:#d8dae2;font-size:18px;line-height:1.62;margin:0 0 24px}
.contact-details-simple{display:grid;gap:12px}
.contact-details-simple a{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:14px;padding:14px 16px;border-radius:17px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);transition:.2s transform,.2s background}
.contact-details-simple a:hover{transform:translateX(4px);background:rgba(255,255,255,.09)}
.contact-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.22)}
.contact-icon svg{width:28px;height:28px;display:block}
.contact-icon--mail{background:linear-gradient(135deg,#7c4dff,#37c6ff)}
.contact-icon--whatsapp{background:linear-gradient(135deg,#25d366,#0aa84f)}
.contact-icon--instagram{background:linear-gradient(135deg,#ff39a6,#ff7a00 55%,#7c4dff)}
.contact-icon--facebook{background:linear-gradient(135deg,#2491ff,#1877f2)}
.contact-text{display:grid;gap:3px}
.contact-details-simple strong{font-size:13px;color:#9da4b5;text-transform:uppercase;letter-spacing:.08em}
.contact-details-simple span{font-size:18px;color:#fff;font-weight:800;word-break:break-word}
.contact-form{display:grid;gap:16px;padding:24px;border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form label{display:grid;gap:8px;color:#fff;font-weight:800;font-size:14px}
.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.16);background:#11131c;color:#fff;border-radius:15px;padding:14px 16px;font:inherit;outline:none;transition:.2s border-color,.2s box-shadow,.2s background}
.contact-form textarea{resize:vertical;min-height:138px}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#858b9b}
.contact-form input:focus,.contact-form textarea:focus{border-color:#29d6ff;box-shadow:0 0 0 4px rgba(41,214,255,.12);background:#0d1018}
.privacy-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important;font-weight:600!important;color:#d7d9e2!important;line-height:1.45}
.privacy-check input{width:18px!important;height:18px;margin-top:2px;padding:0}
.privacy-check a{color:#35d8ff;text-decoration:underline}
.contact-submit{justify-self:start;border:0;border-radius:999px;padding:15px 25px;background:linear-gradient(90deg,#ff0780,#ff55ac);color:#fff;font:inherit;font-weight:950;cursor:pointer;box-shadow:0 12px 25px rgba(255,8,128,.24);transition:.2s transform,.2s box-shadow}
.contact-submit:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(255,8,128,.31)}
.form-honey{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}
@media(max-width:980px){.contact-form-card{grid-template-columns:1fr}.contact-form .form-row{grid-template-columns:1fr}}
@media(max-width:680px){.contact-form-card{padding:21px;gap:22px}.contact-form{padding:18px}.contact-submit{width:100%;justify-self:stretch}}

/* Página de gracias */
.thanks-page{min-height:68vh;display:grid;place-items:center;padding:50px 16px;background:radial-gradient(circle at 50% 20%,rgba(138,70,255,.15),transparent 30%),#eef0f5}
.thanks-card{width:min(680px,100%);text-align:center;background:#fff;border-radius:30px;padding:44px;box-shadow:0 20px 50px rgba(0,0,0,.13)}
.thanks-check{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(135deg,#16b965,#42dc8a);color:#fff;font-size:42px;font-weight:950}
.thanks-card h1{font-size:clamp(42px,6vw,68px);margin:0 0 16px}
.thanks-card p{font-size:19px;line-height:1.65;color:#474b55;margin:0 0 28px}


/* --- Ajustes finales: splash y formulario de contacto --- */
.splash-screen{position:fixed;inset:0;z-index:9999;overflow:hidden;display:grid;place-items:center;background:#03040b;cursor:pointer;transition:opacity .7s ease,visibility .7s ease}
.splash-screen::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,0,0,.04),rgba(0,0,0,.16) 52%,rgba(0,0,0,.5));pointer-events:none}
.splash-screen.is-hidden{opacity:0;visibility:hidden}
.splash-paint{position:absolute;border-radius:42% 58% 56% 44% / 48% 42% 58% 52%;filter:blur(.4px);opacity:.95;mix-blend-mode:screen;animation:splashDrift 7.5s ease-in-out infinite}
.splash-paint-a{width:min(52vw,880px);height:min(34vw,420px);left:-8vw;top:12vh;background:radial-gradient(circle at 35% 50%,rgba(62,215,255,.98) 0 22%,rgba(62,215,255,.86) 22%,rgba(62,215,255,.25) 62%,transparent 74%);transform:rotate(-18deg)}
.splash-paint-b{width:min(48vw,780px);height:min(31vw,380px);right:-5vw;top:8vh;background:radial-gradient(circle at 50% 50%,rgba(160,97,255,.98) 0 26%,rgba(160,97,255,.78) 26%,rgba(160,97,255,.23) 64%,transparent 74%);transform:rotate(16deg);animation-delay:-1.4s}
.splash-paint-c{width:min(62vw,980px);height:min(34vw,440px);left:6vw;bottom:4vh;background:radial-gradient(circle at 42% 48%,rgba(255,48,161,.98) 0 18%,rgba(255,48,161,.84) 18%,rgba(255,48,161,.25) 62%,transparent 73%);transform:rotate(9deg);animation-delay:-2.7s}
.splash-paint-d{width:min(56vw,920px);height:min(32vw,390px);right:-8vw;bottom:6vh;background:radial-gradient(circle at 48% 54%,rgba(56,210,255,.95) 0 20%,rgba(56,210,255,.78) 20%,rgba(56,210,255,.2) 60%,transparent 72%);transform:rotate(-11deg);animation-delay:-3.8s}
.splash-center-mask{position:absolute;z-index:1;width:min(78vw,1100px);height:min(45vw,580px);border-radius:50%;background:radial-gradient(ellipse at center,rgba(4,6,12,.35) 0%,rgba(4,6,12,.88) 58%,rgba(4,6,12,.95) 72%,rgba(4,6,12,0) 76%)}
.splash-logo-stage{position:relative;z-index:4;display:grid;place-items:center}
.splash-main-logo{position:relative;z-index:4;width:min(74vw,920px);max-height:54vh;object-fit:contain;filter:drop-shadow(0 28px 50px rgba(0,0,0,.55));animation:mainLogoFloat 1.6s ease-in-out infinite alternate;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .65s ease,filter .65s ease}
.shirt-formation{position:absolute;z-index:3;width:min(84vw,1120px);height:min(70vh,740px);left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}
.shirt-glow{position:absolute;left:50%;top:49%;width:min(44vw,520px);height:min(44vw,520px);transform:translate(-50%,-50%) scale(.55);opacity:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),rgba(81,220,255,.12) 30%,rgba(255,53,164,.1) 52%,rgba(255,255,255,0) 72%);transition:opacity .55s ease,transform .8s ease}
.shirt-outline{position:absolute;left:50%;top:50%;width:min(46vw,560px);height:min(41vw,500px);transform:translate(-50%,-44%) scale(.84);border:2px dashed rgba(255,255,255,.3);border-radius:26px 26px 110px 110px/34px 34px 88px 88px;clip-path:polygon(31% 11%,42% 10%,48% 18%,52% 18%,58% 10%,69% 11%,82% 25%,72% 33%,72% 92%,28% 92%,28% 33%,18% 25%);opacity:0;transition:opacity .45s ease,transform .75s ease}
.mini-logo{position:absolute;width:clamp(30px,4vw,58px);height:auto;left:var(--sx,50%);top:var(--sy,50%);transform:translate(-50%,-50%) scale(.9) rotate(0deg);opacity:0;filter:drop-shadow(0 10px 12px rgba(0,0,0,.3));transition:left 1.25s cubic-bezier(.18,.78,.22,1),top 1.25s cubic-bezier(.18,.78,.22,1),transform 1.25s cubic-bezier(.18,.78,.22,1),opacity .35s ease;transition-delay:var(--d,0ms)}
.splash-screen.forming .splash-main-logo{transform:scale(.18) translateY(-16px);opacity:0;filter:blur(3px) drop-shadow(0 0 0 transparent)}
.splash-screen.forming .shirt-glow{opacity:1;transform:translate(-50%,-50%) scale(1)}
.splash-screen.forming .shirt-outline{opacity:.55;transform:translate(-50%,-44%) scale(1)}
.splash-screen.forming .mini-logo{left:var(--x);top:var(--y);opacity:.9;transform:translate(-50%,-50%) scale(1) rotate(var(--r))}
@keyframes splashDrift{0%,100%{transform:translate3d(0,0,0) rotate(var(--rot,0deg)) scale(1)}50%{transform:translate3d(0,-10px,0) rotate(calc(var(--rot,0deg) + 2deg)) scale(1.03)}}
@keyframes mainLogoFloat{0%{transform:translateY(-8px) scale(1)}100%{transform:translateY(10px) scale(1.03)}}
@media(max-width:760px){.splash-main-logo{width:min(92vw,680px)}.splash-center-mask{width:96vw;height:62vw}.shirt-formation{width:100vw;height:64vh}.shirt-outline{width:74vw;height:68vw}.mini-logo{width:clamp(22px,7vw,42px)}}

.form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.contact-alt-button{border:1px solid rgba(41,214,255,.38);border-radius:999px;padding:15px 24px;background:linear-gradient(90deg,rgba(24,117,255,.18),rgba(41,214,255,.18));color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 12px 25px rgba(41,214,255,.12);transition:.2s transform,.2s box-shadow,.2s border-color}
.contact-alt-button:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(41,214,255,.22);border-color:rgba(41,214,255,.62)}
.form-note{margin:2px 0 0;color:#b8bfd0;font-size:13px;line-height:1.5}
@media(max-width:680px){.form-actions{display:grid;grid-template-columns:1fr}.contact-alt-button,.contact-submit{width:100%}}


/* ===== Mejoras finales: splash más bonito + formulario directo ===== */
.splash-screen{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#121426 0%,#05070d 38%,#020309 100%);cursor:pointer;transition:opacity .85s ease,visibility .85s ease}
.splash-screen.is-hidden{opacity:0;visibility:hidden}
.splash-stage{position:relative;z-index:3;width:min(92vw,1180px);height:min(84vh,820px);display:grid;place-items:center}
.splash-bg-splatter{position:absolute;background-image:url('assets/splash-paint-bg.png');background-size:contain;background-repeat:no-repeat;opacity:.9;filter:saturate(1.05) drop-shadow(0 18px 34px rgba(0,0,0,.25));animation:splashFloat 7s ease-in-out infinite}
.splash-bg-a{width:min(62vw,1060px);height:min(36vw,620px);left:-7vw;top:8vh;transform:rotate(-12deg)}
.splash-bg-b{width:min(54vw,940px);height:min(32vw,520px);right:-5vw;top:9vh;transform:rotate(9deg) scaleX(-1);animation-delay:-2.2s}
.splash-bg-c{width:min(74vw,1260px);height:min(44vw,760px);left:50%;top:48%;transform:translate(-50%,-50%) rotate(5deg);opacity:.76;animation-delay:-3.4s}
.splash-noise{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0 24%,rgba(0,0,0,.14) 48%,rgba(0,0,0,.48) 84%,rgba(0,0,0,.74) 100%);z-index:1}
.splash-logo-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5}
.splash-main-logo{width:min(72vw,900px);max-height:48vh;object-fit:contain;filter:drop-shadow(0 28px 52px rgba(0,0,0,.45));animation:logoPulse 1.8s ease-in-out infinite alternate;transition:transform .85s cubic-bezier(.22,.7,.2,1),opacity .55s ease,filter .55s ease}
.shirt-formation{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(72vw,720px);height:min(66vh,640px);z-index:4;pointer-events:none}
.shirt-spotlight{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.55);width:min(40vw,420px);height:min(40vw,420px);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22) 0,rgba(71,221,255,.14) 28%,rgba(255,72,172,.14) 48%,rgba(255,255,255,0) 70%);opacity:0;transition:opacity .55s ease,transform .8s ease}
.shirt-outline,.shirt-fill{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.shirt-outline{width:min(32vw,350px);height:min(34vw,370px);clip-path:polygon(29% 10%,42% 10%,48% 18%,52% 18%,58% 10%,71% 10%,86% 24%,75% 34%,75% 92%,25% 92%,25% 34%,14% 24%);border:2px solid rgba(255,255,255,.58);opacity:0;filter:drop-shadow(0 0 18px rgba(255,255,255,.15));transition:opacity .5s ease,transform .8s ease}
.shirt-fill{width:min(32vw,350px);height:min(34vw,370px);clip-path:polygon(29% 10%,42% 10%,48% 18%,52% 18%,58% 10%,71% 10%,86% 24%,75% 34%,75% 92%,25% 92%,25% 34%,14% 24%);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));backdrop-filter:blur(2px);opacity:0;transition:opacity .45s ease}
.mini-logo{position:absolute;width:clamp(24px,2.3vw,38px);height:auto;left:50%;top:50%;transform:translate(-50%,-50%) scale(.22) rotate(0deg);opacity:0;filter:drop-shadow(0 10px 10px rgba(0,0,0,.18));transition:left 1s cubic-bezier(.2,.78,.22,1),top 1s cubic-bezier(.2,.78,.22,1),transform 1s cubic-bezier(.2,.78,.22,1),opacity .34s ease;transition-delay:var(--delay,0ms)}
.splash-screen.forming .splash-main-logo{transform:scale(.22);opacity:0;filter:blur(4px) drop-shadow(0 0 0 transparent)}
.splash-screen.forming .shirt-spotlight{opacity:1;transform:translate(-50%,-50%) scale(1)}
.splash-screen.forming .shirt-outline{opacity:.92}
.splash-screen.forming .shirt-fill{opacity:1}
.splash-screen.forming .mini-logo{left:var(--x);top:var(--y);opacity:1;transform:translate(-50%,-50%) scale(1) rotate(var(--r))}
@keyframes splashFloat{0%,100%{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-10px) rotate(calc(var(--rot,0deg) + 2deg))}}
@keyframes logoPulse{0%{transform:scale(1) translateY(-4px)}100%{transform:scale(1.03) translateY(6px)}}
@media (max-width:760px){.splash-main-logo{width:min(92vw,720px);max-height:40vh}.shirt-formation{width:96vw;height:56vh}.shirt-outline,.shirt-fill{width:58vw;height:62vw}.mini-logo{width:clamp(18px,5vw,28px)}}

.form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.contact-submit{min-width:250px}
.contact-alt-button{border:1px solid rgba(41,214,255,.38);border-radius:999px;padding:15px 24px;background:linear-gradient(90deg,rgba(24,117,255,.18),rgba(41,214,255,.18));color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 12px 25px rgba(41,214,255,.12);transition:.2s transform,.2s box-shadow,.2s border-color}
.contact-alt-button:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(41,214,255,.22);border-color:rgba(41,214,255,.62)}
.form-note{margin:2px 0 0;color:#b8bfd0;font-size:13px;line-height:1.5}
@media(max-width:680px){.form-actions{display:grid;grid-template-columns:1fr}.contact-submit,.contact-alt-button{width:100%;min-width:0}}


/* ===== INTRO KOSTABLANCA: PINTURA + LATIDO ===== */
.kb-intro{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;overflow:hidden;background:#020309;color:#fff;isolation:isolate;cursor:pointer;transition:opacity .72s ease,visibility .72s ease}
.kb-intro.is-leaving{opacity:0;visibility:hidden}
.kb-intro__paint-stage{position:absolute;inset:0;overflow:hidden}
.kb-intro__paint{position:absolute;z-index:2;left:50%;top:50%;width:116vw;height:116vh;object-fit:cover;transform:translate(-50%,-50%) scale(.06) rotate(-7deg);opacity:0;filter:saturate(1.18) contrast(1.05) drop-shadow(0 24px 44px rgba(0,0,0,.4))}
.kb-intro__wash{position:absolute;z-index:1;width:62vw;height:62vw;border-radius:46% 54% 58% 42% / 53% 39% 61% 47%;opacity:0;filter:blur(8px);mix-blend-mode:screen}
.kb-intro__wash--cyan{left:-28vw;top:-20vw;background:radial-gradient(circle at 54% 54%,#28d8ff 0 18%,#0ba8ff 30%,rgba(0,174,255,.2) 66%,transparent 72%);transform:scale(.08) rotate(-30deg)}
.kb-intro__wash--pink{right:-28vw;bottom:-23vw;background:radial-gradient(circle at 45% 45%,#ff2d8a 0 19%,#ff53b8 31%,rgba(255,45,138,.22) 66%,transparent 72%);transform:scale(.08) rotate(28deg)}
.kb-intro__wash--purple{left:28vw;top:13vh;background:radial-gradient(circle at 50% 50%,#9e57ff 0 18%,#7141ff 31%,rgba(138,70,255,.2) 66%,transparent 72%);transform:scale(.05) rotate(8deg)}
.kb-intro__drops{position:absolute;inset:0;z-index:3;pointer-events:none}
.kb-intro__drops i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:calc(var(--size)*.72);border-radius:52% 48% 58% 42% / 44% 52% 48% 56%;opacity:0;transform:translate(var(--fx),var(--fy)) scale(.08) rotate(var(--rot));box-shadow:0 4px 12px rgba(0,0,0,.22)}
.kb-intro__center{position:relative;z-index:6;display:grid;place-items:center;width:min(88vw,1080px);height:min(68vh,680px);pointer-events:none}
.kb-intro__halo{position:absolute;width:min(64vw,760px);height:min(42vw,500px);border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.17) 0,rgba(43,216,255,.13) 28%,rgba(255,45,138,.12) 47%,rgba(2,3,9,0) 72%);opacity:0;transform:scale(.3)}
.kb-intro__logo-shell{display:grid;place-items:center;transform:scale(.04);opacity:0}
.kb-intro__logo{width:min(78vw,910px);max-height:50vh;object-fit:contain;filter:drop-shadow(0 34px 58px rgba(0,0,0,.5));transform-origin:center}
.kb-intro__start{position:relative;z-index:10;display:grid;gap:4px;place-items:center;min-width:230px;padding:17px 30px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(8,9,17,.72);color:#fff;box-shadow:0 22px 55px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.07);backdrop-filter:blur(14px);cursor:pointer;transition:.22s transform,.22s border-color,.22s background}
.kb-intro__start:hover{transform:translateY(-3px) scale(1.02);border-color:#2bd8ff;background:rgba(12,14,26,.9)}
.kb-intro__start span{font-size:19px;font-weight:950;letter-spacing:.18em}
.kb-intro__start small{font-size:12px;color:#cfd3df;font-weight:700}
.kb-intro__skip{position:absolute;z-index:10;bottom:28px;font-size:12px;letter-spacing:.06em;color:rgba(255,255,255,.52)}
.kb-intro.is-started .kb-intro__start,.kb-intro.is-started .kb-intro__skip{animation:kbFadePrompt .26s ease forwards}
.kb-intro.is-started .kb-intro__paint{animation:kbPaintBlast 1.12s cubic-bezier(.12,.85,.22,1) forwards}
.kb-intro.is-started .kb-intro__wash--cyan{animation:kbWashCyan 1s cubic-bezier(.12,.85,.22,1) forwards}
.kb-intro.is-started .kb-intro__wash--pink{animation:kbWashPink 1.06s .1s cubic-bezier(.12,.85,.22,1) forwards}
.kb-intro.is-started .kb-intro__wash--purple{animation:kbWashPurple 1.08s .18s cubic-bezier(.12,.85,.22,1) forwards}
.kb-intro.is-started .kb-intro__drops i{animation:kbDropFly var(--dur) var(--delay) cubic-bezier(.12,.82,.22,1) forwards}
.kb-intro.is-started .kb-intro__halo{animation:kbHaloIn .65s .68s ease forwards,kbHaloBeat .92s 1.02s ease-in-out 3}
.kb-intro.is-started .kb-intro__logo-shell{animation:kbLogoArrive .82s .72s cubic-bezier(.15,.82,.2,1) forwards}
.kb-intro.is-started .kb-intro__logo{animation:kbHeartbeat .92s 1.03s ease-in-out 3}
@keyframes kbFadePrompt{to{opacity:0;transform:scale(.88);visibility:hidden}}
@keyframes kbPaintBlast{0%{opacity:0;transform:translate(-50%,-50%) scale(.06) rotate(-7deg)}18%{opacity:.95}72%{opacity:1;transform:translate(-50%,-50%) scale(1.02) rotate(1deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1.13) rotate(0)}}
@keyframes kbWashCyan{0%{opacity:0;transform:scale(.08) rotate(-30deg)}100%{opacity:.9;transform:scale(1.5) rotate(-8deg)}}
@keyframes kbWashPink{0%{opacity:0;transform:scale(.08) rotate(28deg)}100%{opacity:.88;transform:scale(1.55) rotate(6deg)}}
@keyframes kbWashPurple{0%{opacity:0;transform:scale(.05) rotate(8deg)}100%{opacity:.78;transform:scale(1.35) rotate(-3deg)}}
@keyframes kbDropFly{0%{opacity:0;transform:translate(var(--fx),var(--fy)) scale(.08) rotate(var(--rot))}24%{opacity:1}100%{opacity:.92;transform:translate(0,0) scale(1) rotate(calc(var(--rot) + 60deg))}}
@keyframes kbLogoArrive{0%{opacity:0;transform:scale(.04)}60%{opacity:1;transform:scale(1.13)}78%{transform:scale(.94)}100%{opacity:1;transform:scale(1)}}
@keyframes kbHeartbeat{0%,100%{transform:scale(1)}12%{transform:scale(1.11)}23%{transform:scale(.96)}34%{transform:scale(1.18)}48%{transform:scale(1)}70%{transform:scale(1)}85%{transform:scale(1.035)}}
@keyframes kbHaloIn{to{opacity:1;transform:scale(1)}}
@keyframes kbHaloBeat{0%,100%{transform:scale(1);opacity:.62}18%{transform:scale(1.13);opacity:1}35%{transform:scale(.96);opacity:.68}50%{transform:scale(1.2);opacity:1}70%{transform:scale(1);opacity:.64}}
@media(max-width:720px){.kb-intro__paint{width:165vw;height:115vh}.kb-intro__center{width:96vw;height:60vh}.kb-intro__logo{width:91vw}.kb-intro__wash{width:92vw;height:92vw}.kb-intro__start{min-width:205px;padding:15px 24px}.kb-intro__skip{bottom:18px}}
@media(prefers-reduced-motion:reduce){.kb-intro__drops i{display:none}.kb-intro.is-started .kb-intro__paint{animation-duration:.35s}.kb-intro.is-started .kb-intro__logo-shell{animation-duration:.35s}.kb-intro.is-started .kb-intro__logo{animation:none}}


/* ===== Portada FLASH Kostablanca ===== */
.kb-showcase{position:fixed;inset:0;z-index:99999;overflow:hidden;background:#020309;color:#fff;cursor:pointer;isolation:isolate;transition:opacity .8s ease,visibility .8s ease}
.kb-showcase.is-leaving{opacity:0;visibility:hidden}
.kb-showcase__bg{position:absolute;inset:-4%;z-index:1;background:#020309 url('assets/splash-paint-bg.png') center/cover no-repeat;transform:scale(1.08);filter:saturate(1.12) contrast(1.06) brightness(.9);animation:kbShowcaseZoom 7.5s ease-in-out infinite alternate}
.kb-showcase__vignette{position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse at 50% 50%,transparent 0 38%,rgba(2,3,9,.1) 58%,rgba(2,3,9,.6) 100%);pointer-events:none}
.kb-showcase__shirt{position:absolute;z-index:4;left:50%;top:50%;width:min(80vw,1040px);height:min(74vh,730px);transform:translate(-50%,-50%);pointer-events:none}
.kb-showcase__shirt-glow{position:absolute;left:50%;top:50%;width:min(48vw,560px);height:min(48vw,560px);transform:translate(-50%,-50%) scale(.55);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2) 0,rgba(43,216,255,.16) 28%,rgba(255,45,138,.13) 48%,rgba(255,255,255,0) 72%);opacity:0;transition:opacity .5s ease,transform .9s ease}
.kb-showcase__shirt-outline{position:absolute;left:50%;top:50%;width:min(36vw,420px);height:min(39vw,450px);transform:translate(-50%,-45%) scale(.82);clip-path:polygon(29% 10%,42% 10%,48% 18%,52% 18%,58% 10%,71% 10%,86% 24%,75% 34%,75% 92%,25% 92%,25% 34%,14% 24%);border:2px solid rgba(255,255,255,.55);filter:drop-shadow(0 0 24px rgba(43,216,255,.28));opacity:0;transition:opacity .5s ease,transform .9s ease}
.kb-showcase__mini-logo{position:absolute;width:clamp(21px,2.3vw,38px);height:auto;left:var(--sx);top:var(--sy);opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0);filter:drop-shadow(0 8px 10px rgba(0,0,0,.3));transition:left 1.2s cubic-bezier(.18,.82,.2,1),top 1.2s cubic-bezier(.18,.82,.2,1),transform 1.2s cubic-bezier(.18,.82,.2,1),opacity .35s ease;transition-delay:var(--delay)}
.kb-showcase.is-assembled .kb-showcase__shirt-glow{opacity:1;transform:translate(-50%,-50%) scale(1)}
.kb-showcase.is-assembled .kb-showcase__shirt-outline{opacity:.88;transform:translate(-50%,-45%) scale(1)}
.kb-showcase.is-assembled .kb-showcase__mini-logo{left:var(--x);top:var(--y);opacity:.96;transform:translate(-50%,-50%) scale(1) rotate(var(--r))}
.kb-showcase__logo-wrap{position:absolute;z-index:7;left:50%;top:49%;width:min(68vw,900px);transform:translate(-50%,-50%) scale(.82);opacity:0;transition:opacity .45s ease,transform .8s cubic-bezier(.18,.82,.2,1)}
.kb-showcase__logo{position:relative;z-index:2;width:100%;display:block;filter:drop-shadow(0 26px 50px rgba(0,0,0,.55))}
.kb-showcase__logo-glow{position:absolute;inset:8% 4%;z-index:1;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.18),rgba(43,216,255,.11) 34%,rgba(255,45,138,.12) 54%,transparent 72%);filter:blur(16px);opacity:.85}
.kb-showcase.is-running .kb-showcase__logo-wrap{opacity:1;transform:translate(-50%,-50%) scale(1)}
.kb-showcase.is-pulsing .kb-showcase__logo-wrap{animation:kbLogoFlash 1.1s ease-in-out 2}
.kb-showcase__flash{position:absolute;z-index:8;inset:-20%;opacity:0;pointer-events:none;mix-blend-mode:screen}
.kb-showcase__flash--one{background:radial-gradient(circle at 45% 42%,rgba(255,255,255,.85),rgba(43,216,255,.18) 20%,transparent 48%)}
.kb-showcase__flash--two{background:radial-gradient(circle at 57% 55%,rgba(255,255,255,.75),rgba(255,45,138,.16) 23%,transparent 50%)}
.kb-showcase.is-pulsing .kb-showcase__flash--one{animation:kbFlashOne 1.1s ease-in-out 2}
.kb-showcase.is-pulsing .kb-showcase__flash--two{animation:kbFlashTwo 1.1s .16s ease-in-out 2}
.kb-showcase__scan{position:absolute;z-index:9;left:-25%;top:-20%;width:22%;height:150%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:rotate(14deg);filter:blur(4px);opacity:0}
.kb-showcase.is-running .kb-showcase__scan{animation:kbScan 2.2s 1.1s ease-in-out 1}
.kb-showcase__skip{position:absolute;z-index:10;left:50%;bottom:22px;transform:translateX(-50%);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.62);text-shadow:0 2px 8px rgba(0,0,0,.7)}
@keyframes kbShowcaseZoom{0%{transform:scale(1.05) translate3d(0,0,0)}100%{transform:scale(1.12) translate3d(0,-1.5%,0)}}
@keyframes kbLogoFlash{0%,100%{transform:translate(-50%,-50%) scale(1);filter:brightness(1)}20%{transform:translate(-50%,-50%) scale(1.055);filter:brightness(1.25)}38%{transform:translate(-50%,-50%) scale(.985);filter:brightness(1)}58%{transform:translate(-50%,-50%) scale(1.035);filter:brightness(1.14)}75%{transform:translate(-50%,-50%) scale(1);filter:brightness(1)}}
@keyframes kbFlashOne{0%,100%{opacity:0}18%{opacity:.65}30%{opacity:0}56%{opacity:.3}70%{opacity:0}}
@keyframes kbFlashTwo{0%,100%{opacity:0}22%{opacity:.46}38%{opacity:0}62%{opacity:.28}78%{opacity:0}}
@keyframes kbScan{0%{left:-25%;opacity:0}15%{opacity:.65}80%{opacity:.38}100%{left:120%;opacity:0}}
@media(max-width:760px){.kb-showcase__bg{background-position:center}.kb-showcase__shirt{width:100vw;height:68vh}.kb-showcase__shirt-outline{width:58vw;height:63vw}.kb-showcase__logo-wrap{width:min(88vw,720px)}.kb-showcase__mini-logo{width:clamp(17px,5vw,27px)}}
@media(prefers-reduced-motion:reduce){.kb-showcase__bg,.kb-showcase__logo-wrap,.kb-showcase__scan{animation:none!important}.kb-showcase__mini-logo{transition-duration:.3s}}


/* Camisetas Roly: categoría principal y catálogo */
.product-tile.featured-shirts-tile{grid-column:span 2;border:3px solid #ff2d8a;box-shadow:0 18px 42px rgba(255,45,138,.18)}
.product-tile.featured-shirts-tile img{aspect-ratio:16/10;object-fit:cover;background:#080a13}
.product-tile.featured-shirts-tile:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 24px 52px rgba(255,45,138,.25)}
.shirt-cover-section .sport-cover-overlay{background:linear-gradient(90deg,rgba(4,5,11,.94) 0%,rgba(4,5,11,.68) 45%,rgba(4,5,11,.08) 75%)}
.shirt-cover-section .sport-cover-overlay h1{max-width:560px}
.shirt-product-grid .sport-product-image img{object-fit:contain;background:#f2f2f2}
.shirt-product-grid .sport-product-body p{min-height:72px}
@media(max-width:680px){.product-tile.featured-shirts-tile{grid-column:1/-1}.product-tile.featured-shirts-tile img{aspect-ratio:1.45/1}}


/* Portada temporal España: no modifica el resto de la web */
.spain-splash{position:fixed;inset:0;z-index:10000;background:#05060c;display:grid;place-items:center;overflow:hidden;cursor:pointer;transition:opacity .65s ease,visibility .65s ease}
.spain-splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.spain-splash__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;animation:spainZoom 10s ease-out forwards}
.spain-splash__overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,rgba(0,0,0,.02),rgba(0,0,0,.22) 58%,rgba(0,0,0,.68) 100%)}
.spain-splash__panel{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;padding:15px 24px;border-radius:22px;background:rgba(4,6,14,.68);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(9px);box-shadow:0 18px 50px rgba(0,0,0,.35);color:#fff;text-align:center;animation:spainPulse 1.8s ease-in-out infinite}
.spain-splash__badge{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#ffd447}
.spain-splash__panel strong{font-size:clamp(18px,2.2vw,28px)}
.spain-splash__panel small{font-size:14px;color:#e9ebf3}
@keyframes spainZoom{from{transform:scale(1.08)}to{transform:scale(1.015)}}
@keyframes spainPulse{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.035)}}
@media(max-width:720px){.spain-splash__image{object-fit:cover}.spain-splash__panel{bottom:18px;width:min(92vw,430px)}}

/* SEO service pages */
.hero-seo-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 18px}.seo-services{padding:68px 0}.seo-services-head{max-width:850px;margin-bottom:28px}.seo-services-head h2{font-size:clamp(36px,5vw,64px);margin:8px 0 14px}.seo-services-head p{font-size:18px;line-height:1.65;color:#555}.seo-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.seo-services-grid a{display:grid;gap:8px;padding:22px;border-radius:22px;background:#fff;border:1px solid #e8eaf0;box-shadow:0 14px 34px rgba(11,14,26,.08);transition:.2s transform,.2s box-shadow}.seo-services-grid a:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(11,14,26,.13)}.seo-services-grid strong{font-size:19px;color:#121522}.seo-services-grid span{color:#626878;line-height:1.45}.service-page{background:#f3f5f9;min-height:70vh}.service-hero{padding:70px 0;background:radial-gradient(circle at 82% 15%,rgba(52,209,255,.20),transparent 32%),radial-gradient(circle at 12% 10%,rgba(255,38,137,.18),transparent 30%),#080a12;color:#fff}.service-hero h1{font-size:clamp(42px,7vw,78px);max-width:900px;line-height:1.02;margin:18px 0}.service-hero p{max-width:760px;font-size:20px;line-height:1.65;color:#e8e9ef}.breadcrumb{display:flex;gap:8px;align-items:center;color:#c5c9d5}.breadcrumb a{color:#fff}.service-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.service-content{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:28px;padding:55px 0 75px}.service-content article,.service-content aside{background:#fff;border-radius:28px;padding:32px;box-shadow:0 20px 45px rgba(15,18,30,.09)}.service-content h2{font-size:34px;margin:0 0 15px}.service-content p,.service-content li{font-size:17px;line-height:1.7;color:#444b5c}.service-content li{margin-bottom:9px}.service-content aside{align-self:start;display:grid;gap:16px;position:sticky;top:110px}.service-content aside h3{font-size:28px;margin:0}.service-phone{font-size:24px;font-weight:900;color:#151828}.related-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}@media(max-width:950px){.seo-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-content{grid-template-columns:1fr}.service-content aside{position:static}}@media(max-width:620px){.seo-services-grid{grid-template-columns:1fr}.seo-services{padding:44px 0}.service-hero{padding:52px 0}.service-content{padding:32px 0}.service-content article,.service-content aside{padding:23px}}
