/*
 Theme Name: Fortunio Child Theme 
 Theme URI: https://fortunio.ancorathemes.com/
 Description: Fortunio is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
 Author: AncoraThemes
 Author URI:  https://ancorathemes.com/
 Template:     fortunio
 Version:      1.0
 Tags:         craftsman, forestry, logging, timber, woocommerce, wood manufacturing, wood production, wood products, wood store, sawmill, landscaping, carpentry, windows, doors, wooden cottages
 Text Domain:  fortunio
*/


/* =Child-Theme customization starts here 
------------------------------------------------------------ */
.menu_button_close_text{
    display: none;
}
.socials_mobile{
    display: none !important; 
}
.seccion-oculta{
    display: none;
}
/* Asegura que el iframe de Elementor y Complianz ocupe toda la altura del padre */
.elementor embed,
.elementor iframe,
.elementor object,
.elementor video,
.cmplz-placeholder-element.cmplz-no-video.cmplz-processed.cmplz-activated.fortunio_resize.trx_addons_resize {
  height: 100% !important;
  width: 100%  !imp/* ==== Textos de labels ==== */
.form-style-2 label {
  color: #2c2c2c;        /* gris oscuro accesible */
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  display: block;
  margin-bottom: 6px;
}

/* ==== Inputs y textarea ==== */
.form-style-2 input[type="text"],
.form-style-2 input[type="email"],
.form-style-2 textarea {
  color: #2c2c2c;
  border: 1px solid #504037;   /* borde marrón */
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;   /* fondo blanco limpio */
  font-size: 15px;
  line-height: 1.4;
}

/* ==== Botón estilo "outline" transparente ==== */
.form-style-2 input.wpcf7-submit.btn-outline#send-btn {
  background-color: transparent; /* sin fondo */
  color: #504037;                /* texto marrón */
  border: 2px solid #504037;     /* borde marrón */
  padding: 15px 30px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* ==== Hover del botón ==== */
.form-style-2 input.wpcf7-submit.btn-outline#send-btn:hover {
  background-color: #504037; /* marrón de fondo */
  color: #e9e4d0;            /* texto beige */
}
ortant;
  display: block;
}
.cf7sr-g-recaptcha{
	margin-bottom:2rem !important;
}
/* ==== Textos de labels ==== */
.form-style-2 label {
  color: #2c2c2c;        /* gris oscuro accesible */
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  display: block;
  margin-bottom: 6px;
}

/* ==== Inputs y textarea ==== */
.form-style-2 input[type="text"],
.form-style-2 input[type="email"],
.form-style-2 textarea {
  color: #2c2c2c;
  border: 1px solid #504037;   /* borde marrón */
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;   /* fondo blanco limpio */
  font-size: 15px;
  line-height: 1.4;
}

/* ==== Botón estilo "outline" transparente ==== */
.form-style-2 input.wpcf7-submit.btn-outline#send-btn {
  background-color: transparent; /* sin fondo */
  color: #504037;                /* texto marrón */
  border: 2px solid #504037;     /* borde marrón */
  padding: 15px 30px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* ==== Hover del botón ==== */
.form-style-2 input.wpcf7-submit.btn-outline#send-btn:hover {
  background-color: #504037; /* marrón de fondo */
  color: #e9e4d0;            /* texto beige */
}



/* =========================================================
   1) MENÚ DE ESCRITORIO (section[data-id="35b790db"])
   Fondo #3B2F2F detrás + enlaces accesibles
   ========================================================= */
.top_panel .elementor-inner-section[data-id="35b790db"] {
  background: #3B2F2F !important;        /* fondo marrón oscuro */
  z-index: 5;
}
.top_panel .elementor-inner-section[data-id="35b790db"] .elementor-container {
  align-items: center;
  min-height: 64px;
}
.top_panel .sc_layouts_menu_nav a {
  color: #ffffff !important;             /* texto blanco */
  font-weight: 700;
  text-decoration: none !important;      /* sin subrayado */
}
.top_panel .sc_layouts_menu_nav a:hover,
.top_panel .sc_layouts_menu_nav a:focus,
.top_panel .sc_layouts_menu_nav .current-menu-item > a,
.top_panel .sc_layouts_menu_nav .current_page_item > a {
  color: #e9e4d0 !important;             /* beige corporativo */
  text-decoration: none !important;      /* sin subrayado */
}
.top_panel .sc_layouts_menu_nav a:focus-visible {
  outline: 2px solid #e9e4d0;
  outline-offset: 2px;
}

/* =========================================================
   2) MENÚ MÓVIL (section[data-id="2e78b2ff"])
   También con fondo #3B2F2F
   ========================================================= */
@media (max-width: 1024px) {
  .top_panel .elementor-inner-section[data-id="35b790db"] {
    display: none; /* se oculta en tablet/móvil */
  }
  .top_panel .elementor-inner-section[data-id="2e78b2ff"] {
    background: #3B2F2F !important;
  }
  .top_panel .sc_layouts_menu_mobile_button_burger .sc_layouts_item_link {
    color: #ffffff !important;
  }
}

/* =========================================================
   3) OVERLAY DE LA IMAGEN DE FONDO (section[data-id="2e029f03"])
   Degradado con #3B2F2F arriba → transparente abajo
   ========================================================= */
.top_panel.top_panel_custom_header-default
  .elementor-top-section[data-id="2e029f03"] .elementor-background-overlay {
  opacity: 1 !important; /* no baja el texto */
  background: linear-gradient(
    to bottom,
    rgba(59,47,47,0.95) 0%,   /* #3B2F2F fuerte arriba */
    rgba(59,47,47,0.70) 40%, 
    rgba(59,47,47,0.45) 70%, 
    rgba(59,47,47,0.20) 100%
  ) !important;
}

/* =========================================================
   4) TÍTULO PRINCIPAL (H1)
   Caja #3B2F2F sólida detrás del texto → contraste alto
   ========================================================= */
.sc_layouts_title_caption {
  display: inline-block;
  position: relative;
  color: #ffffff !important;             /* texto blanco */
  font-weight: 800;
  font-size: 2.2em;
  padding: 0.5em 1em;
  background: #3B2F2F !important;        /* fondo marrón oscuro */
  border-radius: 4px;                    /* opcional */
  text-shadow: none !important;
  z-index: 1;
}
