@charset "utf-8";
/* CSS Document */
/* =======================================================
   SECCIÓN ESPECIALIDADES
   ======================================================= */
/* CONTENEDOR ANCHO COMPLETO */
.wrap-especialidades-full {
    width: 100%;
    background-color: #120a07; /* Un tono café muy oscuro, casi negro */
    background-image: url('https://www.transparenttextures.com/patterns/dark-wood.png'); /* Reutilizamos tu textura */
    padding: 60px 0; /* Espacio arriba y abajo de la franja */
    border-top: 1px solid rgba(212, 175, 55, 0.2);
    border-bottom: 1px solid rgba(212, 175, 55, 0.2);
}
.wrap-especialidades-full {
    scroll-margin-top: 80px; /* Evita que el header tape el inicio */
}
/* SECCIÓN INTERNA (Centrada) */
.seccion-especialidades {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}
.seccion-especialidades p {
    font-family: 'Montserrat', sans-serif; /* Aseguramos la misma fuente que en el resto del sitio */
    font-size: 1rem;            /* Tamaño estándar similar al de la sección de contacto */
    line-height: 1.6;           /* Mejoramos el espacio entre líneas para legibilidad */
    max-width: 800px;           /* Evitamos que el texto se estire demasiado en pantallas anchas */
    margin: 0 auto 2rem;        /* Centramos el bloque de texto */
    color: #e5e5e5;             /* Un gris claro que armoniza con el fondo stone-900 */
    text-align: center;         /* Mantiene la estética centrada de los títulos */
}
.titulo-seccion {
    font-family: 'Cinzel', serif;
    font-size: 2.2rem;
    letter-spacing: 5px;
    margin-bottom: 40px;
	margin-top: 40px;
}

.grid-especialidades {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

.item-especialidad {
    flex: 1;
    min-width: 300px;
    max-width: 520px;
}

/* CONTENEDOR DE VIDEO 16:9 */
.video-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* Relación 16:9 */
    overflow: hidden;
    border-radius: 20px;
    border: 6px solid #ffffff; /* Borde blanco Apple style */
    box-shadow: 0 15px 35px rgba(0,0,0,0.5);
    transition: all 0.4s ease;
    background: #000; /* Fondo negro mientras carga el video */
}

.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.8);
    transition: 0.5s ease;
}

/* EFECTOS HOVER */
.video-container:hover {
    transform: scale(1.02);
    border-color: #d4af37; /* El borde blanco pasa a dorado */
}

.video-container:hover video {
    filter: brightness(1.1);
}

/* TÍTULO QUE APARECE */
.titulo-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: 0.4s ease;
    z-index: 2;
}
/* Ajuste de los títulos internos (HAMBURGUESAS / CACHOPOS) */
.titulo-video h3 {
    font-family: 'Cinzel', serif; /* Fuente elegante usada en el branding */
    font-size: 1.2rem;            /* Tamaño contenido pero destacado */
    letter-spacing: 2px;
    margin: 0;
}
.video-container:hover .titulo-video {
    opacity: 1;
}



/* RESPONSIVE */
@media (max-width: 768px) {
    .wrap-especialidades-full {
        padding: 40px 0;
    }
    .item-especialidad {
        max-width: 100%;
    }
    .titulo-video h3 {
        font-size: 1.5rem;
    }
}