/* =========================================================
   FIX DROPDOWNS HEADER PICTOGRÁFICA
   Evita que los submenús se cierren al mover el mouse
========================================================= */

/* Tamaño logo header *
/* Ajuste responsive */
@media (max-width: 768px) {
  .picto-logo img {
    width: 125px !important;
    max-width: 125px !important;
  }
}

.picto-nav li.menu-item-has-children {
  position: relative;
}

/* Zona invisible entre el botón y el dropdown */
.picto-nav li.menu-item-has-children::after {
  content: "";
  position: absolute;
  left: -20px;
  right: -20px;
  top: 100%;
  height: 22px;
  background: transparent;
  pointer-events: auto;
}

/* Submenú base */
.picto-nav .sub-menu {
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  min-width: 260px;
  padding: 12px;
  margin: 0;
  list-style: none;
  background: rgba(10, 10, 10, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  pointer-events: none;

  transition:
    opacity .22s ease,
    transform .22s ease,
    visibility 0s linear .22s;

  z-index: 99999;
}

/* Mostrar al pasar sobre el padre o el propio submenú */
.picto-nav li.menu-item-has-children:hover > .sub-menu,
.picto-nav li.menu-item-has-children:focus-within > .sub-menu,
.picto-nav .sub-menu:hover {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
  transition-delay: 0s;
}

/* Links del submenú */
.picto-nav .sub-menu li {
  position: relative;
  margin: 0;
}

.picto-nav .sub-menu a {
  display: block;
  padding: 11px 14px;
  color: rgba(255, 255, 255, 0.78);
  text-decoration: none;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.2;
  white-space: nowrap;
  transition:
    background .18s ease,
    color .18s ease,
    transform .18s ease;
}

.picto-nav .sub-menu a:hover {
  color: #fff;
  background: rgba(233, 30, 99, 0.16);
  transform: translateX(3px);
}

/* Hace más cómoda el área hover del item principal */
.picto-nav > li > a {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 48px;
}

/* Flechita opcional para elementos con submenú */
.picto-nav > li.menu-item-has-children > a::after {
  content: "⌄";
  margin-left: 7px;
  font-size: 13px;
  opacity: .65;
  transform: translateY(-1px);
}
/* =========================================================
   PICTOGRÁFICA - CSS GLOBAL SISTEMA COMPLETO
   Incluye: Ocultar menú Hestia + Footer + Resets
========================================================= */

/* OCULTAR BÚSQUEDA */
.hestia-toggle-search {
    display: none !important;
}

/* RESET GENERAL */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}

/* =========================================================
   OCULTAR MENÚ Y HEADER DE HESTIA (CRÍTICO)
========================================================= */

/* BORRAR FOOTER DEL TEMA COMPLETO */
footer.footer,
.hestia-bottom-footer-content,
.footer-big,
.footer-black,
.footer-menu,
.site-footer {
    display: none !important;
}

/* Ocultar navbar completo de Hestia */
.navbar.navbar-default {
    display: none !important;
}

.navbar.hestia-transparent {
    display: none !important;
}

.navbar-fixed-top {
    display: none !important;
}

header.header {
    display: none !important;
}

.hestia-top-bar {
    display: none !important;
}

/* =========================================================
   OCULTAR FOOTER DE HESTIA
========================================================= */

.footer.footer-black.footer-big {
    display: none !important;
}

footer.footer {
    display: none !important;
}

.hestia-bottom-footer-content {
    display: none !important;
}

/* =========================================================
   PÁGINAS FULL WIDTH (sin espacios de Hestia)
========================================================= */

.page-header,
.header-filter,
.header-filter::before,
.hestia-title,
.title-in-content {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
}

.page .main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.page,
body.page .site-content,
body.page .main,
body.page #primary,
body.page article.page {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* =========================================================
   POSTS (para que el CSS modular funcione)
========================================================= */

body.single-post .page-header {
    display: none !important;
}

body.single-post .main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.single-post .blog-post {
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.single-post .section-text {
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================================
   ELEMENTOR FIXES
========================================================= */

.elementor-location-header .elementor-container,
.elementor-location-header .elementor-widget-wrap,
.elementor-location-header .elementor-element {
    overflow: visible !important;
}

/* =========================================================
   WOOCOMMERCE
========================================================= */

.woocommerce-MyAccount-navigation {
    display: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    padding: 0 !important;
}

/* =========================================================
   TIPOGRAFÍA KENYAN COFFEE + H2-H6
========================================================= */

@font-face {
    font-family: 'Kenyan Coffee';
    src: url('/wp-content/uploads/fonts/KENYAN COFFEE BD.TTF') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Fuente moderna para H2-H6 */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@500;600;700;800&display=swap');

/* H1 — se deja tal cual lo tenías */
h1,
h2,
.hestia-title,
h1.hestia-title,h2.hestia-title
.elementor-widget-heading h2,

.elementor-widget-heading h1 {
    font-family: 'Kenyan Coffee', sans-serif !important;
    font-style: italic !important;
	 letter-spacing: -0.03em  !important;
    text-transform: uppercase !important;
}
/* H2-H6 — serif gruesa, elegante, con mayúsculas y minúsculas */

h3,
h4,
h5,
h6,
.elementor-widget-heading h3,
.elementor-widget-heading h4,
.elementor-widget-heading h5,
.elementor-widget-heading h6 {
    font-family: Georgia, serif !important;
    font-style: normal !important;
    font-weight: 300 !important;
    text-transform: none !important;
    letter-spacing: -0.05em !important;
    line-height: 0.95 !important;
}

/* Tamaños globales H2-H6 */
h2,
.elementor-widget-heading h2 {
    font-size: clamp(2.2rem, 5vw, 4.6rem) !important;
}

h3,
.elementor-widget-heading h3 {
    font-size: clamp(0,5rem, 3.5vw, 3.1rem) !important;
}

h4,
.elementor-widget-heading h4 {
    font-size: clamp(1.35rem, 2.4vw, 2.1rem) !important;
}

h5,
.elementor-widget-heading h5 {
    font-size: clamp(1.1rem, 1.8vw, 1.55rem) !important;
}

h6,
.elementor-widget-heading h6 {
    font-size: clamp(0.95rem, 1.4vw, 1.2rem) !important;
}

/* =========================================================
   ELEMENTOR / PAGE BUILDER
   OJO: Esto lo dejo porque dijiste que tu CSS funciona así.
========================================================= */

.pagebuilder-section,
.elementor-section {
    all: unset;
    display: block;
}

/* =========================================================
   ELIMINAR TODOS LOS FOOTERS - TEMA + ELEMENTOR
========================================================= */

/* Hestia */
footer.footer,
.footer,
.footer-big,
.footer-black,
.hestia-footer,
.hestia-bottom-footer-content {
    display: none !important;
}

/* Elementor */
.elementor-location-footer,
.elementor-footer,
footer.elementor-section {
    display: none !important;
}

/* Widgets y menús de footer */
footer nav,
footer .menu,
footer .widget,
footer .widget_nav_menu {
    display: none !important;
}

/* Espacios fantasma */
.site-footer {
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media screen and (min-width: 768px) {
    .responsivo {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .homep-hero-title-solid,
    .homep-hero-title-accent {
        font-size: 15vw !important;
        line-height: 1.1 !important;
        letter-spacing: -0.5px;
    }

    h2,
    .elementor-widget-heading h2 {
        font-size: clamp(2rem, 10vw, 3.4rem) !important;
    }

    h3,
    .elementor-widget-heading h3 {
        font-size: clamp(1.5rem, 7vw, 2.4rem) !important;
    }

    h4,
    .elementor-widget-heading h4 {
        font-size: clamp(1.25rem, 5vw, 1.9rem) !important;
    }
}