/* Home presentation only. Approved portfolio styles and project pages stay separate. */
body.home-commercial{background:#0a0c0f;color:#f2f6ff;}
.home-commercial .header{background:rgba(9,14,23,.94);border-bottom:1px solid #ffffff12;backdrop-filter:blur(12px);}
.home-commercial .logo{color:#f4f7ff;}
.home-commercial .nav a{color:#b9c5d9;}
.home-commercial .nav a:hover{color:#fff;}
.home-commercial .language-button{color:#dfe8f6;border-color:#2b3a51;}
.home-commercial .language-menu{background:#111b2a;border-color:#2b3a51;box-shadow:0 12px 40px #0006;}
.home-commercial .language-menu button{color:#dfe8f6;}
.home-commercial .language-menu button:hover{background:#1d2c43;color:#fff;}
.home-commercial .menu-button{border-color:#2b3a51;}
.home-commercial .menu-button span{background:#edf4ff;}
.home-commercial :is(#inicio,#servicios,#sobre-mi,#contacto) .button{min-height:48px;gap:12px;border-radius:10px;font-size:14px;}
.home-commercial :is(#inicio,#servicios,#sobre-mi,#contacto) .button svg,.home-projects-controls svg{width:19px;height:19px;flex:0 0 auto;}
.home-commercial :is(#inicio,#servicios,#sobre-mi,#contacto) .button:focus-visible,.home-projects-controls .button:focus-visible{outline:3px solid #a6c9ff;outline-offset:4px;}
.home-commercial :is(#servicios,#sobre-mi,#contacto){scroll-margin-top:90px;padding-top:100px;padding-bottom:100px;}
.home-commercial :is(#servicios,#sobre-mi) .section-heading{max-width:740px;margin-bottom:48px;}
.home-commercial :is(#servicios,#sobre-mi) .section-heading h2{font-size:clamp(36px,4.3vw,56px);line-height:1.08;letter-spacing:-2px;color:#f4f7ff;}
.home-commercial :is(#servicios,#sobre-mi) .section-heading>p:last-child{color:#b6c2d3;line-height:1.65;}
.home-commercial :is(#servicios,#sobre-mi,#contacto) .eyebrow{color:#8eb8ff;font-size:11px;letter-spacing:2.2px;}

/* A restrained CSS glow replaces a hero video: no media download or autoplay. */
.home-commercial .hero{position:relative;overflow:hidden;isolation:isolate;min-height:750px;padding:150px max(24px,calc((100% - 1180px)/2)) 86px;background:#0a0c0f;scroll-margin-top:0;}
.home-commercial .hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0c0f 0%,transparent 72%),linear-gradient(#9bc2ff0b 1px,transparent 1px),linear-gradient(90deg,#9bc2ff0b 1px,transparent 1px);background-size:auto,56px 56px,56px 56px;mask-image:linear-gradient(90deg,transparent 10%,#000 80%);pointer-events:none;z-index:-2;}
.home-commercial .hero::after{content:"";position:absolute;width:650px;height:650px;top:-140px;right:-80px;background:radial-gradient(ellipse,#2461d946,transparent 68%);animation:home-glow-drift 18s ease-in-out infinite alternate;pointer-events:none;z-index:-1;}
@keyframes home-glow-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-40px,45px,0)}}
.home-commercial .home-hero-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);align-items:center;gap:60px;max-width:1180px;}
.home-commercial .home-hero-copy{min-width:0;}
.home-commercial .hero .eyebrow{color:#94beff;font-size:11px;letter-spacing:2px;margin-bottom:22px;}
.home-commercial .hero h1{font-size:clamp(48px,5.35vw,77px);line-height:1.035;letter-spacing:-3.5px;max-width:660px;}
.home-commercial .hero h1 .accent{color:#73a4ff;}
.home-commercial .hero-description{max-width:575px;color:#b8c4d6;font-size:17px;line-height:1.65;margin-top:26px;}
.home-commercial .hero-buttons{margin-top:30px;gap:12px;flex-wrap:wrap;}
.home-commercial .hero-buttons .button{padding:0 22px;}
.home-commercial .hero .button.secondary{background:#111a28;border-color:#35445d;color:#e6eefb;}
.home-commercial .hero .button.secondary:hover{background:#1b2a42;}
.home-commercial .home-hero-note{font-size:12px;line-height:1.5;color:#a1b1c9;margin-top:23px;}
.home-hero-workboard{position:relative;min-width:0;height:445px;}
.home-workboard-orbit{position:absolute;inset:15px -15px 45px 10px;border:1px solid #3269c42b;border-radius:50%;transform:rotate(-17deg);box-shadow:0 0 100px #255bc41a;}
.home-window{position:absolute;margin:0;background:#101929;border:1px solid #4b66965e;border-radius:14px;overflow:hidden;box-shadow:0 28px 70px #0007;}
.home-window-main{width:95%;top:22px;left:0;transform:rotate(-4deg);}
.home-window-secondary{width:60%;right:-9px;bottom:20px;transform:rotate(5deg);}
.home-window-bar{height:36px;display:flex;align-items:center;gap:18px;padding:0 14px;font-size:9px;letter-spacing:1px;color:#c9d7ec;border-bottom:1px solid #314160;background:#111c2e;}
.home-window-dots{display:flex;gap:4px;}
.home-window-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#617594;}
.home-window img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;}
.home-window figcaption{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;color:#cbd8ed;font-size:10px;}
.home-window figcaption>span:last-child{color:#96abd0;}
.home-workboard-label{position:absolute;bottom:0;left:5px;color:#91a6c8;font-size:11px;letter-spacing:.3px;}

.home-benefits{background:#0e1623;border-block:1px solid #223149;padding:30px max(24px,calc((100% - 1180px)/2));}
.home-benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;}
.home-benefit{min-width:0;}
.home-benefit-icon{display:block;color:#8ab6ff;margin-bottom:14px;}
.home-benefit-icon svg{width:24px;height:24px;}
.home-benefit h2{font-size:15px;line-height:1.35;letter-spacing:-.2px;color:#eff5ff;margin-bottom:8px;}
.home-benefit p{font-size:13px;line-height:1.6;color:#adbbd0;max-width:25ch;}

.home-commercial #servicios{background:#0c121c;}
.home-commercial .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
.home-commercial .service-card{background:#111a28;border:1px solid #26364d;border-radius:16px;min-height:260px;padding:30px;display:flex;flex-direction:column;}
.home-service-top{display:flex;align-items:center;justify-content:space-between;}
.home-service-icon{display:flex;color:#9bc1ff;}
.home-service-icon svg{width:29px;height:29px;}
.home-commercial .service-number{font-size:12px;color:#829bc0;letter-spacing:1px;}
.home-commercial .service-card h3{margin-top:29px;margin-bottom:12px;color:#f1f6ff;font-size:25px;letter-spacing:-.7px;}
.home-commercial .service-card p{font-size:15px;line-height:1.65;color:#b3c0d3;max-width:48ch;}
.home-commercial .service-card .home-service-link{display:inline-flex;justify-content:flex-start;align-self:flex-start;padding:0;margin-top:24px;min-height:36px;border:0;background:transparent;color:#9bc2ff;font-size:13px;}
.home-commercial .service-card .home-service-link:hover{background:transparent;color:#fff;}

/* Only visibility is adapted; approved card styles and portfolio modules are unchanged. */
.home-projects-controls{display:flex;justify-content:center;margin:34px 0 0;}
.home-projects-controls[hidden]{display:none;}
.home-projects-controls .button{display:inline-flex;gap:12px;border:1px solid #395071;color:#e7efff;background:#111b2a;min-height:48px;padding:0 22px;border-radius:10px;cursor:pointer;font:inherit;font-size:14px;font-weight:600;}
.home-projects-controls .button:hover{background:#1c2c44;}

.home-commercial .home-process{min-height:0;display:block;background:#0c121c;}
.home-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;}
.home-process-grid li{border-top:1px solid #30445f;padding-top:24px;min-width:0;}
.home-step-number{font-size:35px;font-weight:500;letter-spacing:-1px;color:#83afff;}
.home-process-grid h3{font-size:19px;line-height:1.3;color:#f0f5ff;margin:22px 0 12px;letter-spacing:-.4px;}
.home-process-grid p{font-size:14px;line-height:1.65;color:#b2c0d5;}
.home-trust-line{display:flex;flex-wrap:wrap;gap:25px;margin-top:50px;padding-top:24px;border-top:1px solid #203047;color:#b6c6dd;font-size:13px;}
.home-trust-line span{display:flex;align-items:center;gap:10px;}
.home-trust-line span::before{content:"";width:5px;height:5px;background:#75a6ff;border-radius:50%;}

.home-commercial #contacto{background:#0a0c0f;padding:90px max(24px,calc((100% - 1180px)/2));}
.home-commercial .contact-box{position:relative;isolation:isolate;overflow:hidden;border:1px solid #2d4162;border-radius:20px;background:#0f1a2c;padding:66px 64px;}
.home-contact-glow{position:absolute;inset:-100px -150px -100px auto;width:600px;background:radial-gradient(ellipse,#2563eb23,transparent 70%);z-index:-1;pointer-events:none;}
.home-commercial .contact-box h2{font-size:clamp(35px,4.25vw,58px);line-height:1.08;letter-spacing:-1.9px;max-width:800px;margin:0 auto 22px;}
.home-commercial .contact-box p:not(.eyebrow){color:#bdcadd;font-size:16px;line-height:1.65;max-width:590px;}
.home-commercial .contact-box .home-contact-note{font-size:12px;margin-top:22px;margin-bottom:0;color:#a7bad7;}
.home-commercial .contact-details{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 26px;margin-top:24px;}
.home-commercial .contact-details a{font-size:14px;color:#d5e5ff;text-decoration:underline;text-decoration-color:#708ba7;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center;gap:8px;}
.home-commercial .contact-details a:focus-visible{outline:3px solid #a6c9ff;outline-offset:4px;}
.home-commercial .footer{color:#a6b5cb;border-top-color:#26344a;}
.home-commercial .footer-logo{color:#f0f5ff;}

@media(max-width:1100px){
 .home-commercial .home-hero-grid{gap:38px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);}
 .home-commercial .hero h1{font-size:clamp(45px,5.5vw,66px);letter-spacing:-2.5px;}
 .home-commercial .hero-description{font-size:16px;}
 .home-hero-workboard{height:350px;}
 .home-window-secondary{bottom:15px;}
 .home-benefits-grid{gap:24px;}
 .home-process-grid{gap:22px;}
}
@media(max-width:720px){
 .home-commercial .nav{background:#101a29;border-color:#2b3a51;}
 .home-commercial .nav a{border-bottom-color:#28354b;}
 .home-commercial .hero{min-height:0;padding:116px 20px 58px;}
 .home-commercial .home-hero-grid{display:block;}
 .home-hero-workboard{display:none;}
 .home-commercial .hero h1{font-size:clamp(38px,10.8vw,54px);line-height:1.075;letter-spacing:-1.7px;}
 .home-commercial .hero .eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:19px;}
 .home-commercial .hero-description{font-size:16px;line-height:1.6;margin-top:23px;}
 .home-commercial .hero-buttons{gap:11px;margin-top:26px;}
 .home-commercial .hero-buttons .button{min-height:48px;width:100%;padding:0 18px;}
 .home-commercial .home-hero-note{margin-top:21px;font-size:11px;}
 .home-benefits{padding:28px 20px;}
 .home-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px;}
 .home-benefit h2{font-size:14px;}
 .home-benefit p{font-size:12px;}
 .home-benefit-icon{margin-bottom:11px;}
 .home-commercial :is(#servicios,#sobre-mi){padding:64px 20px;}
 .home-commercial :is(#servicios,#sobre-mi) .section-heading{margin-bottom:32px;}
 .home-commercial :is(#servicios,#sobre-mi) .section-heading h2{font-size:35px;letter-spacing:-1.25px;}
 .home-commercial :is(#servicios,#sobre-mi) .section-heading>p:last-child{font-size:15px;}
 .home-commercial .services-grid{grid-template-columns:1fr;gap:16px;}
 .home-commercial .service-card{padding:25px;min-height:0;}
 .home-commercial .service-card h3{font-size:23px;margin-top:23px;}
 .home-commercial .service-card p{font-size:14px;}
 .home-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px;}
 .home-step-number{font-size:30px;}
 .home-process-grid h3{font-size:17px;margin-top:16px;}
 .home-process-grid p{font-size:13px;}
 .home-trust-line{margin-top:32px;gap:15px 20px;font-size:12px;}
 .home-commercial #contacto{padding:56px 16px;}
 .home-commercial .contact-box{padding:40px 22px;border-radius:16px;}
 .home-commercial .contact-box h2{font-size:34px;letter-spacing:-1.2px;}
 .home-commercial .contact-box p:not(.eyebrow){font-size:14px;}
 .home-commercial .contact-box .button{width:100%;padding:0 14px;}
 .home-commercial .contact-details{flex-direction:column;align-items:center;gap:6px;}
 .home-commercial .contact-details a{font-size:13px;}
 .home-projects-controls{margin-top:26px;}
 .home-projects-controls .button{width:100%;justify-content:center;font-size:13px;padding:0 14px;}
}
@media(max-width:350px){
 .home-commercial .hero{padding-inline:16px;}
 .home-commercial .hero h1{font-size:36px;}
 .home-benefits{padding-inline:16px;}
 .home-commercial :is(#servicios,#sobre-mi){padding-inline:16px;}
 .home-benefits-grid,.home-process-grid{gap:24px 16px;}
 .home-commercial .contact-box{padding-inline:18px;}
 .home-commercial .contact-box h2{font-size:31px;}
}
@media(max-height:600px) and (min-width:721px){
 .home-commercial .hero{min-height:500px;padding-top:104px;padding-bottom:42px;}
 .home-commercial .hero h1{font-size:52px;letter-spacing:-2.1px;}
 .home-commercial .hero-description{margin-top:18px;font-size:15px;line-height:1.5;}
 .home-commercial .hero .eyebrow{margin-bottom:16px;}
 .home-commercial .hero-buttons{margin-top:22px;}
 .home-commercial .home-hero-note{display:none;}
 .home-hero-workboard{height:310px;}
 .home-workboard-label{display:none;}
}
@media(max-height:650px) and (max-width:720px){
 .home-commercial .hero{padding-top:95px;padding-bottom:40px;}
 .home-commercial .hero h1{font-size:36px;line-height:1.065;}
 .home-commercial .hero .eyebrow{margin-bottom:14px;}
 .home-commercial .hero-description{font-size:14px;line-height:1.5;margin-top:18px;}
 .home-commercial .hero-buttons{flex-direction:row;gap:10px;margin-top:22px;}
 .home-commercial .hero-buttons .button{flex:1;min-width:0;width:auto;padding:0 10px;gap:6px;font-size:12px;}
 .home-commercial .hero-buttons .button svg{width:15px;height:15px;}
 .home-commercial .home-hero-note{display:none;}
}
@media(prefers-reduced-motion:reduce){
 .home-commercial .hero::after{animation:none;}
}
/* Keep the contact control clear of the hero actions on very short phones. */
@media(max-height:480px) and (max-width:720px){
 .home-commercial .whatsapp-float{top:14px;right:142px;bottom:auto;width:40px;height:40px;}
 .home-commercial .whatsapp-float svg{width:23px;height:23px;}
}