:root{--magenta:#E600A9;--green:#00B86B;--coal:#1B1F23;--light:#F2F2F2;--white:#fff;--muted:#667078;--radius:18px;--shadow:0 18px 50px rgba(27,31,35,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--coal);background:var(--white);line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}.section{padding:92px 0}.skip-link{position:fixed;left:10px;top:-50px;background:var(--coal);color:#fff;padding:10px;z-index:999}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #e8e8e8}.nav-wrap{height:78px;display:flex;align-items:center;gap:28px}.brand img{width:210px;height:58px;object-fit:contain;object-position:left center}.main-nav{display:flex;gap:22px;margin-left:auto;font-weight:600;font-size:.9rem}.main-nav a:hover{color:var(--magenta)}.cart-btn,.menu-btn{border:0;border-radius:999px;background:var(--coal);color:#fff;padding:11px 16px;font-weight:700;cursor:pointer}.cart-btn span{background:var(--magenta);padding:2px 7px;border-radius:999px;margin-left:5px}.menu-btn{display:none}.hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#fff 54%,#f4f4f4 54%);padding:84px 0 74px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:64px;align-items:center}.eyebrow{display:inline-block;color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;margin-bottom:12px}.eyebrow.light{color:#fff}.hero h1,.section-heading h2,.quote-intro h2,.about h2,.contact h2{font-style:italic;font-weight:800;line-height:1.02;letter-spacing:-.04em;margin:0}.hero h1{font-size:clamp(3rem,6vw,5.7rem)}.hero h1 em{color:var(--magenta);font-style:italic}.hero-copy>p{font-size:1.12rem;color:var(--muted);max-width:650px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:12px;font-weight:800;border:2px solid transparent;cursor:pointer}.btn-primary{background:var(--magenta);color:#fff}.btn-secondary{background:#fff;border-color:var(--green);color:var(--coal)}.btn-dark{background:var(--coal);color:#fff}.btn-white{background:#fff;color:var(--coal)}.btn:hover{transform:translateY(-2px)}.trust-row{display:flex;flex-wrap:wrap;gap:14px;font-size:.82rem;font-weight:700}.trust-row span{color:var(--green)}.hero-media{position:relative}.hero-media>img{height:580px;width:100%;object-fit:cover;border-radius:34px;box-shadow:var(--shadow)}.floating-card{position:absolute;left:-45px;bottom:35px;background:#fff;border-left:6px solid var(--magenta);padding:18px 22px;border-radius:14px;box-shadow:var(--shadow);max-width:260px}.floating-card strong{display:block;font-style:italic;font-size:1.2rem}.spark{position:absolute;color:var(--magenta);font-size:3rem}.spark-one{top:-25px;right:20px}.spark-two{bottom:120px;right:-22px;color:var(--green)}.section-heading{max-width:760px;margin-bottom:38px}.section-heading h2,.about h2,.contact h2{font-size:clamp(2.2rem,4vw,4rem)}.section-heading p{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{padding:24px;border-radius:var(--radius);border:1px solid #e4e4e4;background:#fff;transition:.25s}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:transparent}.service-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--light);font-size:1.3rem}.service-card h3{margin:18px 0 7px}.service-card p{font-size:.9rem;color:var(--muted)}.service-card button{border:0;background:none;color:var(--magenta);font-weight:800;padding:0;cursor:pointer}.promo-band{background:var(--coal);color:#fff;position:relative;overflow:hidden}.promo-band:after{content:"";position:absolute;right:-80px;top:-90px;width:300px;height:300px;border:28px solid var(--green);border-radius:50%;opacity:.2}.promo-inner{padding:56px 0;display:flex;align-items:center;justify-content:space-between;gap:40px}.promo-inner h2{margin:0;font-size:clamp(1.8rem,3.5vw,3.3rem);font-style:italic}.promo-inner p{color:#cfd3d6}.shop{background:var(--light)}.shop-toolbar{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.search{display:flex;flex-direction:column;font-weight:700;width:min(420px,100%)}.search input{margin-top:7px;padding:14px;border:1px solid #ddd;border-radius:12px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{border:1px solid #d6d6d6;background:#fff;padding:9px 13px;border-radius:999px;cursor:pointer}.filter-btn.active{background:var(--green);color:#fff;border-color:var(--green)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px rgba(27,31,35,.07)}.product-visual{height:210px;background:linear-gradient(135deg,var(--coal),#333);display:grid;place-items:center;color:#fff;font-size:4rem;position:relative}.product-visual:after{content:"✦";position:absolute;top:18px;right:20px;color:var(--magenta)}.product-body{padding:22px}.product-tag{color:var(--green);font-weight:800;font-size:.75rem;text-transform:uppercase}.product-body h3{margin:5px 0}.product-body p{color:var(--muted);font-size:.9rem}.product-meta{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.price{font-size:1.3rem;font-weight:800}.product-meta button{border:0;background:var(--magenta);color:#fff;padding:10px 13px;border-radius:10px;font-weight:800;cursor:pointer}.portfolio-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:270px 270px;gap:18px}.portfolio-item{margin:0;position:relative;overflow:hidden;border-radius:22px}.portfolio-item.large{grid-row:1/3}.portfolio-item img{width:100%;height:100%;object-fit:cover;transition:.4s}.portfolio-item:hover img{transform:scale(1.04)}.portfolio-item figcaption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(27,31,35,.87);color:#fff;padding:15px;border-radius:12px}.portfolio-item figcaption span{display:block;color:#d8dde0;font-size:.8rem}.category-chips,.values{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.category-chips span,.values span{padding:8px 13px;background:var(--light);border-radius:999px;font-weight:700;font-size:.78rem}.benefits{background:var(--coal);color:#fff}.benefit-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.benefit-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.benefit-list article{display:flex;gap:16px;background:#262c31;padding:21px;border-radius:16px}.benefit-list b{color:var(--magenta);font-size:1.3rem}.benefit-list h3{margin:0}.benefit-list p{margin:5px 0;color:#bdc3c7;font-size:.9rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps article{padding:26px;border-top:4px solid var(--green);background:var(--light);border-radius:0 0 16px 16px}.steps span{font-size:2rem;color:var(--magenta);font-weight:800}.steps h3{margin:8px 0}.steps p{color:var(--muted);font-size:.9rem}.testimonials{background:#fafafa}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial-grid blockquote{margin:0;background:#fff;padding:28px;border-radius:18px;border-bottom:4px solid var(--magenta);font-weight:600}.testimonial-grid cite{display:block;margin-top:20px;font-size:.75rem;color:var(--muted);font-style:normal}.demo-note{font-size:.78rem;color:var(--muted)}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.about-media{display:grid;place-items:center;background:linear-gradient(145deg,#fff,#f2f2f2);border-radius:24px;min-height:520px;padding:34px}.about-media img{max-height:470px;width:100%;object-fit:contain}.about-copy p{color:var(--muted);font-size:1.05rem}.quote{background:var(--coal);color:#fff}.quote-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px}.quote-intro h2{font-size:clamp(2.2rem,4vw,4rem)}.quote-intro p{color:#c4c9cc}.quote-intro img{margin-top:35px;width:250px;height:auto;object-fit:contain}.quote-form{background:#fff;color:var(--coal);padding:28px;border-radius:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:.8rem;font-weight:800}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:7px;border:1px solid #d8d8d8;border-radius:10px;padding:12px;background:#fff}.form-grid .full{grid-column:1/-1}.file-field{border:1px dashed var(--green);padding:14px;border-radius:12px}.file-field small{display:block;margin-top:7px;color:var(--muted)}.wide{width:100%;margin-top:20px}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.ari-mini{width:175px;height:auto;object-fit:contain;margin-top:25px}.faq-item{border-bottom:1px solid #ddd}.faq-question{width:100%;text-align:left;border:0;background:none;padding:19px 0;font-weight:800;cursor:pointer;display:flex;justify-content:space-between}.faq-answer{max-height:0;overflow:hidden;transition:.3s;color:var(--muted)}.faq-item.open .faq-answer{max-height:180px;padding-bottom:18px}.contact{background:var(--light)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.contact-cards>*{background:#fff;padding:17px;border-radius:14px}.contact-cards strong,.contact-cards span{display:block}.contact-cards span{font-size:.82rem;color:var(--muted)}.map-placeholder{min-height:380px;border-radius:24px;background:repeating-linear-gradient(45deg,#fff,#fff 18px,#ececec 18px,#ececec 36px);display:grid;place-content:center;text-align:center;padding:40px}.map-placeholder span{font-size:1.5rem;font-weight:800}.site-footer{background:#111417;color:#fff;padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:250px 1fr auto;gap:35px;align-items:center}.footer-grid img{width:240px;height:auto;object-fit:contain}.footer-grid p{color:#c5c8ca}.footer-grid div{display:flex;gap:18px}.footer-bottom{border-top:1px solid #333;margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;font-size:.75rem;color:#9ca2a6}.whatsapp-float{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:var(--shadow);z-index:90}.cart-drawer{position:fixed;right:-440px;top:0;width:min(420px,100%);height:100vh;background:#fff;z-index:301;transition:.3s;display:flex;flex-direction:column}.cart-drawer.open{right:0}.cart-header{padding:20px;display:flex;justify-content:space-between;border-bottom:1px solid #eee}.cart-header h2{margin:0}.cart-header button{border:0;background:none;font-size:2rem}.cart-items{padding:20px;overflow:auto;flex:1}.cart-item{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eee;padding:12px 0}.cart-item button{border:0;background:none;color:var(--magenta)}.cart-footer{padding:20px;border-top:1px solid #eee}.cart-footer>div{display:flex;justify-content:space-between}.cart-footer small{display:block;color:var(--muted);margin-top:10px}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:300;opacity:0;pointer-events:none;transition:.3s}.overlay.show{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(18px);transition:.6s}.reveal.visible{opacity:1;transform:none}
@media(max-width:950px){.menu-btn{display:block;margin-left:auto}.main-nav{position:absolute;top:78px;left:0;right:0;background:#fff;display:none;flex-direction:column;padding:20px 30px;border-bottom:1px solid #ddd}.main-nav.open{display:flex}.cart-btn{font-size:0}.cart-btn span{font-size:.8rem;margin:0}.hero-grid,.benefit-grid,.about-grid,.quote-grid,.faq-grid,.contact-grid{grid-template-columns:1fr}.hero{background:#fff}.hero-media>img{height:420px}.service-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.testimonial-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr;grid-template-rows:auto}.portfolio-item,.portfolio-item.large{height:360px;grid-row:auto}.quote-intro img{display:none}.footer-grid{grid-template-columns:1fr}.footer-grid div{flex-wrap:wrap}.shop-toolbar{align-items:stretch;flex-direction:column}}
@media(max-width:600px){.section{padding:68px 0}.nav-wrap{gap:12px}.brand img{width:160px}.hero{padding-top:55px}.hero-media>img{height:340px}.floating-card{left:12px;bottom:15px}.service-grid,.product-grid,.steps,.benefit-list,.form-grid,.contact-cards{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.promo-inner{align-items:flex-start;flex-direction:column}.portfolio-item,.portfolio-item.large{height:300px}.footer-bottom{flex-direction:column;gap:8px}.hero-actions .btn{width:100%}}
/* Compatibilidad WordPress */
body.admin-bar .site-header{top:32px}.custom-logo-link{display:block}.custom-logo{max-width:230px;height:auto}.site-header .brand .custom-logo-link img{width:230px;height:auto}.entry-content img{max-width:100%;height:auto}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}

/* Actualización 1.1: parallax, portafolio real y mapa */
.parallax-section{overflow:hidden}.parallax-media{will-change:transform;transform:translate3d(0,var(--parallax-y,0),0)}
.real-work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.real-work-item{position:relative;padding:0;border:0;border-radius:18px;overflow:hidden;background:#e9e9e9;cursor:zoom-in;aspect-ratio:1/1}.real-work-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease,filter .35s ease}.real-work-item:hover img{transform:scale(1.055);filter:saturate(1.08)}.portfolio-extra{display:none}.real-work-grid.expanded .portfolio-extra{display:block}.portfolio-actions{text-align:center;margin-top:28px}.gallery-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(11,14,17,.94);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.25s;padding:30px}.gallery-lightbox.open{opacity:1;visibility:visible}.gallery-lightbox img{max-width:min(1000px,88vw);max-height:88vh;border-radius:16px;box-shadow:0 20px 80px rgba(0,0,0,.5)}.gallery-close,.gallery-nav{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;border-radius:999px}.gallery-close{right:24px;top:20px;width:48px;height:48px;font-size:32px}.gallery-nav{top:50%;transform:translateY(-50%);width:54px;height:54px;font-size:42px;line-height:1}.gallery-prev{left:24px}.gallery-next{right:24px}.whatsapp-file-note{border:1px dashed var(--green);border-radius:14px;padding:16px 18px;background:#f8fffb}.whatsapp-file-note p{margin:5px 0 0;color:var(--muted);font-size:.9rem}.map-embed{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 16px 50px rgba(27,31,35,.12);min-height:480px;display:flex;flex-direction:column}.map-embed iframe{width:100%;min-height:420px;border:0;flex:1}.map-link{display:block;padding:16px 20px;font-weight:700;color:var(--magenta);text-align:center}.contact-cards a{color:inherit;text-decoration:none}.contact-cards a:hover{border-color:var(--magenta);transform:translateY(-2px)}
@media(max-width:950px){.real-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.parallax-media{transform:none!important}}
@media(max-width:600px){.real-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gallery-nav{width:42px;height:42px;font-size:32px}.gallery-prev{left:8px}.gallery-next{right:8px}.gallery-close{right:10px;top:10px}.map-embed{min-height:390px}.map-embed iframe{min-height:330px}}
@media(prefers-reduced-motion:reduce){.parallax-media{transform:none!important}.real-work-item img{transition:none}}

/* Actualización 1.2: logos sobre fondos oscuros, portafolio curado y simulador */
.logo-on-dark{filter:brightness(0) invert(1);opacity:.98}
.featured-work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.featured-work-item{border:0;padding:0;overflow:hidden;border-radius:18px;background:#e9e9e9;aspect-ratio:4/5;cursor:zoom-in}.featured-work-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.featured-work-item:hover img{transform:scale(1.045)}.portfolio-proof{margin-top:22px;background:var(--coal);color:#fff;border-radius:18px;padding:22px 25px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.portfolio-proof strong{color:#fff}.portfolio-proof span{color:#c7cdd1;flex:1}.portfolio-proof a{color:#fff;font-weight:800;border-bottom:2px solid var(--magenta)}
.mockup-lab{background:linear-gradient(135deg,#f7f7f7,#fff)}.mockup-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.mockup-copy h2{font-size:clamp(2.2rem,4vw,4rem);font-style:italic;line-height:1.03;margin:0 0 18px}.mockup-copy>p{color:var(--muted)}.mockup-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}.mockup-controls label{font-size:.78rem;font-weight:800}.mockup-controls input[type=file],.mockup-controls select{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #d7d7d7;border-radius:10px;background:#fff}.mockup-controls input[type=range]{display:block;width:100%;margin-top:13px;accent-color:var(--magenta)}.mockup-actions{display:flex;gap:10px;flex-wrap:wrap}.mockup-copy small{display:block;color:var(--muted);margin-top:15px}.mockup-stage{position:relative;border-radius:28px;background:radial-gradient(circle at 50% 35%,#fff 0,#eceff1 65%,#dfe3e5 100%);box-shadow:var(--shadow);overflow:hidden;min-height:540px;display:grid;place-items:center}.mockup-stage canvas{width:min(100%,680px);height:auto;display:block}.mockup-hint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);background:rgba(27,31,35,.86);color:#fff;padding:9px 15px;border-radius:999px;font-size:.78rem;font-weight:700;pointer-events:none}
@media(max-width:950px){.featured-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mockup-grid{grid-template-columns:1fr}.mockup-stage{min-height:460px}}
@media(max-width:600px){.featured-work-grid{gap:9px}.mockup-controls{grid-template-columns:1fr}.mockup-stage{min-height:360px}.mockup-actions .btn{width:100%}.portfolio-proof{align-items:flex-start;flex-direction:column}}
.shirt-color-control{font-size:.78rem;font-weight:800}.shirt-color-control>span{display:block;margin-bottom:8px}.color-palette{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 10px;border:1px solid #d7d7d7;border-radius:11px;background:#fff;min-height:47px}.color-swatch,.custom-color{width:29px;height:29px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #bfc4c7;background:var(--swatch);cursor:pointer;padding:0;transition:transform .18s,box-shadow .18s}.color-swatch:hover{transform:scale(1.08)}.color-swatch.active{box-shadow:0 0 0 3px var(--magenta);transform:scale(1.04)}.custom-color{display:grid;place-items:center;position:relative;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);overflow:hidden}.custom-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.custom-color span{font-size:19px;line-height:1;color:#fff;text-shadow:0 1px 3px #000;font-weight:800}.mockup-stage canvas{aspect-ratio:1/1}

/* Experiencias y redes sociales */
.social-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.social-proof-card{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid #ececec;border-bottom:4px solid var(--magenta);border-radius:18px;padding:26px;transition:.25s;box-shadow:0 8px 26px rgba(27,31,35,.05)}.social-proof-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-bottom-color:var(--green)}.facebook-mark{flex:0 0 44px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#1877f2;color:#fff;font-family:Arial,sans-serif;font-size:1.8rem;font-weight:800;line-height:1}.social-label{display:block;color:var(--green);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.social-proof-card h3{margin:4px 0 7px;font-size:1.15rem}.social-proof-card p{margin:0 0 14px;color:var(--muted);font-size:.88rem}.social-proof-card strong{color:var(--magenta);font-size:.82rem}.social-proof-note{margin:18px 0 0;color:var(--muted);font-size:.8rem}.footer-grid{grid-template-columns:230px 1fr auto auto}.footer-links{display:flex;gap:18px}.footer-social{display:flex;flex-direction:column;gap:8px!important}.footer-social a{display:flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:.78rem}.footer-social a::first-letter{background:#1877f2}.footer-social a>span{color:#c5c8ca;font-weight:600}.footer-social a{min-width:150px}.footer-social a:before{content:'f';width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#1877f2;color:#fff;font-family:Arial,sans-serif;font-size:1rem;font-weight:800}.footer-social a{font-size:0}.footer-social a span{font-size:.78rem}
@media(max-width:950px){.social-proof-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-social{align-items:flex-start}.footer-links{flex-wrap:wrap}}
@media(max-width:600px){.footer-grid{grid-template-columns:1fr}.social-proof-card{padding:21px}.facebook-mark{flex-basis:40px;width:40px;height:40px}}