:root{--orange:#f47c00;--dark:#0d0f11;--dark2:#181b1e;--light:#f6f6f6;--gray:#666;--max:1180px}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#181818;background:#fff;line-height:1.5}
a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
header{background:var(--dark);position:sticky;top:0;z-index:20;border-bottom:1px solid #2a2a2a}
.header{height:82px;display:flex;align-items:center;gap:28px}.logo{width:300px}.nav{margin-left:auto;display:flex;gap:26px;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase}
.nav a:hover,.nav .active{color:var(--orange)}.btn{display:inline-block;background:var(--orange);padding:13px 18px;border-radius:6px;font-weight:800;text-transform:uppercase;font-size:13px}
.hero{min-height:620px;display:flex;align-items:center;color:#fff;background:
linear-gradient(90deg,rgba(5,7,8,.96),rgba(5,7,8,.76),rgba(5,7,8,.22)),
url('../img/portada.jpg') center/cover}
.hero-copy{max-width:660px}.eyebrow{color:var(--orange);font-weight:800;letter-spacing:.25em;text-transform:uppercase;font-size:12px}
h1{font-size:clamp(42px,6vw,76px);line-height:.96;margin:12px 0 18px}
h2{font-size:clamp(32px,4vw,50px);line-height:1.05;margin:10px 0 20px}
.orange{color:var(--orange)}.hero p{font-size:18px;color:#e2e2e2;max-width:600px}
.section{padding:72px 0}.alt{background:#f7f7f7}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.card{background:#111;color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.photo{height:240px;background-size:cover;background-position:center}
.card-body{padding:22px}.card h3{font-size:22px;margin:0 0 10px}.card p{color:#c8c8c8}.more{color:var(--orange);font-weight:800;font-size:13px;text-transform:uppercase}
.about{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center}.features{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.feature{padding:22px;border:1px solid #eee;border-radius:8px;background:#fff}.feature b{display:block;margin-bottom:6px}.feature span{color:#666;font-size:14px}
.cta{background:linear-gradient(90deg,#0c0f12,#1c2024);color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{max-width:760px}
.page-hero{min-height:310px;display:flex;align-items:end;color:#fff;background:
linear-gradient(90deg,rgba(5,7,8,.95),rgba(5,7,8,.42)),url('../img/portada.jpg') center/cover}
.page-hero .container{padding-bottom:45px}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px}.box{background:#fafafa;border:1px solid #e7e7e7;padding:26px;border-radius:10px}
.row{margin:18px 0}.row b{display:block}.row span{color:#666}
form{display:grid;gap:14px}input,select,textarea{padding:14px;border:1px solid #d9d9d9;border-radius:6px;font:inherit}textarea{min-height:130px}
.notice{font-size:13px;color:#777}
footer{background:#0d0f11;color:#fff;padding:42px 0 18px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}.footer-logo{width:280px}.footer-grid p,.footer-grid a{color:#bdbdbd;font-size:14px}.foot-title{color:var(--orange);font-size:12px;font-weight:800;text-transform:uppercase}.bottom{margin-top:28px;padding-top:16px;border-top:1px solid #2c2c2c;color:#777;font-size:12px}
.menu{display:none;background:none;border:0;color:#fff;font-size:25px;margin-left:auto}
@media(max-width:900px){
.nav{display:none;position:absolute;top:82px;left:0;right:0;background:#0d0f11;padding:20px;flex-direction:column}.nav.open{display:flex}.menu{display:block}.header>.btn{display:none}
.cards{grid-template-columns:1fr}.about,.contact{grid-template-columns:1fr}.features{grid-template-columns:1fr}.cta-inner{display:block}.footer-grid{grid-template-columns:1fr}.logo{width:245px}}
.services-mini-list {
  list-style: none;
  padding: 0;
  margin: 18px 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px 24px;
}

.services-mini-list li {
  position: relative;
  padding-left: 18px;
  font-size: 15px;
  line-height: 1.4;
  color: #222;
}

.services-mini-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 7px;
  height: 7px;
  background: #f57c00;
  border-radius: 2px;
}

@media (max-width: 700px) {
  .services-mini-list {
    grid-template-columns: 1fr;
  }
}