/*
Theme Name: Urantiacos contekner
Theme URI: 
Author: Urantiacos SpA
Author URI: 
Description: Tema desarrollado y personalizado para Contekner
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: spectra-one
Text Domain: urantiacos-contekner
Tags: 
*/

.color-primary {
    color: #224F8F !important;
}
.background-primary {
    background-color: #224F8F !important;
}
.color-secondary {
    color: #C51E43 !important;
}
.background-secondary {
    background-color: #C51E43 !important;
}


.main-nav .wp-block-navigation-item {
    padding: 8px 16px !important;
    border-radius: 26px !important;
}
.main-nav .wp-block-navigation-item:hover {
    background-color: #C51E43 !important;
    color: #ffffff !important;
}

.main-nav .wp-block-navigation-item.current-menu-item, .main-nav .wp-block-navigation-item.current-menu-ancestor {
    background-color: #224F8F !important;
    color: #ffffff !important;
}
.sistema-tatc-btn{
    color: #224F8F !important;
}

.main-nav .wp-block-navigation-submenu .wp-block-navigation-item {
    background-color: #ffffff !important;
    color: #224F8F !important;
    padding: 0 !important;
}
.main-nav .wp-block-navigation-submenu .wp-block-navigation-item:hover {
    background-color: #ffffff !important;
    color: #C51E43 !important;
}
.main-nav .wp-block-navigation-submenu.current-menu-item:hover {
    color: #fff !important;
}

.main-nav ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu{
    width: 260px !important;
    padding: 0 !important;
    border: 1px solid #f5f5f5 !important;
    border-end-end-radius: 8px !important;
    border-end-start-radius: 8px !important;
}

@media (min-width: 600px) and (max-width: 1130px) {
    /* 1. Forzar que el botón de hamburguesa (abrir) sea visible */
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex !important;
    }
    /* 2. Ocultar la lista de menú de escritorio (cuando el menú no está abierto) */
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none !important;
    }
}

@media (max-width: 1130px) {
  .main-nav 
  .wp-block-navigation__responsive-container-content {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  .main-nav 
  .wp-block-navigation__container {
    align-items: flex-start !important;
  }
}



@media (max-width: 1130px) {

  /* Alinear menú móvil a la izquierda */
  .main-nav .wp-block-navigation__responsive-container-content {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  .main-nav .wp-block-navigation__container {
    align-items: flex-start !important;
  }

  /* Submenús cerrados por defecto */
  .main-nav .wp-block-navigation__submenu-container {
    display: none !important;
    position: static !important;
    width: 100% !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* Submenú abierto solo si el padre está activo */
  .main-nav 
  .wp-block-navigation-item.has-child.is-open
  > .wp-block-navigation__submenu-container {
    display: block !important;
  }

  /* Sangría visual */
  .main-nav 
  .wp-block-navigation__submenu-container 
  .wp-block-navigation-item {
    padding-left: 24px !important;
  }
}



/* Estilo para el título principal con dos colores */
/* Selecciona el primer span (Primera palabra) */
.titulo-principal span:nth-child(1) {
  color: #181A20; 
}

/* Selecciona el segundo span (Segunda palabra) */
.titulo-principal span:nth-child(2) {
  color: #C51E43; 
}

/* Acordeones WP */
.wp-block-accordion-item.is-layout-flow.wp-block-accordion-item-is-layout-flow {
    padding: 20px;
    border: 1px solid #e7e6e6;
    box-shadow: 0 6px 7px -1px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
}


.lzb-breadcrumbs-container {
    font-size: 16px;
    color: #666;
}

.lzb-breadcrumb-link {
    text-decoration: none;
    color: #333333;
    transition: color 0.2s ease;
}

.lzb-breadcrumb-link:hover {
    color: #224F8F;
    text-decoration: none;
}

.lzb-breadcrumb-sep {
    margin: 0 8px;
    font-weight: 300;
    font-size: 16px;
}

.lzb-breadcrumb-current {
    font-weight: 600;
    color: #224F8F;
}


iframe {
    border: none !important;
}