/* =======================
   MENÚ PC ESTILO FINAL
======================= */
@media (min-width: 1024px) {
.social-item {
      font-size: 24px;
    }

 header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  /* Ocultar hamburguesa */
  .hamburger {
    display: none;
  }


  #menu.active {
    right: auto;
  }

  /* Overlay y cerrar no aplican */
  #menuOverlay,
  .menu-close {
    display: none !important;
  }

/* Menú principal */
  #menu {
    position: static;
    width: auto;
    height: auto;
    transform: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    padding: 0;
  }

  /* Lista del menú */
  #menu ul {
    display: flex;
    flex-direction: row;
    gap: 30px;
  }

  #menu ul li {
    opacity: 1;
    transform: none;
    animation: none;
    margin: 0;
  }

  /* Links generales */
  #menu ul li a {
    font-size: 16px;
    font-weight: bold;        /* 👈 bold */
    color: #000;              /* 👈 negro */
    text-transform: uppercase;
    padding: 6px 0;
    position: relative;
    text-decoration: none;
  }

  /* Hover subrayado animado */
  #menu ul li a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 2px;
    background: #000;
    transition: width 0.3s ease;
  }

  #menu ul li a:hover::after,
  #menu ul li a.active::after {
    width: 100%;
  }

  /* ===== BOTÓN CONTACTANOS ===== */
  #menu ul li a[href="#contacto"] {
    background: #F7931E; /* naranja */
    color: #fff;
    padding: 10px 18px;
    border-radius: 25px;
  }

  /* Quitar subrayado del botón */
  #menu ul li a[href="#contacto"]::after {
    display: none;
  }

  #menu ul li a[href="#contacto"]:hover {
    background: #e67e00;
  }

  /* ===== SEPARADOR VISUAL ===== */
  .logo {
    position: relative;
    padding-right: 30px;
    margin-right: 30px;
  }

  .logo img {
    width: 250px;
  }

    .carousel-slide img {
	      height: 60vh;          /* altura tipo banner */
	  }

	   /* Más ancho para mostrar 3 */
	  .cafe-wrapper {
	    max-width: 800px;
	  }

	  /* Cada slide ocupa 1/3 */
	  .cafe-slide {
	    min-width: 48%;
	    margin: 0 10px; /* separación entre productos */
	    transition: transform 0.4s ease;
	  }

	  .cafe-slide:hover {
		  transform: translateY(-8px) scale(1.02);
	  }

	  .cafe-slide img {
	    height: 420px;
	    border-radius: 20px;
	    transition: transform 0.4s ease;
	  }

	  .cafe-slide:hover img {
	    transform: scale(1.05);
	  }

	  /* Flechas más afuera */
	  .cafe-arrow.left {
	    left: -80px;
	  }

	  .cafe-arrow.right {
	    right: -80px;
	  }

	  /* Flechas desactivadas */
	  .cafe-arrow.disabled {
		opacity: 0.3;
		pointer-events: none;
	  }

    #promociones {
      padding: 24px 0px;
      text-align: center;
    }

    .promo-row img {
      width: 93%;
      transition: transform 0.6s ease;
    }

    .promo-row:hover img {
      transform: scale(1.08);
    }

  .jugos-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    max-width: 1200px;
    margin: auto;
    align-items: center;
  }

  .jugos-image {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .jugos-image img {
    max-width: 100%;
    max-height: 520px;
    object-fit: cover;
    border-radius: 18px;
  }

  /* Acordeón más compacto */
  .jugos-accordion {
    max-width: 100%;
  }

  /* Ocultar grid */
  .bebidas-grid {
    display: none;
  }

  /* Mostrar texto en una fila */
  .bebidas-lista {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #2b2b2b;
    text-align: center;
    letter-spacing: 1px;
    white-space: nowrap;
    padding: 20px 0px;
  }

  #bebidas {
    background-color: #F4F1EA;;
    padding: 0px;
  }

  .bebidas-grid-title {
    display: none;
  }

  #contacto {
    padding: 60px 40px;
  }

  .contacto-brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .contacto-datos {
    text-align: right;
    font-size: 20px;
  }

  .telefono {
    margin-bottom: 10px;
  }

  .copyright {
    font-size: 14px;
    margin-top: 10px;
    color: #555;
  }

  .contacto-layout {
      display: flex;
      flex-direction: column;
      gap: 40px;
      max-width: 1200px;
      margin: auto;
    }

  .contacto-mapa {
    width: 95%;
    margin: 0 auto; /* centrar */
  }

  /* CONTENIDO DE CONTACTO EN 2 COLUMNAS */
  .contacto-info-datos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }

  .contacto-info {
    text-align: left;
  }

  .contacto-direccion {
    font-size: 24px;
  }

  #cocktel {
    overflow: visible !important;
    position: relative;
    margin: 80px 0px;
  }

  #cocktel img {
    width: 100%;
    position: relative;
  }

  .cocktel-ingredientes {
    position: absolute;
    bottom: 50px;
    right: 200px;
    background-color: transparent;
  }
}