body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
 }
 
 
 h1 {
    text-align: center;
 }
 
 
 .coches-mercedes {
    display: flex;
    justify-content: center;
    margin-top: 10px;
 }
 .coches-mercedes1 {
  justify-content: center;
  margin-top: 10px;
}
 
 .coche-card {
    width: 300px;
    padding: 20px;
    margin: 5px;
    border: 1px solid #f00;
    border-radius: 5px;
    text-align: center;
 }
 
 
 .coche-card img {
    width: 100%;
    width: 100%;
    transform: scale(1);
    height: 150px;
    object-fit: cover;
    border-radius: 10px;
 }
 

 
 .coche-card h2 {
    margin-top: 10px;
 }
 
 
 .coche-card p {
    margin-top: 5px;
    font-size: 14px;
 }
 
 
 .logo {
    position: absolute;
    top: 0;
    left: 25px;
    margin: -30px;
    width: 200px;
    height: 200px;
 }
 

 
/* Estilo para el botón */
.dropdown {
    left: 500px;
    position:relative;
    display: inline-flex;
    cursor: pointer;
    bottom: -15px;
    padding: 10px 25px;
    font-size: 16px;
    color: rgb(0, 0, 0);
    text-decoration: none;
}

/* Estilo para el contenido desplegable */
.dropdown-content {
    padding: auto;
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    padding: 5px;
}

/* Estilo para los enlaces dentro del contenido desplegable */
.dropdown-content a {
    display: block;
    padding: 1px;
    color: #333;
    text-decoration: none;
}

/* Mostrar el contenido desplegable al hacer hover en el botón */
.dropdown:hover .dropdown-content {
    display: block;
}
 
.imagen-logomercedes{
    display: flex;
    justify-content: center;
    height: 100px;

}

.contenedor-360 {
   width: 300px; /* Ajusta el tamaño del contenedor según tus necesidades */
   height: 240px; /* Ajusta el tamaño del contenedor según tus necesidades */
   perspective: 50px;
   bottom: auto;
   position: relative; /* Agregamos posición relativa para que los elementos internos sean posicionados relativamente a este contenedor */
 }

 .imagen-1, .imagen-2 {
   width: 100%; /* Ajusta el tamaño de las imágenes al 100% del contenedor */
   height: 100%; /* Ajusta el tamaño de las imágenes al 100% del contenedor */
   position: absolute; /* Agregamos posición absoluta para que las imágenes se superpongan */
   top: 0; /* Alineamos las imágenes en la parte superior del contenedor */
   left: 0; /* Alineamos las imágenes en la parte izquierda del contenedor */

 }
 
 .imagen-2 {
   opacity: 0; /* Inicialmente ocultamos la imagen 2 con opacidad 0 */
 }
 

 .contenedor-360:hover .imagen-2 {
   opacity: 1; /* Mostramos la imagen 2 con opacidad 1 cuando se pasa el cursor por encima del contenedor */
 }
 
 /* Efecto de agarre cuando se presiona el clic del mouse */
 .contenedor-360:active .imagen-1,
 .contenedor-360:active .imagen-2 {
   cursor: grabbing; /* Cambiamos el cursor a una mano abierta */
 }

 


 .prev,
 .next {
   position: absolute;
   top: 50%;
   width: auto;
   padding: 16px;
   background-color: #ff0000;
   color: rgb(0, 0, 0);
   font-size: 24px;
   font-weight: bold;
   cursor: pointer;
 }
 
 .prev {
   left: 0;
 }
 
 .next {
   right: 0;
 }
 
 .botones {
  display: flex;
  justify-content: center;
  margin-top: 20%;
  margin-left: 55%;
}

button {
  background-color: #4CAF50;
  color: rgb(0, 0, 0);
  padding: 10px 20px;
  text-align: center;
  font-size: 16px;
  margin: 2px 5px;
  margin-top: 100px;
}

#comprar {
  background-color: #4CAF50;
}

#alquilar {
  background-color: #008CBA;
}

.dropdown a{
  text-decoration: none;
  color: black;
  padding-left: 40px;
}

body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}


.photos-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 40px;
}

.photos-container img {
  width: 25%;
  margin: 35px;
  border: 2px solid #ff0000;
  margin-top: 16px;
  margin-right: 100px;
  margin-bottom: 80px;
}


.contenedor {
  max-width: 960px;
  margin: 0 auto;
  padding: 0px;
}

.photos-servicio {
  display: flex;
  justify-content: center;
  align-items: center;
}

.photo {
  text-align: center;
  margin: 100px;
}

.photo h2 {
  margin-top: 0;
  padding-top: 50px;
}

.photo img {
  max-height: 400px;

}