/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
/* ==========================================================================
   1. SECCIÓN SHOWCASE Y ESTRUCTURA GENERAL
   ========================================================================== */
#showcase, section#g-showcase, #g-showcase {
  margin: 0 !important;
  padding: 0 !important;
}
#g-showcase .g-container, #g-showcase .g-grid, #g-showcase .g-block {
  margin: 0 !important;
  padding: 0 !important;
}
#g-showcase * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* Espaciados de grilla */
.g-grid > .g-block > .g-content {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
div.g-block.size-50.center, div.g-block.size-60.center {
  text-align: left !important;
}
/* ==========================================================================
   2. NAVEGACIÓN, MENÚS Y DROPDOWNS
   ========================================================================== */
#g-navigation .g-menu-item.active > .g-menu-item-container, #g-navigation .g-menu-item.current > .g-menu-item-container {
  background: #000 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
}
span.g-menu-parent-indicator::after {
  display: none !important;
  content: none !important;
}
.g-main-nav .g-dropdown {
  background: rgba(0, 0, 0, 0.9) !important;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
/* Hover Nivel 1 */
.g-main-nav .g-toplevel > li:hover, .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .g-main-nav .g-toplevel > li:hover > a.g-menu-item-container {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
/* Indicador inferior rojo en hover */
.g-main-nav .g-toplevel > li > .g-menu-item-container {
  position: relative;
}
.g-main-nav .g-toplevel > li:hover > .g-menu-item-container::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #F00;
}
/* Colores Dropdown */
.g-main-nav .g-dropdown a, .g-main-nav .g-dropdown .g-menu-item-container {
  color: #d0d0d0 !important;
}
.g-main-nav .g-dropdown li:hover > .g-menu-item-container, .g-main-nav .g-dropdown li:hover > .g-menu-item-container a {
  color: #000 !important;
}
/* Menú Lateral */
.menu-lateral ul {
  display: block !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.menu-lateral li {
  display: block !important;
  width: 100% !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.menu-lateral li a {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  text-decoration: none !important;
}
/* Menú Offcanvas (Mobile) */
#g-offcanvas {
  padding: 10px 8px !important;
}
#g-offcanvas .g-grid, #g-offcanvas .g-block, #g-offcanvas .g-content {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
#g-offcanvas ul.g-toplevel {
  padding-left: 0;
}
#g-offcanvas ul.g-toplevel li a {
  padding-left: 8px !important;
}
/* ==========================================================================
   3. COMPONENTES Y GALERÍA (Phoca Gallery)
   ========================================================================== */
svg.ph-si.ph-si-image {
  display: none !important;
}
svg.ph-si.ph-si-view {
  fill: #ffff00 !important;
}
div.pagination.pagination-centered, div[style*="color:#ccc"][style*="text-align:right"], .ph-cb.pg-cv-pagination, div.ph-cb.pg-cv-pagination {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}
div.pg-category-box-title {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.pg-item-box {
  transition: transform 0.5s ease;
}
.pg-item-box:hover {
  transform: translateY(-5px);
}
a.pg-photoswipe-button-copy {
  font-size: 15px !important;
}
/* ==========================================================================
   4. FOOTER Y SITEMAP
   ========================================================================== */
#g-footer {
  position: relative;
  overflow: hidden;
  background: #000;
}
#g-footer::before {
  content: "";
  position: absolute;
  inset: -3px;
  background: linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.8)), url('../../../../images/home-footer.png') center 0px / cover no-repeat;
  filter: blur(3px);
  z-index: 0;
}
#g-footer > * {
  position: relative;
  z-index: 1;
}
#g-footer, #g-footer p, #g-footer span, #g-footer li {
  color: #b5b5b5 !important;
}
#g-footer h1, #g-footer h2, #g-footer h3, #g-footer h4, #g-footer h5, #g-footer h6 {
  color: #d0d0d0 !important;
}
#g-footer a:hover {
  color: #ff6666 !important;
}
.footer-sitemap {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 50px;
  width: 100%;
}
.footer-col {
  min-width: 0;
}
.footer-col h3 {
  margin: 0 0 15px;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
}
.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-col li {
  margin: 6px 0;
}
.footer-col a {
  color: #ddd;
  text-decoration: none;
}
.footer-col a:hover {
  color: #c00000;
}
@media (max-width: 960px) {
  .footer-sitemap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .footer-sitemap {
    grid-template-columns: 1fr;
  }
}
/* Forzar alto cero en cualquier contenedor de toggle o sección vacía arriba */
#g-offcanvas-toggle, section[id*="toggle"], .g-offcanvas-toggle {
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}
/*# sourceMappingURL=custom_72.css.map */