/* BROSEC / Mundo retro — capa visual independiente */
:root{--blue:#153dbe;--yellow:#ffd330}header{padding-block:5px;background:#101d3d;border-bottom:3px solid #ffd330;min-height:105px;color:white}header .pixel-logo{width:143px;height:95px;object-fit:contain;filter:drop-shadow(0 3px 0 #0005)}header nav a:hover,header nav .active{color:#ffda3b;border-color:#ffda3b}.topbar{background:#09132d;color:#dbe6ff;border-bottom:1px solid #ffffff15}.brand-name,.brand-icon{display:none}.pixel-logo{width:190px;height:auto;object-fit:contain}.hero{background-image:linear-gradient(90deg,#071c55ed 0%,#102e77cf 41%,#16429b33 72%),url('assets/mundo-retro.png');background-size:cover;background-position:center 65%;color:white;border-bottom:6px solid #16352c;position:relative;min-height:660px}.hero-copy{position:relative;z-index:2;padding-top:85px}.hero h1>span:not(.title-star){color:#ffda36}.hero h1>span:not(.title-star):after{background:#54c44d;z-index:0;bottom:-9px;height:5px}.hero-copy>p{color:#e4ebff;text-shadow:0 1px 3px #07162c;font-size:17px}.hero-note{color:#e7ecfa}.availability{color:#bfedb1}.availability i{background:#80e655;box-shadow:0 0 0 4px #66dc4125}.hero .text-link{color:#fff}.title-star{color:#ffda36;font-size:35px;right:3%;top:-20px}.scene{background:transparent;border:0;border-radius:0;margin:25px 28px 40px 0;overflow:visible;min-height:540px}.scene-label{font-size:9px;background:#0d1e43dc;padding:12px;left:9%;top:18px;border:1px solid #ffffff45}.character-art{inset:15% 7% 8% 12%;border-radius:30px 30px 8px 8px;border:5px solid #0c203f;box-shadow:10px 10px 0 #ffda36;background-position:100% 54%;transform:rotate(2deg)}.scene .ground{display:none}.scene-badge{color:var(--navy);bottom:8%;left:8%;box-shadow:5px 5px 0 #111f3d}.scene .pipe{right:0;bottom:10px;height:115px;width:64px}.scene .pipe:before{width:76px}.question-block{color:#14233e;bottom:40%;left:3%;box-shadow:5px 5px 0 #9c5418}.trust-strip{background:#0c1b39 url('assets/pattern-pipes.svg');color:#fff;border-block:3px solid #1f4c71;padding-block:26px}.trust-strip span:first-letter{color:#ffda36}.section-heading h2{max-width:690px}.section{position:relative}.page-index main>.section:first-of-type,.services-section{background:linear-gradient(#101f43ec,#0e1c37ed),url('assets/pattern-pipes.svg');color:white}.services-section .filters button{color:#dae4fa;border-color:#59749b}.services-section .filters .selected{color:#14233e;background:#ffd330;border-color:#ffd330;box-shadow:3px 3px 0 #060f25}.services-section .service{color:var(--navy)}.service{border:2px solid #14233e;border-radius:0;box-shadow:5px 5px 0 #a4b5cd;padding-top:32px;position:relative}.service:before{content:'';height:6px;position:absolute;inset:0 0 auto;background:#df4937}.service:nth-child(3n+2):before{background:#39a854}.service:nth-child(3n):before{background:#f2bf31}.service-icon{border-radius:0;border:2px solid #152547;box-shadow:3px 3px 0 #152547}.service:hover{box-shadow:7px 9px 0 #8b9db8}.about-band{background:#e8f3db url('assets/pattern-pipes.svg');border-block:3px solid #15263c;position:relative}.about-band:after{content:'';position:absolute;inset:auto 0 0;height:14px;background:repeating-linear-gradient(90deg,#58aa37 0 25px,#88d140 25px 50px);border-top:3px solid #143e26}.logo-showcase{background:#0d1d3d url('assets/pattern-pipes.svg');padding:25px 15px 28px;border:3px solid #101b35;box-shadow:9px 9px 0 #71ae3a;transform:rotate(-3deg);max-width:470px;align-self:center}.logo-showcase img{width:100%;height:auto;display:block;filter:drop-shadow(0 7px 8px #0005)}.logo-showcase .eyebrow{color:#ffd330;text-align:center;font-size:9px}.showcase-caption{display:block;text-align:center;color:#dae5fa;font-size:7px;letter-spacing:1.7px;margin-top:15px}.steps b{display:grid;place-items:center;width:55px;height:55px;color:#14233e;background:#ffd330;border:3px solid #14233e;box-shadow:4px 4px 0 #14233e;font-weight:bold}.steps article{border-top:0}.cta{position:relative;background:linear-gradient(90deg,#071c50ed,#143684b3),url('assets/mundo-retro.png');background-size:cover;background-position:center 82%;color:#fff;padding:65px 6% 85px;border-top:5px solid #4d9c39;border-bottom:0;overflow:hidden}.cta:after{content:'';position:absolute;inset:auto 0 0;height:24px;border-top:4px solid #102640;background:repeating-linear-gradient(90deg,transparent 0 48px,#633817 48px 52px),linear-gradient(#ffa63d 0 38%,#6a3b18 38% 50%,#ce762a 50%)}.cta .eyebrow{color:#ffe15a}.cta .dark{background:#ffd330;color:#14233e;box-shadow:5px 5px 0 #fff}.cta-coins{position:absolute;top:15px;right:9%;color:#ffdc42;text-shadow:2px 3px #9f6813;letter-spacing:18px;font-size:20px;animation:bob 5s infinite}.page-intro{background-image:linear-gradient(90deg,#071c50ee,#0b317ca6 60%,#124c9d18),url('assets/mundo-retro.png');background-size:cover;background-position:center 60%;color:white;position:relative;min-height:425px;padding-top:55px;padding-bottom:65px;border-bottom:6px solid #1a5b33}.page-intro .eyebrow{color:#ffdb48}.page-intro p{color:#eef3ff;max-width:580px;text-shadow:0 2px 2px #0d245f}.page-intro h1{max-width:800px;text-shadow:4px 5px 0 #0a2455}.world-tag{position:absolute;right:6%;top:42px;background:#0b1835d9;border:2px solid #fff6;padding:13px 17px;color:#fff;font-family:monospace;letter-spacing:2px;font-size:13px;box-shadow:4px 4px 0 #091b3c}.world-tag span{display:block;color:#ffd330;text-align:center;font-size:19px;letter-spacing:8px;margin-top:10px}.page-servicios .page-intro{background-position:center 75%}.page-nosotros .page-intro{background-position:center 35%}.page-portafolio .page-intro{background-image:linear-gradient(90deg,#0b124bea,#261866b8),url('assets/mundo-retro.png')}.page-contacto .page-intro{background-position:center 90%}.portfolio{background:#0a1634 url('assets/pattern-pipes.svg')}.portfolio-empty{border:3px solid #ffd330;background:linear-gradient(#13274be8,#102444e8),url('assets/mundo-retro.png');background-size:cover;background-position:center bottom;color:white;box-shadow:9px 9px 0 #020b20}.portfolio-empty p{color:#d6e1fa}.portfolio-empty .eyebrow{color:#ffe15a}.portfolio-types{color:#d8e5ff}.faq{background:var(--cream);padding-top:55px}.contact-grid{background:linear-gradient(90deg,#eaf1f6ed,#eaf1f6ec),url('assets/mundo-retro.png');background-size:cover;background-position:bottom;gap:6%}.contact-grid>div{background:#fffaf0ee;border:2px solid #15223b;padding:28px;align-self:start;box-shadow:6px 6px 0 #95b6ce}.contact-grid form{border:3px solid #13233f;box-shadow:8px 8px 0 #3d954b;border-top:8px solid #38a84f}.contact-card b{font-size:23px}footer{background:#09152f url('assets/pattern-pipes.svg');color:#e9f0ff}footer p,.fine{color:#c4d0e6}.fine{border-top-color:#ffffff25}footer .brand{align-items:start}footer .pixel-logo{width:190px;margin-top:-15px}.menu-toggle{color:#fff;border-color:#ffd330}.floating-wa{box-shadow:4px 4px 0 #10263b;border:2px solid #13253b;border-radius:8px;background:#198647}.page-index .section:has(.service-grid){background:#f6eddb url('assets/pattern-pipes.svg')}.page-index .section:has(.steps){background-image:linear-gradient(#fffaf0ec,#fffaf0ec),url('assets/mundo-retro.png');background-size:cover;background-position:center 80%}@media(max-width:760px){header{min-height:92px}header .pixel-logo{width:130px;height:85px}nav{background:#101d3d;border-bottom-color:#ffd330}.hero{background-position:center bottom}.hero-copy{padding-top:45px}.hero h1{font-size:59px}.hero-copy>p{font-size:15px}.scene{margin:0 5% 30px;min-height:450px}.scene-label{top:0}.character-art{inset:13% 10% 8% 12%}.hero-note{color:#fff}.page-intro{padding-top:95px;min-height:440px;background-position:60% bottom}.page-intro h1{font-size:49px}.world-tag{top:20px;left:6%;right:auto;font-size:10px;padding:9px 12px;display:flex;gap:20px}.world-tag span{font-size:12px;margin:0}.page-intro p{max-width:90%}.logo-showcase{max-width:380px;transform:rotate(-2deg);width:100%;margin:auto}.about-band{gap:45px}.cta{padding-bottom:65px}.cta-coins{top:8px;right:2%;font-size:15px}.contact-grid>div{padding:23px}.contact-card b{font-size:21px}.portfolio-empty{box-shadow:5px 5px 0 #020b20}.contact-grid{gap:35px}footer .pixel-logo{width:170px}.title-star{right:0;top:-15px}.services-section .service-grid{gap:27px}.hero .actions{gap:24px}.trust-strip{font-size:10px}}

/* Video real del equipo: carga solo al reproducir */
.video-portfolio{color:#fff}.video-heading{max-width:700px;margin-bottom:35px}.video-heading .eyebrow{color:#ffd330}.video-heading p{color:#c9d7ed}.project-video{margin:0;border:3px solid #ffd330;box-shadow:8px 8px 0 #020b20;background:#fffaf0;color:#14233e}.project-video video{display:block;width:100%;height:auto;aspect-ratio:848/480;object-fit:contain;background:#050b14;max-height:650px}.project-video figcaption{padding:28px 32px}.video-tag{font-family:monospace;letter-spacing:2px;font-size:11px;color:#123bb5;display:block;margin-bottom:15px}.project-video p{max-width:750px}.video-contact{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:45px}.video-contact h3{margin-bottom:10px}.video-contact p{color:#c9d7ed;margin:0}@media(max-width:760px){.project-video figcaption{padding:23px}.video-contact{display:block}.video-contact .button{margin-top:25px}.project-video{box-shadow:5px 5px 0 #020b20}}

.service-photo{position:relative;margin:-26px -28px 25px;overflow:hidden;border-bottom:2px solid #14233e;background:#dbe3ed}.service-photo img{width:100%;height:220px;display:block;object-fit:cover;transition:transform .35s}.service:hover .service-photo img{transform:scale(1.035)}.service-photo figcaption{position:absolute;bottom:9px;right:9px;background:#09152fe8;color:white;padding:5px 8px;font-size:9px;letter-spacing:.4px}.service:before{z-index:1}.service-photo+ .service-top{margin-bottom:20px}@media(max-width:760px){.service-photo{margin:-19px -25px 23px}.service-photo img{height:auto;aspect-ratio:3/2}}

/* Logo definitivo proporcionado por el cliente: imagen íntegra */
header .pixel-logo{width:92px;height:92px;object-fit:contain;filter:none;border-radius:5px}header{padding-block:10px}.brand-wordmark{font-size:24px;font-weight:900;letter-spacing:-.7px;color:#fff}.brand-wordmark small{display:block;font-size:9px;letter-spacing:3px;color:#ffd330;margin-top:5px}.logo-showcase img{aspect-ratio:1;object-fit:contain;filter:none}.logo-showcase{transform:none}footer .pixel-logo{width:115px;height:115px;margin-top:0;border-radius:5px}footer .brand{align-items:center;gap:14px}@media(max-width:1100px){header .pixel-logo{width:76px;height:76px}.brand-wordmark{font-size:20px}}@media(max-width:760px){header .pixel-logo{width:70px;height:70px}header{padding-block:10px;min-height:92px}.brand-wordmark{font-size:22px}footer .brand-wordmark{font-size:23px}}

.call-card>span{color:#123bb5}.call-card{border-left:4px solid #ffd330;padding-left:16px}.phone-only{color:#ffdc42}@media(max-width:760px){.topbar{flex-wrap:wrap;gap:7px}.topbar a[href^="tel:"]{display:block;width:100%;font-weight:700;color:#ffdc42}}

/* Presentación circular del logo original */
header .pixel-logo,footer .pixel-logo,.logo-showcase img{border-radius:50%;border:3px solid #ffd330;box-sizing:border-box;object-fit:cover;background:#13bad5;box-shadow:0 0 0 2px #14233e}
.logo-showcase img{border-width:5px}

/* Limites de imagen independientes del tamaño original */
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service{min-width:0;overflow:hidden}.service-photo{min-width:0}.service-photo img{max-width:100%;width:100%;height:200px;object-fit:cover;display:block}
@media(max-width:760px){.service-grid{grid-template-columns:minmax(0,1fr)}.service-photo img{height:180px;aspect-ratio:auto}}