*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:#082a42;background:#fff}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}header{height:82px;padding:0 4.5%;display:flex;align-items:center;gap:34px;position:sticky;top:0;background:#fff;z-index:20;box-shadow:0 1px 10px #0001}.brand{margin-right:auto}.brand b{display:block;font-size:25px}.brand i,.heading em{font-style:normal;color:#f2bd00}.brand small{font-size:9px}.headContact{display:flex;gap:16px;align-items:center;font-weight:800}.wa,.primary{background:#f5c400;color:#092941;padding:13px 19px;border-radius:6px;border:0;font-weight:800}.hero{height:610px;background:url("images/hero-pintura-profesional.jpg") center/cover no-repeat;position:relative;display:flex;align-items:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#071a2cdd 0%,#071a2c99 35%,transparent 70%)}.heroCopy{position:relative;color:#fff;width:650px;margin-left:5.5%}.heroCopy>span,.heading>span,.about span,.contact span,.panel>span{font-size:11px;letter-spacing:2.5px;font-weight:900}.hero h1{font-size:58px;line-height:1.02;margin:12px 0}.hero h1 em{font-style:normal;color:#ffd000}.hero p{font-size:19px;line-height:1.5;max-width:590px}.heroTrust{display:flex;gap:30px;margin-top:35px;font-size:12px}.services{padding:75px 5%}.heading{max-width:850px;margin-bottom:36px}.heading h2{font-size:40px;margin:8px 0}.heading p{color:#637582}.serviceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.serviceGrid article{border-radius:7px;overflow:hidden;background:#082f4a;color:#fff}.serviceGrid img{width:100%;height:220px;object-fit:cover}.serviceGrid article div{padding:23px}.serviceGrid h3{font-size:22px}.serviceGrid li{margin:9px 0;color:#e4edf2}.works{background:#08273b;padding:75px 5%}.inverse{color:#fff}.inverse p{color:#c5d2d9}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gallery figure{margin:0;background:#fff;border-radius:5px;overflow:hidden}.gallery img{width:100%;height:280px;object-fit:cover}.gallery figcaption{padding:15px;font-weight:800}.audience{padding:35px 5%;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;background:#f1f5f7}.audience b,.audience small{display:block}.audience small{margin-top:5px;color:#60727d}.about{padding:80px 8%;display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#0b3550;color:#fff}.about h2,.contact h2{font-size:40px;margin:10px 0}.about p{line-height:1.7;color:#dce7ec}.ticks{display:flex;flex-direction:column;gap:16px;justify-content:center}.ticks b{color:#fff}.ticks b::first-letter{color:#ffd000}.contact{padding:60px 8%;display:flex;justify-content:space-between;align-items:center;background:#f4f6f7}.contact p{color:#637582}footer{padding:42px 6%;background:#062338;color:#fff;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;line-height:2}.foot{margin:0}.modal{display:none;position:fixed;inset:0;background:#061b2abf;z-index:50;padding:25px;align-items:center;justify-content:center}.modal.show{display:flex}.panel{width:min(620px,100%);max-height:94vh;overflow:auto;background:#fff;padding:34px;border-radius:10px;position:relative;box-shadow:0 20px 70px #0006}.panel h2{margin:8px 0 20px}.close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:30px}.panel label{display:block;font-size:12px;font-weight:800;margin:13px 0}.panel input,.panel select,.panel textarea{width:100%;margin-top:6px;border:1px solid #ccd5da;border-radius:5px;padding:12px;font:inherit}.sendRow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.big{border:0;font:inherit;background:#20a65a;color:#fff}.note{font-size:11px;color:#71818b;line-height:1.5}.waFloat{position:fixed;right:22px;bottom:22px;z-index:30;background:#20a65a;color:#fff;padding:14px 19px;border-radius:999px;font-weight:900;box-shadow:0 8px 24px #0004}@media(max-width:900px){nav{display:none}.headContact>a:first-child{display:none}.hero{height:580px}.heroCopy{margin:0 25px}.hero h1{font-size:44px}.heroTrust{flex-direction:column;gap:8px}.serviceGrid,.gallery,.audience{grid-template-columns:1fr}.about{grid-template-columns:1fr}.contact{align-items:flex-start;gap:25px;flex-direction:column}footer{grid-template-columns:1fr}.sendRow{grid-template-columns:1fr}}
nav{display:flex;align-items:center;gap:44px;margin:0 34px}
nav a{display:inline-block;white-space:nowrap;font-size:14px;font-weight:700;padding:30px 2px 27px;position:relative}
nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:19px;height:3px;background:#f5c400;border-radius:3px}
.about{padding-top:95px;padding-bottom:95px}
.about p{font-size:16px}
.experienceBox{background:#fff;color:#082a42;border-radius:10px;padding:34px 38px;box-shadow:0 15px 45px #00131f55}
.experienceBox>strong{display:block;font-size:82px;line-height:.9;color:#f5c400}
.experienceBox>span{display:block;font-size:14px;font-weight:900;letter-spacing:2px;margin:10px 0 24px}
.experienceBox hr{border:0;border-top:1px solid #d9e1e5;margin:20px 0}
.experienceBox>p{color:#60727d}
.experienceBox .ticks{margin-top:24px;gap:11px}
.experienceBox .ticks b{color:#082a42}
.contactAddress{font-weight:800;color:#082a42!important}
.address{line-height:1.45;display:inline-block;margin-top:7px}
@media(max-width:1100px){nav{gap:25px;margin:0 15px}.headContact .wa{display:none}}
@media(max-width:900px){nav{display:none}.experienceBox>strong{font-size:65px}}
