/* =========================
   MUSEO RAYO GLOBAL STYLE
========================= */

:root{

    --museo-black:#0d0d0d;
    --museo-white:#ffffff;
    --museo-gray:#f5f5f5;
    --museo-text:#2d2d2d;
    --museo-accent:#b8b8b8;

}

/* RESET */

body{
    margin:0;
    padding:0;
    background:var(--museo-white);
    color:var(--museo-text);
    font-family: 'Helvetica Neue', sans-serif;
    overflow-x:hidden;
}

/* SMOOTH SCROLL */

html{
    scroll-behavior:smooth;
}

/* TITLES */

h1,h2,h3,h4,h5{
    font-weight:300;
    letter-spacing:2px;
    text-transform:uppercase;
}

/* LINKS */

a{
    text-decoration:none;
    transition:all .3s ease;
}

/* BUTTON STYLE */

.museo-btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:14px 32px;

    background:#111;
    color:#fff;

    border-radius:50px;

    transition:all .4s ease;

    letter-spacing:1px;
    font-size:14px;
    text-transform:uppercase;

}

.museo-btn:hover{

    background:#fff;
    color:#111;

    border:1px solid #111;

}

/* SECTION SPACING */

section:not([class^="mrhp-"]){
    padding:100px 0;
}

/* HERO TITLE */

.museo-hero-title{

    font-size:72px;
    line-height:1.1;
    color:#fff;
    font-weight:200;

}

/* HERO SUBTITLE */

.museo-hero-subtitle{

    font-size:18px;
    color:#f1f1f1;
    max-width:700px;
    line-height:1.8;

}

/* ELEMENTOR CONTAINER FIX */

.elementor-container {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.elementor-section {
    width: 100% !important;
}

.elementor-widget-wrap {
    width: 100% !important;
}

/* RESPONSIVE */

@media(max-width:768px){

    .museo-hero-title{
        font-size:42px;
    }

    section:not([class^="mrhp-"]){
        padding:70px 20px;
    }

    .mrhp-site section,
    .mrhp-site .mrhp-hero,
    .mrhp-site .mrhp-section,
    .mrhp-site > main,
    .mrhp-site > main > *:first-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .elementor-container {
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

}

/* Ocultar títulos automáticos de páginas */
.page-header,
.entry-header,
.entry-title,
header.page-header,
.site-main > header {
    display: none !important;
}

/* =========================
   RESPONSIVE MUSEO RAYO
========================= */

/* Tablet */
@media (max-width: 1024px) {
  .museo-header,
  .museo-nav,
  .museo-footer {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .museo-hero h1,
  .museo-title {
    font-size: 58px !important;
    line-height: 1 !important;
  }

  .museo-section {
    padding: 80px 24px !important;
  }

  .museo-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* Móvil */
@media (max-width: 767px) {
  body {
    overflow-x: hidden;
  }

  .museo-header {
    position: relative !important;
    padding: 18px 20px !important;
  }

  .museo-nav {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 18px !important;
  }

  .museo-menu {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 12px !important;
  }

  .museo-hero {
    min-height: 85vh !important;
    padding: 140px 22px 80px !important;
  }

  .museo-hero h1,
  .museo-title {
    font-size: 42px !important;
    line-height: 1.05 !important;
    letter-spacing: -1px !important;
  }

  .museo-hero p,
  .museo-text {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }

  .museo-buttons {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
  }

  .museo-btn {
    width: 100% !important;
    text-align: center !important;
  }

  .museo-section {
    padding: 64px 22px !important;
  }

  .museo-grid,
  .museo-gallery,
  .museo-events,
  .museo-footer-grid {
    grid-template-columns: 1fr !important;
  }

  .museo-footer {
    text-align: left !important;
    padding: 60px 22px !important;
  }
}

/* Menú hamburguesa oculto en escritorio */
.museo-menu-toggle,
.menu-toggle,
.elementor-menu-toggle {
    display: none !important;
}

/* Ocultar cualquier hamburguesa en escritorio */
@media (min-width: 1025px) {
  button[aria-label*="menu"],
  button[aria-label*="Menú"],
  button[class*="menu"],
  button[class*="toggle"],
  .museo-mobile-toggle,
  .museo-hamburger,
  .hamburger,
  .nav-toggle,
  .menu-toggle,
  .elementor-menu-toggle {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* Hide the theme header and footer on Museo Rayo plugin pages to avoid duplicate site chrome */
body.mrhp-page #site-header,
body.mrhp-page #site-footer {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}