@import url('https://fonts.googleapis.com/css2?family=Carter+One&display=swap');
        body {
            background-color: #FFFFFF; /* Fondo negro absoluto */
            color: #d63c32; /* Color dorado/bronce del texto */
            font-family: "Carter One", system-ui;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        /* Contenedor del anuncio "Próximamente" */
        .coming-soon-box {
            background-color:#d63c32;
            border-radius: 50px; /* Bordes muy redondeados como el diseño */
            padding: 15px 30px;
            max-width: 900px;
            margin: 0 auto;
            font-size: 1.8rem;
            font-weight: 300;
            color: white;
        }
        .coming-soon-box span {

            font-size: 1.3rem;
        }
        .coming-soon-box-2 {
            padding: 15px 30px;
            margin: 80px auto 20px;
            font-size: 1.8rem;
            font-weight: 300;
            color: black;
            border-top: 2px solid #d63c32;
        }
        .coming-soon-box-2 a {
            color: black;
            text-decoration: none;
        }
        .coming-soon-box-2 a:hover {
            color: black;
            text-decoration: underline;
        }
        .coming-soon-box-2 span {
            color: #d63c32;
        }
        /* Estilo para las imágenes con bordes redondeados y marcos */
        .food-card {
            border: 4px solid #d63c32;
            border-radius: 40px; /* Esquinas curvas pronunciadas */
            overflow: hidden; /* Mantiene la imagen dentro del borde redondeado */
        }
        .food-img {
            width: 100%;
            height: 300px;
            object-fit: cover; /* Evita que la imagen se deforme */
            display: block;
        }

        /* Color del subtítulo "Banquetería" */
        .subtitle {
            font-size: 0.9rem;
            letter-spacing: 4px;
            text-transform: uppercase;
            opacity: 0.8;
        }
.medios{
    width: 400px;
}

/* ==========================================================================
   ESTILOS PARA PANTALLAS GRANDES (ESCRITORIO)
   ========================================================================== */
.whatsapp-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;

  background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
  color: #ffffff;
  
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 14px;
  font-size: 19px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 20px!important;
  
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.whatsapp-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
   color: #ffffff;
   text-decoration: none;
}
.whatsapp-btn:focus {
   color: #ffffff;
}

/* ==========================================================================
   OPTIMIZACIÓN PARA MÓVILES (Pantallas de 768px o menos)
   ========================================================================== */
@media (max-width: 768px) {
  .whatsapp-btn {
    bottom: 12px;       /* Más pegado a la esquina inferior */
    right: 12px;        /* Más pegado a la esquina derecha */
    padding: 5px 10px; /* Margen interno más pequeño */
    font-size: 15px;    /* Texto un poco más chico */
    gap: 8px;           /* Menos separación entre icono y texto */
  }

}
a:focus, a:active {
    outline: none !important;
    box-shadow: none !important;
}
        .logo{
            width: 300px;
        }

        @media (max-width:767px){
                   .logo{
            width: 250px;
        } 
                .coming-soon-box-2 {
            font-size: 1rem;
        }
        }