*{margin:0;padding:0;box-sizing:border-box}
 body{font-family:Arial,sans-serif;background-color:#111;color:#fff;line-height:1.6;padding-top:70px;}

 #mainHeader {position:fixed;top:0;left:0; width:100%;background:#000;display:flex;justify-content:space-between;align-items:center;padding:15px 40px;z-index:1000}

#mainHeader .logo {height: 50px;}
.desktop-nav ul {display: flex;list-style: none;gap: 25px;}
.desktop-nav ul li a {color: white;text-decoration: none;font-weight: 600;transition: .3s;}
.desktop-nav ul li a:hover {color: #ff3b3f;}

.hamburger {width: 35px;height: 25px;display: none;flex-direction: column;justify-content: space-between;cursor: pointer;z-index: 3100;}
.hamburger span {height: 4px;width: 100%;background: white;border-radius: 4px;transition: all 0.4s ease;}
.hamburger.active span:nth-child(1) {transform: rotate(45deg) translateY(10px);}
.hamburger.active span:nth-child(2) {opacity: 0;}
.hamburger.active span:nth-child(3) {transform: rotate(-45deg) translateY(-10px);}

.mobile-menu {position: fixed;top: 0;right: -100%;width: 70%;height: 100vh;background: #1b1b1b;display: flex;flex-direction: column;padding-top: 120px;gap: 25px;transition: right 0.4s ease;padding-left: 30px;}
.mobile-menu a {color: white;font-size: 1.2rem;text-decoration: none;font-weight: 600;}
.mobile-menu.show {right: 0;}

@media (max-width: 992px) {
.desktop-nav { display: none;}
.hamburger {display: flex;}}

 header nav a{color:white;margin-left:20px;text-decoration:none;transition:color .3s}
 header nav a:hover{color:#e10600}

 .logo-box{background-color:white;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:10px;box-shadow:0 2px 6px rgba(0,0,0,.15)}.logo{height:70px;width:auto}.hero{height:90vh;background:url("Images/Llantera/Images/auto.jpg") center/cover no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:white}
 .hero h1{font-size:4rem;background:rgba(0,0,0,.6);padding:10px 20px;border-radius:10px}
 .hero p{margin-top:15px;font-size:2.5rem; background:rgba(0, 0, 0, 0.5);padding:8px 15px;border-radius:8px}
 #servicios{padding:50px 20px;background:#222;text-align:center}
 .grid-servicios{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}
 .card{background:#333;padding:20px;border-radius:10px;transition:transform .3s}
 .card:hover{transform:translateY(-5px)}
 .card i{font-size:40px;color:#e10600;margin-bottom:15px}
 .nosotros{display:flex;align-items:center;justify-content:space-between;padding:50px 20px;gap:30px;flex-wrap:wrap}
 .nosotros-texto{flex:1;min-width:300px}.nosotros-img{flex:1;display:flex;justify-content:center;align-items:center}
 .nosotros-img img{max-width:90%;height:auto;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.2)}
 .nosotros-texto h2{font-size:2.5rem;margin-bottom:20px;color:#c40000}
 .nosotros-texto p{font-size:1.6rem;line-height:1.8;color:#e7e7e7}
 .contacto{padding:50px 20px;background:#111;text-align:center}
 .btn-whatsapp{display:inline-block;margin-top:15px;padding:10px 20px;background:#e10600;color:white;text-decoration:none;border-radius:5px;transition:background .3s}
 .btn-whatsapp:hover{background:#b00000}
 
 .auruzne-logo{margin-bottom:30px}
 .auruzne-logo img{max-width:500px;width:100%;display:block;margin:0 auto}
 .auruzne-section{padding:60px 20px;background-color:#111;color:white;text-align:center}
 .auruzne-section p{font-size:1.1rem;margin-bottom:40px;color:#ccc}
 .auruzne-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:1100px;margin:0 auto}
 .gallery-itemauruz{overflow:hidden;border-radius:12px;border:2px solid #e60000;transition:transform .3s}
 .gallery-itemauruz img{width:100%;display:block;transition:transform .3s}
 .gallery-itemauruz:hover img{transform:scale(1.05)}

 .reizeer-logo{margin-bottom:30px}
 .reizeer-logo img{max-width:500px;width:100%;display:block;margin:0 auto}
 .reizeer-section{padding:60px 20px;background-color:#111;color:white;text-align:center}
 .reizeer-section p{font-size:1.1rem;margin-bottom:40px;color:#ccc}
 .reizeer-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:1100px;margin:0 auto}
 .gallery-item{overflow:hidden;border-radius:12px;border:2px solid #e60000;transition:transform .3s}
 .gallery-item img{width:100%;display:block;transition:transform .3s}
 .gallery-item:hover img{transform:scale(1.05)}

 .speedmax-logo{margin-bottom:30px}
 .speedmax-logo img{max-width:500px;width:100%;display:block;margin:0 auto}
 .speedmax-section{padding:60px 20px;background-color:#111;color:white;text-align:center}
 .speedmax-section p{font-size:1.1rem;margin-bottom:40px;color:#ccc}
 .speedmax-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:1100px;margin:0 auto}
 .gallery-itemspeed{overflow:hidden;border-radius:12px;border:2px solid #580081;transition:transform .3s}
 .gallery-itemspeed img{width:100%;display:block;transition:transform .3s}
 .gallery-itemspeed:hover img{transform:scale(1.05)}


 .map-section{padding:2em 1em;background-color:#272727;text-align:center}
 .map-section h3{font-size:2em;color:#f0f0f0;margin-bottom:1.5em}
 .map-container{height:400px;max-width:1200px;margin:0 auto;border-radius:1em;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1)}
 .map-container iframe{width:100%;height:100%;border:0}

 footer {
    width: 100vw !important;
    margin: 0;
    padding: 15px;
    background-color: #000;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: auto;
}
 
 /* --- FIX GLOBAL PARA EVITAR DESBORDES EN MÓVIL --- */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

/* --- REDUCIR HEADER EN MÓVIL --- */
@media (max-width: 768px) {
  #mainHeader {
    padding: 10px 15px;
  }

  #mainHeader .logo {
    height: 40px !important;
  }

  .logo-box {
    padding: 4px;
  }
}

/* --- MEJORAR HAMBURGUER MENU --- */
@media (max-width: 768px) {
  .mobile-menu {
    padding-top: 80px !important; /* antes 120px, demasiado */
    width: 75%;
  }
}

/* --- AJUSTES HERO --- */
@media (max-width: 768px) {
  .hero {
    height: 75vh;
    padding: 0 10px;
  }

  .hero h1 {
    font-size: 2.2rem !important;
  }

  .hero p {
    font-size: 1.2rem !important;
  }
}

/* --- RESTRICCIÓN DE IMÁGENES EN SECCIONES --- */
@media (max-width: 768px) {
  .auruzne-logo img,
  .reizeer-logo img,
  .speedmax-logo img {
    max-width: 250px !important;
  }
}

/* --- ARREGLAR FOOTER QUE ROMPE EL ANCHO --- */
footer {
  width: 100% !important;
  margin: 0;
  left: 0 !important;
  right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

 @media (max-width:768px)
 {
 .hero h1{font-size:2rem;padding:8px 15px}
 .hero p{font-size:1rem}
 .nosotros{flex-direction:column;text-align:center;padding:30px 15px}
 .nosotros-texto h2{font-size:2rem}
 .nosotros-texto p{font-size:1.2rem}
 .auruzne-logo img,
 .reizeer-logo img{max-width:300px}
 .map-container{height:300px}}

 @media (max-width:480px)
 {
 .hero{height:70vh;padding:0 10px}
 .hero h1{font-size:1.6rem}
 .hero p{font-size:.95rem}
 #servicios{padding:30px 10px}
 .card{padding:15px}
 .card i{font-size:30px}
 .nosotros-texto p{font-size:1rem}
 .auruzne-section p,.reizeer-section p{font-size:1rem}
 .map-section h3{font-size:1.4rem}
 footer{max-width: 100%; font-size:.8rem;padding:10px}}