/*
Theme Name: Valenti Child - Mundo Cultural Hispano
Theme URI: https://mundoculturalhispano.com/
Description: Tema hijo de Valenti para personalizaciones de Mundo Cultural Hispano.
Author: Pinkmark
Author URI: https://pinkmark.es/
Template: valenti
Version: 1.0.0
Text Domain: valenti-child-mch
*/

/* ==================================================
   MUNDO CULTURAL HISPANO — CSS PERSONALIZADO
   ================================================== */

:root {
  --mch-negro: #1C1C1C;
  --mch-rojo: #C6102E;
  --mch-verde: #00843D;
  --mch-beige: #F2EFE9;
  --mch-blanco: #FFFFFF;
}
/* ==================================================
   HERO HOME — MUNDO CULTURAL HISPANO
   ================================================== */

.mch-hero-home {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  min-height: 760px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
  background-color: var(--mch-beige);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
}

.mch-hero-home::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(242, 239, 233, 0.98) 0%,
    rgba(242, 239, 233, 0.94) 28%,
    rgba(242, 239, 233, 0.72) 43%,
    rgba(242, 239, 233, 0.28) 58%,
    rgba(242, 239, 233, 0) 74%
  );
  z-index: 1;
  pointer-events: none;
}

.mch-hero-content {
  position: relative;
  z-index: 2;
  width: 46%;
  max-width: 660px;
  padding: 90px 40px 90px 7vw;
}

.mch-hero-content h1,
.mch-hero-content .elementor-heading-title {
  font-family: "Poiret One", sans-serif;
  color: var(--mch-negro);
  font-size: clamp(44px, 4.4vw, 76px);
  line-height: 1.05;
  font-weight: 400;
  letter-spacing: -0.02em;
  margin-bottom: 26px;
}

.mch-hero-content p,
.mch-hero-content .elementor-widget-text-editor {
  font-family: "Montserrat", sans-serif;
  color: var(--mch-negro);
  font-size: clamp(16px, 1.1vw, 20px);
  line-height: 1.75;
}

.mch-btn .elementor-button,
.mch-btn.elementor-widget-button .elementor-button {
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 0;
  padding: 15px 26px;
  transition: all 0.25s ease;
}

.mch-btn-rojo .elementor-button {
  background-color: var(--mch-rojo);
  color: var(--mch-blanco);
  border: 1px solid var(--mch-rojo);
}

.mch-btn-rojo .elementor-button:hover {
  background-color: var(--mch-negro);
  border-color: var(--mch-negro);
  color: var(--mch-blanco);
}

.mch-btn-verde .elementor-button {
  background-color: transparent;
  color: var(--mch-verde);
  border: 1px solid var(--mch-verde);
}

.mch-btn-verde .elementor-button:hover {
  background-color: var(--mch-verde);
  color: var(--mch-blanco);
}