.elementor-20 .elementor-element.elementor-element-a4f04a8{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-cdf711c{text-align:center;}.elementor-20 .elementor-element.elementor-element-cdf711c .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:6vw;font-weight:300;text-transform:uppercase;line-height:1.05em;letter-spacing:10px;color:#c9a96e;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-cdf711c .elementor-heading-title{font-size:7vw;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-cdf711c .elementor-heading-title{font-size:10vw;}}/* Start custom CSS *//* ===========================
   MADELLER – PREMIUM DARK THEME v3
   Tipografias: Cormorant Garamond (titulo) | Arapey (subtitulos) | Outfit (textos)
   Paleta: Negro #0a0a0a | Dorado #c9a96e | Crema #f0e6d3 | Carbon #1a1a1a
   =========================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600&family=Arapey:ital@0;1&family=Outfit:wght@200;300;400;500;600&display=swap');

/* ---- RESET Y BODY ---- */
body,
.wp-site-blocks,
html {
  background-color: #0a0a0a !important;
  background-image: none !important;
  font-family: 'Outfit', sans-serif !important;
  color: #d4c5b0 !important;
}

/* ---- HEADER / NAVEGACION ---- */
header.wp-block-template-part,
header.wp-block-template-part > div,
header.wp-block-template-part .wp-block-group {
  background-color: #0a0a0a !important;
  border-bottom: 1px solid rgba(201,169,110,0.25) !important;
}

header.wp-block-template-part .wp-block-site-title,
header.wp-block-template-part .wp-block-site-title a {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: clamp(18px, 3vw, 26px) !important;
  font-weight: 600 !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  color: #c9a96e !important;
  text-decoration: none !important;
}

header nav .wp-block-navigation a,
header .wp-block-navigation-item a {
  color: #d4c5b0 !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: clamp(10px, 1.5vw, 11px) !important;
  font-weight: 300 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

header nav .wp-block-navigation a:hover {
  color: #c9a96e !important;
}

/* ---- AREA PRINCIPAL - reducir margenes laterales en escritorio ---- */
main.wp-block-group,
.entry-content,
.wp-block-post-content {
  background-color: #0a0a0a !important;
  padding-top: 0 !important;
}

.wp-block-group.has-global-padding,
.is-layout-constrained,
.wp-block-post-content.has-global-padding {
  padding-left: clamp(16px, 2vw, 24px) !important;
  padding-right: clamp(16px, 2vw, 24px) !important;
}

/* ---- TITULO H1 - Cormorant Garamond ---- */
h1.wp-block-post-title,
.wp-block-post-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: clamp(42px, 6vw, 80px) !important;
  font-weight: 300 !important;
  letter-spacing: clamp(4px, 1.5vw, 10px) !important;
  text-transform: uppercase !important;
  color: #c9a96e !important;
  text-align: center !important;
  margin-bottom: 10px !important;
  padding-top: clamp(30px, 5vw, 60px) !important;
  line-height: 1.05 !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

h1.wp-block-post-title::after,
.wp-block-post-title::after {
  content: '' !important;
  display: block !important;
  width: 60px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #c9a96e, transparent) !important;
  margin: 18px auto 40px !important;
}

/* ---- CONTENEDOR ---- */
.elementor,
.elementor-element,
.e-con,
.elementor-container {
  background-color: transparent !important;
}

/* ---- FORMULARIO FORMIDABLE ---- */
.frm_forms,
.frm-show-form,
.frm_forms.with_frm_style {
  background: linear-gradient(145deg, #111111, #1a1a1a) !important;
  border: 1px solid rgba(201,169,110,0.3) !important;
  border-radius: 2px !important;
  padding: clamp(28px, 5vw, 50px) clamp(20px, 5vw, 60px) !important;
  max-width: 900px !important;
  width: 98% !important;
  margin: 0 auto clamp(40px, 6vw, 80px) !important;
  box-shadow: 0 30px 80px rgba(0,0,0,0.6), inset 0 1px 0 rgba(201,169,110,0.15) !important;
  position: relative !important;
  box-sizing: border-box !important;
}

.frm_forms::before {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 0; right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, #c9a96e, transparent) !important;
}

.frm_forms legend,
legend.frm_hidden,
.frm_form_title {
  display: none !important;
}

/* ---- LABELS ---- */
.frm_primary_label,
label.frm_primary_label {
  font-family: 'Arapey', serif !important;
  font-size: clamp(12px, 2vw, 14px) !important;
  font-weight: 400 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #c9a96e !important;
  margin-bottom: 14px !important;
  display: block !important;
}

/* ---- CHECKBOXES Y RADIO LABELS ---- */
.frm_checkbox label,
.frm_radio label,
.frm_form_field label,
.vertical_radio label {
  color: #d4c5b0 !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: clamp(13px, 2vw, 15px) !important;
  font-weight: 300 !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
}

.frm_checkbox label:hover,
.frm_radio label:hover {
  color: #c9a96e !important;
}

input[type="checkbox"],
input[type="radio"] {
  accent-color: #c9a96e !important;
  width: 15px !important;
  height: 15px !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}

/* ---- INPUTS Y SELECTS ---- */
.frm_forms input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.frm_forms select,
.frm_forms textarea {
  background-color: #0e0e0e !important;
  border: 1px solid rgba(201,169,110,0.35) !important;
  border-radius: 1px !important;
  color: #d4c5b0 !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: clamp(13px, 2vw, 14px) !important;
  font-weight: 300 !important;
  letter-spacing: 0.5px !important;
  padding: clamp(11px, 2vw, 14px) clamp(12px, 2vw, 18px) !important;
  width: 100% !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.frm_forms input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):focus,
.frm_forms select:focus,
.frm_forms textarea:focus {
  border-color: #c9a96e !important;
  box-shadow: 0 0 0 2px rgba(201,169,110,0.1) !important;
}

.frm_forms input::placeholder,
.frm_forms textarea::placeholder {
  color: rgba(212,197,176,0.35) !important;
  letter-spacing: 0.5px !important;
}

/* ---- BOTON SUBMIT ---- */
.frm_forms input[type="submit"],
.frm_forms button[type="submit"],
.frm_submit input,
.frm_submit button {
  background: transparent !important;
  border: 1px solid #c9a96e !important;
  color: #c9a96e !important;
  font-family: 'Arapey', serif !important;
  font-size: clamp(12px, 2vw, 14px) !important;
  font-weight: 400 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  padding: clamp(14px, 2.5vw, 18px) clamp(30px, 5vw, 50px) !important;
  cursor: pointer !important;
  border-radius: 0 !important;
  transition: all 0.4s ease !important;
  margin-top: 20px !important;
  display: inline-block !important;
}

.frm_forms input[type="submit"]:hover,
.frm_forms button[type="submit"]:hover {
  background: #c9a96e !important;
  color: #0a0a0a !important;
  box-shadow: 0 8px 30px rgba(201,169,110,0.3) !important;
}

.frm_form_field {
  margin-bottom: clamp(16px, 2.5vw, 22px) !important;
}

.frm_section_heading {
  border-bottom: 1px solid rgba(201,169,110,0.2) !important;
  margin-bottom: 28px !important;
  padding-bottom: 12px !important;
  font-family: 'Arapey', serif !important;
  color: #c9a96e !important;
  letter-spacing: 2px !important;
}

.frm_required {
  color: #c9a96e !important;
}

/* ---- FOOTER ---- */
footer.wp-block-template-part,
footer.wp-block-template-part > div,
footer.wp-block-template-part .wp-block-group {
  background-color: #050505 !important;
  border-top: 1px solid rgba(201,169,110,0.2) !important;
}

footer p, footer a, footer span {
  color: rgba(212,197,176,0.5) !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 2px !important;
}

::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: #c9a96e; border-radius: 2px; }

/* === TABLET (hasta 1024px) === */
@media (max-width: 1024px) {
  h1.wp-block-post-title, .wp-block-post-title {
    font-size: clamp(34px, 7vw, 60px) !important;
    letter-spacing: clamp(3px, 1vw, 7px) !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-top: 40px !important;
  }
  .frm_forms, .frm-show-form, .frm_forms.with_frm_style {
    width: 96% !important;
    padding: 36px 32px !important;
  }
}

/* === MOVIL (hasta 767px) === */
@media (max-width: 767px) {
  header.wp-block-template-part .wp-block-site-title,
  header.wp-block-template-part .wp-block-site-title a {
    font-size: 16px !important;
    letter-spacing: 2px !important;
  }
  h1.wp-block-post-title, .wp-block-post-title {
    font-size: clamp(28px, 10vw, 44px) !important;
    letter-spacing: clamp(2px, 1vw, 5px) !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 32px !important;
  }
  h1.wp-block-post-title::after, .wp-block-post-title::after {
    margin: 12px auto 28px !important;
  }
  .frm_forms, .frm-show-form, .frm_forms.with_frm_style {
    width: 96% !important;
    padding: 28px 20px !important;
    border-radius: 0 !important;
  }
  .frm_forms input[type="submit"],
  .frm_forms button[type="submit"],
  .frm_submit input,
  .frm_submit button {
    width: 100% !important;
    text-align: center !important;
    padding: 16px 20px !important;
  }
}

/* === MOVIL PEQUENO (hasta 480px) === */
@media (max-width: 480px) {
  h1.wp-block-post-title, .wp-block-post-title {
    font-size: clamp(26px, 9vw, 38px) !important;
    letter-spacing: 2px !important;
  }
  .frm_forms, .frm-show-form, .frm_forms.with_frm_style {
    width: 100% !important;
    padding: 24px 16px !important;
    border-left: none !important;
    border-right: none !important;
  }
}

/* ================================================
   DROPDOWN / SELECT – Opciones sin azul del sistema
   ================================================ */

/* El select en sí */
.frm_forms select,
.frm_form_field select {
  background-color: #111111 !important;
  color: #d4c5b0 !important;
  border: 1px solid rgba(201,169,110,0.35) !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23c9a96e' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  padding-right: 40px !important;
}

/* Opciones dentro del select nativo */
.frm_forms select option,
.frm_form_field select option {
  background-color: #111111 !important;
  color: #d4c5b0 !important;
}

/* Opción seleccionada / hover en el dropdown nativo */
.frm_forms select option:checked,
.frm_forms select option:hover,
.frm_form_field select option:checked,
.frm_form_field select option:hover {
  background-color: #c9a96e !important;
  background: linear-gradient(#c9a96e, #c9a96e) !important;
  color: #0a0a0a !important;
}

/* Opción deshabilitada o placeholder */
.frm_forms select option[value=""],
.frm_forms select option:disabled {
  color: rgba(212,197,176,0.4) !important;
  background-color: #0e0e0e !important;
}

/* Focus del select */
.frm_forms select:focus,
.frm_form_field select:focus {
  border-color: #c9a96e !important;
  box-shadow: 0 0 0 2px rgba(201,169,110,0.1) !important;
  outline: none !important;
}

/* ================================================
   COLOR-SCHEME DARK en selects – fuerza dropdown oscuro en el SO
   ================================================ */
.frm_forms select,
.frm_form_field select,
select {
  color-scheme: dark !important;
}

/* ================================================
   TOOLTIP / DESCRIPCION DE CAMPO – sin azul
   ================================================ */
.frm_description,
.frm_description p,
.frm-show-form .frm_description,
.frm_form_field .frm_description,
[class*="frm_description"] {
  background-color: #1a1a1a !important;
  color: rgba(212,197,176,0.7) !important;
  border: 1px solid rgba(201,169,110,0.2) !important;
  border-radius: 2px !important;
  padding: 10px 14px !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  letter-spacing: 0.3px !important;
}

/* ================================================
   AMPLIAR CONTENIDO EN ESCRITORIO
   ================================================ */

/* Eliminar padding lateral excesivo del tema en escritorio */
@media (min-width: 768px) {
  .wp-site-blocks,
  .wp-block-group.has-global-padding,
  .is-layout-constrained,
  .wp-block-post-content.has-global-padding,
  .entry-content.has-global-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Header: dar margen lateral de ~1.5rem para que no este pegado a la orilla */
  header.wp-block-template-part .is-layout-flex,
  header.wp-block-template-part .wp-block-group.alignwide,
  header.wp-block-template-part > div > div {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  /* Neutralizar el margin negativo del alignfull en el main post content */
  main > .wp-block-group.alignfull,
  main > .alignfull {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Contenedor de la entrada */
  .entry-content.alignfull,
  .wp-block-post-content.alignfull {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Contenedor Elementor: ocupar todo el ancho disponible */
  .elementor,
  .elementor-20,
  .e-con,
  .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* e-con-inner: dar exactamente 3cm de padding de cada lado */
  .e-con-inner {
    padding-left: 113px !important;
    padding-right: 113px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Formulario: ocupar todo el ancho del e-con-inner */
  .frm_forms,
  .frm-show-form,
  .frm_forms.with_frm_style {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* El contenedor exterior del cotizador */
  .wp-block-post-content,
  .entry-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
  }
}
/* Ocultar título nativo - reemplazado por widget Elementor */
h1.wp-block-post-title,
.wp-block-post-title {
  display: none !important;
}/* End custom CSS */