:root{--azul:#083b78;--azul2:#0b5ea8;--naranja:#f47b20;--claro:#f5f8fc;--texto:#172033;--verde:#25d366;--gris:#667085;--borde:#dce4ee}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--texto);background:#fff}a{text-decoration:none;color:inherit}
.top{background:#07366d;color:#fff;padding:8px 5%;font-size:14px;display:flex;justify-content:space-between}.demo{font-size:12px;background:#fff3cd;color:#6a4d00;padding:6px 10px;border-radius:4px}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 4%;gap:18px;position:sticky;top:0;background:#fff;z-index:20;box-shadow:0 2px 12px #0001}
.brand{font-weight:900;color:var(--azul);font-size:22px;white-space:nowrap}.brand span{color:var(--naranja)}.navlinks{display:flex;gap:14px;flex-wrap:wrap;font-weight:700;font-size:13px}.navlinks a:hover{color:var(--naranja)}.phone{color:var(--azul);font-weight:800;white-space:nowrap}
.hero{min-height:540px;background:linear-gradient(90deg,#063a75dd,#063a7566),url('../imagenes/portada-concepto.png') center/cover;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;padding:55px 7%;color:#fff}
.hero h1{font-size:52px;line-height:1.02;margin:0 0 18px}.hero p{font-size:21px;max-width:650px;line-height:1.5}
.btn{display:inline-block;padding:15px 22px;border-radius:6px;font-weight:800;margin:8px 8px 0 0}.orange{background:var(--naranja);color:#fff}.green{background:var(--verde);color:#fff}.blue{background:var(--azul2);color:#fff}
.form{background:#073b78e8;padding:24px;border-radius:14px}.form h2{text-align:center;margin-top:0}.form input,.form select,.form textarea{width:100%;padding:13px;margin:7px 0;border:0;border-radius:5px}.form button{width:100%;border:0;cursor:pointer}
.section{padding:55px 7%}.center{text-align:center}.section h2,.content h2{color:var(--azul);font-size:34px}.kicker{color:var(--naranja);font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:13px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{border:1px solid var(--borde);border-radius:12px;padding:24px 18px;background:#fff;box-shadow:0 5px 18px #0000000a}.icon{font-size:42px}.card h3{color:var(--azul);margin-bottom:8px}.card a{color:var(--naranja);font-weight:800}.card p{color:#465269;line-height:1.55}
.coverage{background:var(--claro);display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.map{background:linear-gradient(135deg,#d9ecff,#b7d8f6);min-height:280px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:80px}.chips span{display:inline-block;background:#fff;border:1px solid #cdd9e8;border-radius:20px;padding:8px 12px;margin:5px}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 4px 15px #0001}.stars{color:#ffb000;font-size:22px}
.legal{background:#fff3d6;padding:25px 7%;font-size:14px;line-height:1.55}.footer{background:#07366d;color:#fff;padding:40px 7%}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:25px}.footer a{display:block;margin:7px 0}
.whatsapp{position:fixed;right:18px;bottom:18px;background:var(--verde);color:#fff;padding:14px 18px;border-radius:30px;font-weight:800;box-shadow:0 4px 14px #0003}
.pagehero{background:linear-gradient(135deg,var(--azul),var(--azul2));color:#fff;padding:60px 7%;display:grid;grid-template-columns:1.25fr .75fr;gap:35px;align-items:center}.pagehero h1{font-size:48px;margin:6px 0 12px}.pagehero p{font-size:20px;line-height:1.5;max-width:760px}.heroform{background:#ffffff15;border:1px solid #ffffff30;border-radius:14px;padding:20px}.heroform input,.heroform select,.heroform textarea{width:100%;padding:12px;border:0;border-radius:5px;margin:6px 0}.heroform button{width:100%;border:0}
.content{max-width:1180px;margin:auto;padding:45px 6%;line-height:1.7}.notice{background:#eef6ff;border-left:5px solid var(--azul2);padding:18px;border-radius:4px}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:26px 0}.feature{padding:18px;background:#f8fbff;border:1px solid #e1eaf3;border-radius:10px}.feature b{display:block;color:var(--azul);margin-bottom:5px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{border-top:5px solid var(--naranja);background:#fff;border-radius:10px;padding:20px;box-shadow:0 3px 15px #00000010}.stepnum{font-size:34px;font-weight:900;color:#d9e6f5}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{text-align:center;padding:22px;background:#073b78;color:#fff;border-radius:10px}.stat strong{display:block;font-size:30px}
.cta{background:linear-gradient(135deg,#063a75,#0b5ea8);color:#fff;padding:40px;border-radius:14px;margin:36px 0}.cta h2{color:#fff;margin-top:0}
.service-banner{width:100%;max-width:1200px;margin:36px auto;overflow:hidden;border-radius:14px;background:#edf3f8;box-shadow:0 8px 24px #092d5a22}.service-banner img{display:block;width:100%;height:auto;aspect-ratio:1200/290;object-fit:contain}
.service-list{columns:2;column-gap:30px}.service-list li{margin:8px 0;break-inside:avoid}
.badge{display:inline-block;background:#eaf4ff;color:var(--azul);padding:7px 10px;border-radius:18px;font-weight:700;margin:4px}
@media(max-width:1050px){.navlinks{display:none}.pagehero,.hero{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.features,.steps,.stats{grid-template-columns:repeat(2,1fr)}.coverage{grid-template-columns:1fr}.reviews{grid-template-columns:1fr}.footergrid{grid-template-columns:1fr 1fr}.hero h1,.pagehero h1{font-size:40px}}
@media(max-width:600px){.cards,.footergrid,.features,.steps,.stats{grid-template-columns:1fr}.hero{padding:40px 6%}.top{display:none}.service-list{columns:1}.phone{font-size:12px}.pagehero h1{font-size:34px}}

.socials{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.socials a{background:#fff;color:#083b78;padding:8px 11px;border-radius:20px;font-weight:700}.navlinks{max-width:980px}

.site-header{background:#fff;box-shadow:0 2px 14px #0002;position:sticky;top:0;z-index:50}.header-main{display:grid;grid-template-columns:350px 1fr auto;gap:25px;align-items:center;padding:10px 4%}.site-logo img{width:100%;max-width:340px;height:118px;object-fit:contain}.contact-head{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;color:#083b78;font-weight:800}.social-head{text-align:right;color:#083b78;font-weight:800}.social-icons{display:flex;gap:7px;justify-content:flex-end;margin-top:7px}.social-icons a{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#083b78;color:#fff}.main-menu{display:flex;background:#07366d;color:#fff;justify-content:center;align-items:center;flex-wrap:wrap}.main-menu>a,.dropbtn{padding:14px 12px;color:#fff;background:transparent;border:0;font-weight:800;font-size:12px;cursor:pointer}.main-menu>a:hover,.dropbtn:hover{background:#76b82a}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;right:0;min-width:230px;background:#fff;box-shadow:0 8px 24px #0003}.dropdown:hover .dropdown-content{display:block}.dropdown-content a{display:block;padding:13px;color:#083b78;border-bottom:1px solid #e5eaf0;font-weight:700}.v14-hero{min-height:500px;background:linear-gradient(90deg,#fff 0%,#ffffffe6 38%,#ffffff55 70%),url('../imagenes/portada-casa-v1.4.jpg') center/cover;display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center;padding:38px 5%}.v14-hero h1{font-size:62px;line-height:.98;margin:0;color:#083b78}.v14-hero h1 span{color:#76b82a}.v14-hero p{font-size:20px;color:#17385e;font-weight:600;max-width:620px}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin:22px 0}.trust-item{font-weight:800;color:#083b78}.v14-form{background:#083b78;color:#fff;padding:20px;border-radius:15px;box-shadow:0 12px 30px #0004}.v14-form h2{text-align:center;margin:0}.v14-form .sub{text-align:center;color:#ffe45c;font-weight:800}.v14-form input,.v14-form select,.v14-form textarea{width:100%;padding:11px;margin:5px 0;border:0;border-radius:5px}.v14-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v14-form button{width:100%;border:0}.service-strip{padding:26px 3%;background:#fff}.service-strip h2{text-align:center;color:#083b78}.service-grid-v14{display:grid;grid-template-columns:repeat(7,1fr) 1.25fr;gap:11px}.service-tile{border-radius:10px;overflow:hidden;border:1px solid #dce4ef;box-shadow:0 5px 16px #0001;text-align:center}.service-tile .visual{height:125px;display:flex;align-items:center;justify-content:center;font-size:62px;background:#edf5fb}.service-tile strong{display:block;padding:11px 5px;background:#083b78;color:#fff;min-height:58px}.roof strong{background:#c52a20}.water strong{background:#0b63a9}.plumb strong{background:#5f1593}.alarm strong{background:#278c39}.camera strong{background:#b51e31}.light strong{background:#ee9800}.other-box{border:1px solid #cbd9e9;border-radius:10px;overflow:hidden}.other-box h3{margin:0;background:#083b78;color:#fff;padding:10px;text-align:center}.other-box a{display:block;padding:18px 12px;color:#083b78;font-weight:800;border-bottom:1px solid #dce5ef}.brandbar{background:#07366d;color:#fff;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:18px;align-items:center;padding:17px 4%}.domainbig{font-size:30px;font-weight:900}.domainbig span{color:#8bd32d}@media(max-width:1100px){.header-main{grid-template-columns:300px 1fr}.social-head{display:none}.service-grid-v14{grid-template-columns:repeat(4,1fr)}.v14-hero h1{font-size:48px}}@media(max-width:750px){.header-main{grid-template-columns:1fr}.contact-head{justify-content:center}.v14-hero{grid-template-columns:1fr;background:linear-gradient(#fffffff0,#fffffff0),url('../imagenes/portada-casa-v1.4.jpg') center/cover}.service-grid-v14{grid-template-columns:repeat(2,1fr)}.brandbar{grid-template-columns:1fr 1fr}.domainbig{grid-column:1/-1;text-align:center}.v14-form .row2{grid-template-columns:1fr}}

/* ===== PROYECTO 008 · v1.5 ===== */
.header-main{grid-template-columns:430px 1fr auto}
.site-logo img{max-width:410px;height:150px}
.contact-head-v15{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#083b78}
.contact-head-v15 .email-line{font-size:18px;font-weight:800}
.contact-head-v15 .phone-line{font-size:38px;font-weight:900;line-height:1.05}
.contact-head-v15 a{color:#083b78}
.service-image{width:100%;height:100%;object-fit:cover;display:block}
.service-tile .visual{height:178px;padding:0;overflow:hidden;background:#fff}
.service-tile .visual img{width:100%;height:100%;object-fit:cover}
.service-tile strong{display:none}
.home-house-band{position:relative;min-height:285px;background:url('../imagenes/casa-real-servicios-v1.5.jpg') center 53%/cover no-repeat;border-top:1px solid #dce6f2;border-bottom:1px solid #dce6f2}
.home-house-band:after{content:"Tu casa en buenas manos";position:absolute;right:6%;bottom:28px;background:#ffffffdf;color:#083b78;padding:12px 22px;border-radius:30px;font-size:28px;font-weight:800;font-style:italic;box-shadow:0 5px 18px #0002}
.page-service-heading{display:flex;align-items:center;gap:20px;margin-bottom:14px}
.page-service-heading img{width:150px;height:150px;object-fit:cover;border-radius:18px;box-shadow:0 8px 22px #0003;border:3px solid #fff}
.page-service-heading .heading-copy h1{margin:4px 0 8px}
.page-service-heading .heading-copy .kicker{margin:0}
.clean-notice{background:#eef6ff;border-left:5px solid #0b5ea8;padding:18px;border-radius:6px;margin:22px 0}
@media(max-width:1100px){
 .header-main{grid-template-columns:320px 1fr}
 .site-logo img{max-width:310px;height:120px}
 .contact-head-v15 .phone-line{font-size:31px}
}
@media(max-width:800px){
 .header-main{grid-template-columns:1fr}
 .contact-head-v15 .phone-line{font-size:30px}
 .contact-head-v15 .email-line{font-size:15px}
 .page-service-heading{flex-direction:column;text-align:center}
 .home-house-band{min-height:230px}
 .home-house-band:after{font-size:20px;right:4%;bottom:18px}
}

/* ===== v1.6 carrusel + A/C ===== */
.home-carousel-section{padding:28px 4% 34px;background:linear-gradient(180deg,#f7fbff,#ffffff)}
.home-carousel-section h2{text-align:center;color:#083b78;font-size:30px;margin:0 0 18px}
.carousel-shell{position:relative;max-width:1260px;margin:auto;background:#fff;border-radius:20px;box-shadow:0 10px 28px #00000016;padding:22px 58px}
.carousel-track{display:flex;gap:18px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}
.carousel-track::-webkit-scrollbar{display:none}
.carousel-item{min-width:180px;max-width:180px;border-radius:16px;overflow:hidden;border:1px solid #d9e5f2;background:#fff;box-shadow:0 6px 15px #00000010;transition:.2s}
.carousel-item:hover{transform:translateY(-4px)}
.carousel-item img{width:100%;height:180px;object-fit:cover;display:block}
.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:#083b78;color:#fff;font-size:28px;cursor:pointer;z-index:2}
.carousel-arrow.left{left:10px}.carousel-arrow.right{right:10px}
.carousel-dots{text-align:center;margin-top:14px;color:#0a4d8e;font-size:18px;letter-spacing:6px}
.ac-feature-grid-v16{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}
.ac-feature-card{background:#fff;border:1px solid #dbe5ef;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px #00000012}
.ac-feature-card img{width:100%;height:180px;object-fit:cover;display:block}
.ac-feature-card h3{margin:0;padding:12px;text-align:center;color:#083b78;background:#f5f9fd}
@media(max-width:900px){.carousel-item{min-width:160px}.ac-feature-grid-v16{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.carousel-shell{padding:18px 44px}.ac-feature-grid-v16{grid-template-columns:1fr}}

/* ===== v1.7 ===== */
.service-photo-grid-v17{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.service-photo-card-v17{background:#fff;border:1px solid #dbe5ef;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px #00000012}.service-photo-card-v17 img{width:100%;height:185px;object-fit:cover;display:block}.service-photo-card-v17 h3{margin:0;padding:12px;text-align:center;color:#083b78;background:#f5f9fd;font-size:17px}.carousel-item{pointer-events:none}.carousel-arrow,.carousel-dots{display:none!important}.carousel-shell{overflow:hidden}.carousel-track{overflow:hidden;gap:18px}@media(max-width:900px){.service-photo-grid-v17{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.service-photo-grid-v17{grid-template-columns:1fr}}

/* ===== PROYECTO 008 · v1.8 ===== */
.service-photo-card-v17 h3{padding:0;background:transparent}
.service-photo-copy-v18{padding:12px 14px 15px;text-align:center}
.service-photo-copy-v18 h3{margin:0 0 7px;color:#083b78;font-size:17px}
.service-photo-copy-v18 p{margin:0;color:#4a5568;font-size:14px;line-height:1.45}


/* ===== v1.9 movimiento visible en portada ===== */
.home-carousel-section .carousel-shell{overflow:hidden}
.home-carousel-section .carousel-track{width:max-content;overflow:visible;animation:spmcCarrusel 24s linear infinite;will-change:transform}
.home-carousel-section .carousel-shell:hover .carousel-track{animation-play-state:paused}
@keyframes spmcCarrusel{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}
.home-motion-card{position:relative;min-height:250px;border-radius:22px;overflow:hidden;box-shadow:0 12px 30px #0b37602e;background:#dfeef8}
.home-motion-card img{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;animation:spmcCasa 10s ease-in-out infinite alternate;will-change:transform}
.home-motion-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(3,37,75,.72))}
.home-motion-glow{position:absolute;z-index:1;width:180px;height:180px;border-radius:50%;right:-30px;top:-40px;background:rgba(255,205,42,.22);box-shadow:0 0 50px rgba(255,205,42,.35);animation:spmcGlow 3.2s ease-in-out infinite}
.home-motion-label{position:absolute;z-index:2;left:24px;bottom:20px;color:white;font-size:25px;font-weight:800;text-shadow:0 2px 8px #000}
@keyframes spmcCasa{0%{transform:scale(1.02) translateX(-1%)}100%{transform:scale(1.10) translateX(2%)}}
@keyframes spmcGlow{50%{transform:scale(1.16);opacity:.7}}
@media(max-width:700px){.home-motion-card{min-height:210px}.home-motion-label{font-size:20px}.home-carousel-section .carousel-track{animation-duration:18s}}
@media(prefers-reduced-motion:reduce){.home-carousel-section .carousel-track,.home-motion-card img,.home-motion-glow{animation:none}}

/* ===== v1.11: imágenes claras para Imprenta y Publicidad ===== */
.page-service-heading img{background:#fff;object-fit:contain;padding:4px}
.service-photo-card-v17 img{background:#fff}