/* Ajuste general para párrafos en Header Home */
.wp-block-cover p {
  font-size: 1.2em; /* Tamaño predeterminado para escritorio */
  line-height: 1.6; /* Espaciado entre líneas para mejorar la legibilidad */
  margin: 10px 0; /* Espaciado entre párrafos */
	padding-right: 100px 
}

/* Ajustes específicos para dispositivos móviles */
@media (max-width: 768px) {
  .wp-block-cover p {
    font-size: 1em; /* Reduce el tamaño de la fuente en móviles */
    line-height: 1.4; /* Ajusta el espaciado entre líneas */
    text-align: center; /* Centra el texto para mejor presentación en pantallas pequeñas */
    padding: 0 10px; /* Agrega un poco de espaciado interno si el texto está cerca del borde */
  }
}
/* Cambiar el fondo del menú a negro absoluto */
.main-navigation {
    background: #000000;
    position: relative;
    width: 100%;
    z-index: 4;
}

/* Cambiar el fondo del pie de página a negro absoluto */
footer {
    background-color: #000000; color: #FFFFFF;
    
}

/* Cambiar el fondo del área de widgets del pie a negro absoluto */
.site-footer-widgets-wrapper {
    background-color: #000000;
    
}

/* Cambiar el fondo de la parte superior del pie de página a negro absoluto */
.site-footer-top-perspective {
    background-color: #000000; color: #FFFFFF;
   
}

/* Cambiar el fondo del pie inferior a negro absoluto */
.site-footer-bottom {
    background-color: #000000; /* Asegura el fondo negro */
    
}

/* Pseudo-elementos (si la diagonal es creada por before/after) */
.site-footer-bottom::before,
.site-footer-bottom::after {
    background-color: #000000; /* Cambia el fondo a negro absoluto */
    content: ""; /* Asegura que los pseudo-elementos no se eliminen */
    display: block; /* Mantiene la forma visual */
}

.site-footer-bottom-perspective-wrapper {
    background-color: #000000 !important; /* Cambia el fondo del contenedor a negro absoluto */
}

.site-footer-bottom-perspective {
    background-color: #000000 !important; /* Cambia el fondo interno a negro absoluto */
    background-image: none !important; /* Elimina cualquier imagen de fondo */
    clip-path: none !important; /* Elimina recortes si hay un clip-path */
    -webkit-mask: none !important; /* Elimina máscaras para navegadores basados en WebKit */
    mask: none !important; /* Elimina máscaras estándar */
}

/* Fondo negro para el contenedor principal del menú */
.site-primary-menu {
    background-color: #000000 !important; /* Fondo negro para el menú */
    border: none; /* Elimina bordes si los hay */
    box-shadow: none; /* Elimina sombras si las hay */
    padding: 10px 0; /* Espaciado interno opcional */
}

/* Fondo negro para cada casilla del menú */
.site-primary-menu .menu-item {
    background-color: #000000 !important; /* Fondo negro para las casillas */
    margin: 0 5px; /* Espaciado entre casillas */
    padding: 10px; /* Ajusta el relleno interno */
    border-radius: 5px; /* Bordes redondeados opcionales */
    display: inline-block; /* Mantiene las casillas en línea */
}

/* Estilo de los enlaces dentro del menú */
.site-primary-menu a {
    color: #FFFFFF !important; /* Texto blanco */
    text-decoration: none; /* Elimina subrayados */
    display: block; /* Asegura que el enlace ocupe todo el área de la casilla */
    padding: 10px 15px; /* Espaciado interno del enlace */
    text-align: center; /* Centra el texto */
}

/* Fondo al pasar el ratón (aplica para pantallas táctiles también) */
.site-primary-menu .menu-item a:hover {
    background-color: #333333; /* Fondo gris oscuro al pasar el ratón */
    color: #FFFFFF !important; /* Texto blanco */
}

/* Alineación del menú */
.site-primary-menu ul {
    display: flex; /* Alinea los elementos horizontalmente */
    justify-content: center; /* Centra el menú */
    align-items: center; /* Centra verticalmente las casillas */
    margin: 0; /* Restablece márgenes */
    padding: 0; /* Restablece rellenos */
    list-style: none; /* Elimina viñetas */
}

/* Asegurar consistencia en móviles */
@media (max-width: 768px) {
    .site-primary-menu {
        background-color: #000000 !important; /* Fondo negro para el menú móvil */
    }

    .site-primary-menu ul {
        display: flex; /* Mantiene las casillas alineadas horizontalmente */
        flex-wrap: wrap; /* Permite que se ajusten si no caben en una línea */
        justify-content: center; /* Centra el menú en móviles */
    }

    .site-primary-menu .menu-item {
        background-color: #000000 !important; /* Fondo negro para las casillas en móviles */
    }

    .site-primary-menu a {
        color: #FFFFFF !important; /* Texto blanco en móviles */
    }
}

.site-hero {
    height: 750px !important; /* Ajusta la altura de la cabecera */
}

/* Asegura que la cabecera se vea igual en móviles */
.site-hero, .site-hero-perspective {
    clip-path: none !important; /* Mantiene la forma rectangular */
    -webkit-clip-path: none !important; /* Compatibilidad con navegadores WebKit */
    height: 750 !important; /* Ajusta la altura automáticamente */
    width: 100% !important; /* Asegura que ocupe todo el ancho */
    background-size: cover !important; /* Escala la imagen para cubrir toda el área */
    background-position: center !important; /* Centra la imagen */
    padding: 0 !important; /* Elimina relleno adicional */
}

/* Asegura consistencia en pantallas más pequeñas */
@media (max-width: 768px) {
    .site-hero, .site-hero-perspective {
        clip-path: none !important; /* Sin recortes */
        height: auto !important; /* Ajusta la altura como en escritorio */
        background-size: cover !important; /* Imagen ajustada al área completa */
        background-position: center !important; /* Imagen centrada */
    }
}


.site-hero-perspective {
    clip-path: none !important; /* Elimina cualquier forma recortada */
    -webkit-clip-path: none !important; /* Compatibilidad con navegadores WebKit */
    mask: none !important; /* Elimina cualquier máscara aplicada */
    -webkit-mask: none !important; /* Compatibilidad con WebKit */
    height: auto !important; /* Ajusta la altura automáticamente */
    background: transparent !important; /* Asegura que no tenga color o imagen extra */


}




/* Fondo negro uniforme para el menú */
.main-navigation {
    background-color: #000000 !important; /* Fondo negro */
    border: none !important; /* Elimina bordes si los hay */
    box-shadow: none !important; /* Elimina cualquier sombra */
    width: 100% !important; /* Asegura que ocupe todo el ancho */
}

/* Asegurar que el menú ocupe toda la página */
.main-navigation ul {
    margin: 0 !important; /* Elimina márgenes */
    padding: 0 !important; /* Elimina relleno */
    width: 100% !important; /* Asegura que ocupe todo el ancho */
}

/* Estilo de los enlaces del menú */
.main-navigation a {
    color: #ffffff !important; /* Texto blanco */
    text-decoration: none; /* Sin subrayados */
    display: inline-block; /* Asegura que los enlaces se comporten como bloques en línea */
}

/* Fondo negro en hover */
.main-navigation a:hover {
    background-color: #333333 !important; /* Fondo gris oscuro al pasar el ratón */
    color: #ffffff !important; /* Texto blanco */
}

.