:root{--blue:#142c67;--ink:#17253f;--muted:#576276;--paper:#fff;--line:#dce2ed;--accent:#edc54a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #c18b00;outline-offset:6px}a:hover{text-decoration:underline}header,.hero,.section,footer,.service-strip{padding-left:max(6vw,24px);padding-right:max(6vw,24px)}.skip{position:fixed;top:-100px;left:20px;background:#fff;padding:12px;z-index:10}.skip:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:114px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;line-height:1.2;font-size:1rem;letter-spacing:.09em;color:var(--blue)}.brand strong{font-weight:800}.brand small{display:block;font-size:.75rem;margin-top:9px;letter-spacing:.13em}.brand-icon{display:grid;place-items:center;background:var(--blue);color:white;font:bold italic 2.3rem Georgia,serif;width:52px;height:58px;flex-shrink:0}nav{display:flex;align-items:center;gap:30px;font-size:.9rem;font-weight:600}.nav-contact{border:1px solid var(--blue);padding:10px 22px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;padding-top:75px;padding-bottom:70px;align-items:center}.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.13em;color:var(--blue);margin:0 0 25px}h1{font:normal clamp(3rem,5.7vw,6rem)/1.05 Georgia,serif;letter-spacing:-.045em;margin:0 0 30px}h1 em{color:var(--blue);font-weight:normal}.intro{max-width:480px;font-size:1.15rem;color:var(--muted);margin:0 0 30px}.actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.button{display:inline-flex;justify-content:center;align-items:center;padding:15px 22px;font-size:.95rem;font-weight:bold;line-height:1.5;border:1px solid transparent;transition:background .2s}.primary{background:var(--blue);color:#fff}.primary:hover{background:#263f79}.text-link{font-weight:bold;border-bottom:1px solid #9aa8c5}.note{font-size:.88rem;color:var(--muted);margin-top:20px}.identity{background:#edf1f8;padding:20px;border-bottom:6px solid var(--blue);transform:rotate(1deg)}.identity-label,.identity-foot{display:flex;justify-content:space-between;gap:15px;font-size:.75rem;letter-spacing:.04em;color:var(--blue)}.identity-label{margin-bottom:16px}.identity-foot{margin-top:15px}.card-photo{position:relative;overflow:hidden;aspect-ratio:1.48;background:#e1ded5}.card-photo img{position:absolute;width:115%;height:auto;max-width:none;left:-6%;top:-61%}.service-strip{background:var(--blue);color:#fff;display:flex;justify-content:space-between;gap:20px;padding-top:19px;padding-bottom:19px;font-size:1rem;letter-spacing:.035em}.service-strip span:before{content:'+';color:var(--accent);margin-right:14px}.section{padding-top:85px;padding-bottom:85px}h2{font:normal clamp(2.25rem,3.5vw,3.8rem)/1.15 Georgia,serif;letter-spacing:-.03em;margin:0 0 24px}.section-heading{max-width:690px;margin-bottom:42px}.section-heading p:last-child{color:var(--muted);max-width:570px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.services article{border-top:2px solid var(--blue);padding-top:23px}.number{color:#66799c;font-size:.88rem}.services h3{font:normal 1.65rem/1.3 Georgia,serif;margin:25px 0 16px}.services p{color:var(--muted);margin-bottom:24px}.services a{font-size:.9rem;font-weight:700;border-bottom:1px solid #9aa8c5}.area{background:#eef2f9;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.area p:not(.eyebrow){font-size:1.15rem;color:var(--muted)}.outlined{border-color:var(--blue);color:var(--blue);margin-top:12px}.process ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:0;margin:0}.process li{display:flex;align-items:flex-start;gap:17px}.process li>span{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border:1px solid var(--line);color:var(--blue)}h3{margin:0;font-size:1.05rem}.process p{color:var(--muted);font-size:.95rem;margin:10px 0 0}.contact{background:var(--blue);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact .eyebrow{color:#edc54a}.contact p{color:#dbe3f6}.white{background:#fff;color:var(--blue);margin-top:15px}.contact-details{display:flex;flex-direction:column;gap:28px;justify-content:center}.contact-details>div{border-bottom:1px solid #51628c;padding-bottom:20px}.contact-details span{display:block;font-size:.75rem;letter-spacing:.13em;color:#bccbec;margin-bottom:8px}.contact-details a{display:block;width:fit-content;font-size:1.7rem;line-height:1.5}.contact-details .email{font-size:1.05rem;overflow-wrap:anywhere}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding-top:25px;padding-bottom:25px;font-size:.82rem;color:var(--muted)}@media(min-width:1600px){.hero,.section{max-width:1600px;margin:auto}.area,.contact{max-width:none}}@media(max-width:850px){.header{min-height:95px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}nav{gap:18px;flex-wrap:wrap}.hero{grid-template-columns:1fr;padding-top:45px;gap:40px}.hero-copy{max-width:650px}.identity{max-width:650px;transform:none}.services{grid-template-columns:1fr;gap:32px}.services h3{margin-top:14px}.area,.contact{grid-template-columns:1fr;gap:25px}.process ol{grid-template-columns:1fr;gap:26px}.section{padding-top:60px;padding-bottom:60px}.service-strip{font-size:.88rem;flex-wrap:wrap;justify-content:flex-start;gap:12px 28px}.identity-label{flex-wrap:wrap}}@media(max-width:450px){.brand{font-size:.88rem}.brand small{font-size:.7rem}nav{font-size:.85rem;gap:17px}.nav-contact{padding:7px 13px}h1{font-size:3.2rem}.identity{padding:12px}.identity-label,.identity-foot{font-size:.75rem}.button{width:100%;text-align:center}.contact-details a{font-size:1.5rem}.contact-details .email{font-size:1rem}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Pintura de color en el borde superior y logotipo original */
.paint-top{height:clamp(150px,22vw,400px);background:#fff url('assets/pintura-colores.png') center top / 100% auto no-repeat;pointer-events:none}
.header{min-height:112px;border-bottom:0;padding-top:4px;padding-bottom:16px}
.brand-logo{width:76px;height:76px;object-fit:contain;flex-shrink:0}
.hero{display:block;padding-top:40px;padding-bottom:70px;max-width:1250px;margin:auto}
.hero-copy{max-width:900px}
.hero h1{font-size:clamp(3rem,5.4vw,5.4rem);max-width:1000px}
.hero .intro{max-width:670px}
.hero .actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px 28px}
@media(max-width:850px){.hero{padding-top:35px;padding-bottom:50px}.brand-logo{width:65px;height:65px}.paint-top{height:145px;background-size:auto 210px}}
@media(max-width:450px){.brand-logo{width:56px;height:56px}.header{gap:18px}.paint-top{height:130px;background-size:auto 185px}.hero .actions{flex-direction:column;align-items:flex-start}.hero h1{font-size:3rem}.hero .button{width:auto}.brand small{letter-spacing:.07em}}

.compact-services{display:flex;flex-wrap:wrap;gap:8px 25px;list-style:none;padding:0;margin:0 0 28px;font-size:.95rem;color:var(--blue)}.compact-services li{border-bottom:1px solid #dce2ed;padding-bottom:4px}

/* Marca integrada en la franja de pintura */
.paint-header{min-height:0;height:clamp(260px,23vw,400px);padding-top:24px;padding-bottom:0;display:flex;align-items:flex-start;background:#fff url('assets/pintura-colores.png') center top / 100% auto no-repeat}
.paint-header .brand{padding:14px 20px 14px 14px;gap:22px;font-size:clamp(1.4rem,2.3vw,2.1rem);letter-spacing:.07em;background:rgba(255,255,255,.93);border-radius:3px;max-width:100%}
.paint-header .brand-logo{width:120px;height:120px}
.paint-header .brand small{font-size:.9rem;letter-spacing:.12em;margin-top:14px}
.compact-services{display:block;list-style:disc;padding-left:1.2em;font-size:1.18rem;line-height:1.65;margin:0 0 30px}
.compact-services li{border:0;padding:0 0 5px 5px}
.compact-services li::marker{font-size:.8em;color:var(--blue)}
@media(max-width:850px){.paint-header{height:245px;background-size:auto 360px;padding-top:22px}.paint-header .brand-logo{width:100px;height:100px}.paint-header .brand{font-size:1.65rem;gap:16px}.paint-header .brand small{font-size:.8rem}}
@media(max-width:450px){.paint-header{height:210px;padding-top:20px;background-size:auto 315px}.paint-header .brand{padding:10px;gap:12px;font-size:1.18rem;letter-spacing:.025em}.paint-header .brand-logo{width:78px;height:78px}.paint-header .brand small{font-size:.7rem;letter-spacing:.02em;margin-top:9px}.compact-services{font-size:1.12rem}}

.hero .painter-name{font:normal clamp(1.45rem,2.3vw,2.1rem)/1.3 Georgia,serif;margin:0 0 26px;letter-spacing:-.015em}.hero .painter-name em{color:var(--blue)}.hero .title-dot{font-style:normal}@media(max-width:450px){.hero h1{font-size:2.5rem}}

.paint-header .brand{background:transparent;font-weight:800;text-shadow:0 1px 2px rgba(255,255,255,.95)}.paint-header .brand strong{font-weight:900}.paint-header .brand small{font-weight:700}.paint-header .brand-logo{background:#fff;opacity:1;text-shadow:none}

/* Portada más ancha y contacto compacto */
.hero{max-width:1250px}.hero-copy{max-width:900px}.hero h1{max-width:1000px;font-size:clamp(3rem,5.4vw,5.4rem);letter-spacing:-.035em;line-height:1.15}.hero .painter-name{font-size:clamp(1.4rem,2.3vw,2.1rem)}
.contact.section{padding-top:36px;padding-bottom:36px;gap:6vw;align-items:center}.contact h2{font-size:clamp(1.85rem,2.5vw,2.6rem);margin-bottom:12px}.contact .eyebrow{font-size:.75rem;margin-bottom:12px}.contact p{font-size:.95rem;line-height:1.45;margin:10px 0}.contact .white{padding:10px 17px;margin-top:7px;font-size:.9rem}.contact-details{gap:12px}.contact-details>div{padding-bottom:10px}.contact-details span{margin-bottom:4px;font-size:.72rem}.contact-details a{font-size:1.25rem;line-height:1.4}.contact-details .email{font-size:.95rem}.contact-details>div:last-child{border-bottom:0;padding-bottom:0}

@media(max-width:850px){.contact.section{gap:22px;padding-top:30px;padding-bottom:30px}.hero h1{font-size:clamp(2.5rem,5vw,3.8rem)}}
@media(max-width:450px){.hero h1{font-size:2.3rem}.hero .painter-name{font-size:1.4rem}}

/* Franja y espacios reducidos sin recortar la imagen */
.paint-header{height:clamp(130px,11.5vw,200px);padding-top:4px;background-size:100% 100%;position:relative}
.paint-header .brand{padding-top:0;padding-bottom:0}
.hero{padding-bottom:17.5px}.hero .note{margin-bottom:3.5px}
.process.section{padding-top:21.25px;padding-bottom:42.5px}
.contact.section{padding-top:18px;padding-bottom:18px}
@media(max-width:850px){.paint-header{height:122.5px;padding-top:4px;background-size:100% 100%}.hero{padding-bottom:12.5px}.process.section{padding-top:15px;padding-bottom:30px}.contact.section{padding-top:15px;padding-bottom:15px}}
@media(max-width:450px){.paint-header{height:105px;padding-top:4px;background-size:100% 100%}}

/* Restaurar la franja de pintura anterior */
.paint-header{height:clamp(260px,23vw,400px);padding-top:24px;background-size:100% auto}
.paint-header .brand{padding-top:14px;padding-bottom:14px}
@media(max-width:850px){.paint-header{height:245px;padding-top:22px;background-size:auto 360px}}
@media(max-width:450px){.paint-header{height:210px;padding-top:20px;background-size:auto 315px}.paint-header .brand{padding-top:10px;padding-bottom:10px}}