:root{--bg:#f4f4f4;--text:#2d2d2d;--muted:#666;--line:#d5d5d5;--panel:#f7f7f7;--blue:#004ea8}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:linear-gradient(#e9e9e9 0,#fff 290px,#fff 62%,#b8b8b8 100%);font-size:14px;line-height:1.55} a{color:inherit;text-decoration:none}.wrap{width:min(1080px,92vw);margin:0 auto}.top{padding:28px 0 24px}.top-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:40px}.logo{width:205px;height:auto;display:block}.nav{display:flex;align-items:center;gap:20px;padding-top:24px;font-weight:700;font-size:13px;letter-spacing:.2px}.nav a{padding:10px 18px;border-radius:22px}.nav a.active,.nav a:hover{background:linear-gradient(#fff,#dcdcdc);box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(0,0,0,.25)}main{min-height:520px}.slider-frame,.content-panel{background:rgba(245,245,245,.9);border-radius:18px;padding:14px;box-shadow:0 10px 18px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.85)}.slider-frame{margin:18px auto 34px}.slider{position:relative;overflow:hidden;border-radius:4px;background:#ddd}.slides{display:flex;transition:transform .55s ease}.slide{min-width:100%}.slide img{display:block;width:100%;height:300px;object-fit:cover}.arrow{position:absolute;top:50%;transform:translateY(-50%);border:0;border-radius:50%;width:36px;height:36px;background:rgba(255,255,255,.86);box-shadow:0 2px 5px rgba(0,0,0,.35);font-size:28px;line-height:36px;cursor:pointer;color:#333}.arrow.prev{left:18px}.arrow.next{right:18px}.dots{position:absolute;right:28px;bottom:16px;display:flex;gap:10px}.dot{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.75);border:1px solid rgba(0,0,0,.35);cursor:pointer}.dot.active{background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.35)}.home-panel{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;margin-bottom:58px;padding:28px 34px 30px;background:rgba(215,215,215,.92);border-radius:28px;box-shadow:0 18px 20px rgba(0,0,0,.30);border:1px solid rgba(255,255,255,.7)}.home-card{display:grid;grid-template-columns:92px 1fr;grid-template-rows:auto 1fr;column-gap:18px;row-gap:8px;padding:0 30px 2px;min-height:190px;align-items:start}.home-card+.home-card{border-left:1px solid #bdbdbd}.home-card img{max-width:78px;align-self:start;justify-self:center;margin-top:32px}.home-card h2{grid-column:1/-1;margin:0 0 2px;text-align:center;font-size:24px;line-height:1.05;font-weight:400;color:#333;text-shadow:0 1px 0 #fff}.home-card p{margin:0;text-align:justify;font-size:13.8px;line-height:1.15;color:#646464;font-weight:400}.home-card strong{font-weight:700;color:#5f5f5f}.page-panel{margin:18px auto 58px;padding:32px 38px}.page-panel h1{font-size:23px;margin:0 0 22px;text-transform:uppercase}.intro-image{float:left;margin:2px 22px 12px 0;max-width:110px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.service-item{background:#f6f6f6;border:1px solid #ddd;border-radius:12px;padding:14px;font-weight:700}.service-detail{border-top:1px solid #ddd;margin-top:24px;padding-top:24px}.service-detail img{float:left;margin:0 22px 12px 0;max-width:145px}.quote{border-left:4px solid #bbb;padding-left:16px;color:#444;font-weight:700}.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:28px}.contact-data{background:#f7f7f7;border:1px solid #ddd;border-radius:14px;padding:22px}.contact-data strong{display:block;margin-top:14px}.map{width:100%;height:330px;border:0;border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.footer{background:linear-gradient(#d5d5d5,#aaa);border-top:1px solid #cfcfcf;padding:30px 0 0;color:#4a4a4a}.footer-grid{display:grid;grid-template-columns:1.1fr 1.2fr 1fr 1.5fr;gap:42px;font-size:13px}.footer h3{font-size:14px;margin:0 0 16px;color:#333}.footer ul{list-style:none;margin:0;padding:0}.footer li{margin:6px 0}.footer li:before{content:'›';margin-right:8px;color:#333}.copyright{margin-top:34px;padding:16px;text-align:center;color:#fff;font-size:12px;font-weight:700;background:rgba(80,80,80,.45)}@media(max-width:800px){.top-inner{display:block;text-align:center}.logo{margin:0 auto}.nav{justify-content:center;flex-wrap:wrap;padding-top:20px}.slide img{height:210px}.home-panel{grid-template-columns:1fr}.home-card+.home-card{border-left:0;border-top:1px solid var(--line)}.footer-grid,.contact-box,.service-grid{grid-template-columns:1fr}.intro-image,.service-detail img{float:none;display:block;margin:0 0 16px}.page-panel{padding:24px 22px}}

/* Ajuste específico de la página "Quiénes somos" para aproximarla a la distribución original */
.about-page{min-height:520px}.about-summary{margin:42px auto 44px}.about-text{position:relative;margin:0 auto 58px;font-size:18px;line-height:1.22;color:#5f5f5f}.about-text p{margin:0 0 24px;max-width:880px}.about-text strong{color:#555;font-weight:700}.question-image{float:right;width:72px;height:auto;margin:0 22px 18px 40px}.about-page + .footer{margin-top:0}@media(max-width:800px){.about-summary{margin-top:24px}.about-summary .home-card{grid-template-columns:70px 1fr;padding:16px}.about-text{font-size:16px;line-height:1.35}.question-image{float:none;display:block;margin:0 auto 20px}}

/* Página Servicios estilo web original */
.services-page{min-height:560px}.services-layout{display:grid;grid-template-columns:280px 1fr;gap:42px;margin:64px auto 72px}.section-title{display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.9);padding-bottom:20px;margin-bottom:30px}.section-title h1{font-size:28px;line-height:1;margin:0;font-weight:400;text-transform:uppercase;color:#333}.round-icon{width:20px;height:20px;border-radius:50%;background:linear-gradient(#fff,#d9d9d9);box-shadow:0 1px 3px rgba(0,0,0,.35);display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#555;font-size:17px}.services-menu{padding-top:6px}.service-tab{display:block;width:100%;position:relative;border:0;border-radius:20px;text-align:left;margin:0 0 13px;padding:9px 32px 9px 24px;background:linear-gradient(90deg,#d9d9d9 0%,#efefef 68%,rgba(255,255,255,0) 100%);font-weight:700;color:#646464;cursor:pointer;font-size:15px;font-family:Arial,Helvetica,sans-serif}.service-tab:after{content:'›';position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:18px;color:#777}.service-tab.active,.service-tab:hover{background:linear-gradient(90deg,#cfcfcf 0%,#e7e7e7 70%,rgba(255,255,255,0) 100%);color:#333}.services-content{font-size:16px;line-height:1.22;color:#5d5d5d;min-height:420px}.services-intro{font-size:16px;margin:0 0 36px}.services-intro p{margin:0 0 8px}.service-content{display:none;max-width:760px}.service-content.active{display:block}.service-content h2{font-size:23px;margin:0 0 18px;color:#333}.service-content p{margin:0 0 14px}.service-content ul{padding-left:22px;margin:0 0 16px}.service-content li{margin:0 0 8px}.service-photo{float:left;max-width:120px;margin:2px 22px 14px 0}.services-content .quote{border-left:0;padding-left:0;font-weight:700;color:#5a5a5a;margin-top:16px}
@media(max-width:800px){.services-layout{grid-template-columns:1fr;gap:26px;margin-top:30px}.section-title h1{font-size:24px}.service-tab{max-width:360px}.services-content{font-size:15px;line-height:1.35}.service-photo{float:none;display:block;margin:0 0 16px}}

/* v7: recuadro resumen más parecido al original, sin texto justificado */
.home-panel{padding:26px 28px 28px !important;border-radius:26px !important;}
.home-card{display:block !important;min-height:0 !important;padding:0 28px 0 !important;overflow:hidden;}
.home-card h2{margin:0 0 14px !important;font-size:24px !important;line-height:1.05 !important;font-weight:400 !important;}
.home-card img{float:left;width:64px;max-width:64px !important;height:auto;margin:24px 18px 8px 0 !important;}
.home-card p{text-align:left !important;font-size:14px !important;line-height:1.14 !important;color:#646464 !important;margin:0 !important;}
.home-card strong{font-weight:700 !important;color:#5f5f5f !important;}
@media(max-width:800px){.home-card{padding:18px 16px !important}.home-card img{float:left;margin:4px 16px 8px 0 !important}}

/* v7: todos los servicios con recuadro/imagen como la web original */
.service-content{background:linear-gradient(#f5f5f5,#eeeeee);border:1px solid #d7d7d7;border-radius:15px;box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(0,0,0,.08);padding:22px 26px 24px;min-height:175px;}
.service-content h2{font-size:22px !important;margin-bottom:16px !important;}
.service-photo{float:left;width:128px;max-width:128px !important;height:auto;margin:0 24px 14px 0 !important;}
.service-content p,.service-content li{font-size:15px;line-height:1.28;}
.service-content .quote{clear:both;margin-top:18px;font-weight:700;color:#555;}
@media(max-width:800px){.service-photo{float:none;display:block;margin:0 0 16px !important}.service-content{padding:18px}}


/* v9: pulido visual general */
body{font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;font-size:15px;color:#333;}
.nav{font-size:14px;gap:24px;}
.nav a{transition:box-shadow .18s ease,background .18s ease,transform .18s ease;}
.nav a:hover{transform:translateY(-1px);}
.slider-frame{margin-top:12px;margin-bottom:32px;}
.slide img{height:315px;}
.home-panel{margin-bottom:24px !important;}
.home-card p{font-size:14.5px !important;line-height:1.22 !important;color:#5e5e5e !important;}
.home-card h2{font-size:25px !important;}
.home-cta{display:flex;gap:14px;justify-content:center;margin:-4px auto 56px;}
.btn-primary,.btn-secondary{display:inline-block;border-radius:24px;padding:12px 24px;font-weight:700;font-size:14px;box-shadow:0 3px 8px rgba(0,0,0,.16);transition:transform .18s ease,box-shadow .18s ease;}
.btn-primary{background:linear-gradient(#0b66c3,#004ea8);color:#fff;}
.btn-secondary{background:linear-gradient(#fff,#e4e4e4);color:#333;border:1px solid #d0d0d0;}
.btn-primary:hover,.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(0,0,0,.20);}
.footer{padding-top:34px;}
.footer-grid{font-size:14px;gap:54px;line-height:1.45;}
.footer h3{font-size:15px;margin-bottom:18px;}
.footer li{margin:7px 0;}
.footer a:hover{text-decoration:underline;}
.services-content{font-size:16.5px;line-height:1.35;}
.service-tab{transition:background .15s ease,color .15s ease,transform .15s ease;}
.service-tab.active{box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(0,0,0,.13);}
.service-tab:hover{transform:translateX(2px);}
.service-content{box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(0,0,0,.10);}
.service-content p,.service-content li{font-size:15.5px;line-height:1.36;}
.about-text{line-height:1.32;}
.contact-data{font-size:15.5px;line-height:1.5;}
@media(max-width:800px){.slide img{height:220px}.home-cta{flex-direction:column;align-items:center;margin-bottom:40px}.btn-primary,.btn-secondary{width:min(280px,90vw);text-align:center}.footer-grid{gap:24px}}


/* v10: nuevos servicios Ozono y Anagramas */
#servicio-anagramas .service-photo{max-width:150px !important;width:150px !important;}
#servicio-ozono .service-photo{max-width:130px !important;width:130px !important;}
@media(max-width:800px){#servicio-anagramas .service-photo,#servicio-ozono .service-photo{width:140px !important;max-width:140px !important;}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}