.elementor-17400 .elementor-element.elementor-element-85588e1 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-17400 .elementor-element.elementor-element-85588e1 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-17400 .elementor-element.elementor-element-85588e1 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-17400 .elementor-element.elementor-element-85588e1 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-17400 .elementor-element.elementor-element-85588e1 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-17400 .elementor-element.elementor-element-85588e1 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-17400 .elementor-element.elementor-element-85588e1 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-17400 .elementor-element.elementor-element-85588e1 .elementor-field-type-html{padding-bottom:0px;color:var( --e-global-color-text );}.elementor-17400 .elementor-element.elementor-element-85588e1 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-17400 .elementor-element.elementor-element-85588e1 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-17400 .elementor-element.elementor-element-85588e1 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-17400 .elementor-element.elementor-element-85588e1 .elementor-button[type="submit"]{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-17400 .elementor-element.elementor-element-85588e1 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-17400 .elementor-element.elementor-element-85588e1 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-17400 .elementor-element.elementor-element-85588e1 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-17400 .elementor-element.elementor-element-85588e1 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-17400 .elementor-element.elementor-element-85588e1 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-17400 .elementor-element.elementor-element-85588e1 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-17400 .elementor-element.elementor-element-85588e1{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-17400 .elementor-element.elementor-element-8e011cf .elementor-button-content-wrapper{flex-direction:row;}.elementor-17400 .elementor-element.elementor-element-8e011cf .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-17400 .elementor-element.elementor-element-453656a .elementor-button-content-wrapper{flex-direction:row;}.elementor-17400 .elementor-element.elementor-element-d33b39b{--display:flex;}.elementor-17400 .elementor-element.elementor-element-e3ac8a2{--display:flex;}.elementor-17400 .elementor-element.elementor-element-34663e7{--display:flex;}.elementor-17400 .elementor-element.elementor-element-4ab014e{--display:flex;}.elementor-17400 .elementor-element.elementor-element-1fdc1e4{--display:flex;}.elementor-17400 .elementor-element.elementor-element-391d660{--display:flex;}.elementor-17400 .elementor-element.elementor-element-2c444da{--display:flex;}.elementor-17400 .elementor-element.elementor-element-14f41cc{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}/* Start custom CSS *//* =========================================================
   SOCDO - Hero página Contacto / Versión oscura premium
   ========================================================= */

.contact-hero-section {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 500px !important;
  padding: 138px 20px 96px 20px !important;

  background:
    radial-gradient(circle at 18% 16%, rgba(42, 82, 190, 0.28), transparent 34%),
    radial-gradient(circle at 88% 22%, rgba(236, 31, 38, 0.12), transparent 30%),
    linear-gradient(135deg, #101722 0%, #151B26 54%, #0F1115 100%) !important;
}

/* Línea decorativa azul */
.contact-hero-section::before {
  content: "" !important;
  position: absolute !important;
  top: 122px !important;
  left: max(28px, calc((100vw - 1120px) / 2)) !important;
  width: 66px !important;
  height: 2px !important;
  background: #2A52BE !important;
  transform: rotate(-45deg) !important;
  transform-origin: center !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

/* Textura sutil */
.contact-hero-section::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  background:
    linear-gradient(135deg, rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(45deg, rgba(42,82,190,0.045), transparent 44%) !important;
  background-size: 34px 34px, 100% 100% !important;
  opacity: 0.42 !important;
}

.contact-hero-inner,
.contact-hero-content {
  position: relative !important;
  z-index: 3 !important;
}

.contact-hero-inner {
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.contact-hero-content {
  max-width: 1040px !important;
  margin: 0 auto !important;
  text-align: center !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Eyebrow */
.contact-hero-eyebrow,
.contact-hero-eyebrow .elementor-widget-container,
.contact-hero-eyebrow p {
  width: fit-content !important;
  margin: 0 0 18px 0 !important;
  padding: 8px 14px !important;

  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;

  font-family: Inter, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  text-align: center !important;
}

/* Título */
.contact-hero-title,
.contact-hero-title .elementor-widget-container,
.contact-hero-title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  font-family: Manrope, sans-serif !important;
  font-size: 50px !important;
  font-weight: 800 !important;
  line-height: 1.08em !important;
  letter-spacing: -0.04em !important;
  color: #FFFFFF !important;
  text-align: center !important;
}

/* Texto */
.contact-hero-text,
.contact-hero-text .elementor-widget-container,
.contact-hero-text p {
  max-width: 720px !important;
  margin: 20px auto 0 auto !important;
  padding: 0 !important;

  font-family: Inter, sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.65em !important;
  color: rgba(255, 255, 255, 0.82) !important;
  text-align: center !important;
}

/* Acciones */
.contact-hero-actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;

  margin-top: 34px !important;
  padding: 0 !important;
}

.contact-hero-actions .elementor-widget,
.contact-hero-actions .elementor-widget-container,
.contact-hero-actions .elementor-button-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}

/* Botones base */
.contact-hero-actions .elementor-button {
  min-height: 50px !important;
  min-width: 214px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;

  padding: 0 26px !important;
  border-radius: 8px !important;

  font-family: Inter, sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;

  transition:
    transform 0.22s ease,
    background-color 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease,
    box-shadow 0.22s ease !important;
}

.contact-hero-actions .elementor-button:hover {
  transform: translateY(-2px) !important;
}

.contact-hero-actions .elementor-button span,
.contact-hero-actions .elementor-button i,
.contact-hero-actions .elementor-button svg {
  color: inherit !important;
  fill: currentColor !important;
}

/* Botón principal */
.contact-hero-primary .elementor-button {
  background: #D71920 !important;
  background-color: #D71920 !important;
  border: 1px solid #D71920 !important;
  color: #FFFFFF !important;
  box-shadow: 0 12px 28px rgba(236, 31, 38, 0.20) !important;
}

.contact-hero-primary .elementor-button:hover {
  background: #C9151C !important;
  background-color: #C9151C !important;
  border-color: #C9151C !important;
  color: #FFFFFF !important;
}

/* Botón secundario */
.contact-hero-secondary .elementor-button {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.58) !important;
  color: #FFFFFF !important;
}

.contact-hero-secondary .elementor-button:hover {
  background: rgba(255, 255, 255, 0.10) !important;
  background-color: rgba(255, 255, 255, 0.10) !important;
  border-color: #FFFFFF !important;
  color: #FFFFFF !important;
}

/* Meta */
.contact-hero-meta,
.contact-hero-meta .elementor-widget-container,
.contact-hero-meta p {
  margin: 26px 0 0 0 !important;
  padding: 0 !important;

  font-family: Inter, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1.5em !important;
  color: rgba(255, 255, 255, 0.62) !important;
  text-align: center !important;
}

/* Línea roja inferior decorativa */
.contact-hero-content::after {
  content: "" !important;
  position: absolute !important;
  right: -96px !important;
  bottom: -34px !important;
  width: 150px !important;
  height: 2px !important;
  background: #EC1F26 !important;
  transform: rotate(-45deg) !important;
  transform-origin: center !important;
  opacity: 0.9 !important;
  pointer-events: none !important;
}


/* ==============================
   Tablet
   ============================== */

@media (max-width: 1024px) {
  .contact-hero-section {
    min-height: 470px !important;
    padding: 128px 20px 86px 20px !important;
  }

  .contact-hero-title,
  .contact-hero-title .elementor-widget-container,
  .contact-hero-title .elementor-heading-title {
    font-size: 44px !important;
  }

  .contact-hero-text,
  .contact-hero-text .elementor-widget-container,
  .contact-hero-text p {
    font-size: 16px !important;
  }
}


/* ==============================
   Móvil
   ============================== */

@media (max-width: 767px) {
  .contact-hero-section {
    min-height: 560px !important;
    padding: 112px 18px 72px 18px !important;
  }

  .contact-hero-section::before,
  .contact-hero-content::after {
    display: none !important;
  }

  .contact-hero-content {
    max-width: 350px !important;
  }

  .contact-hero-eyebrow,
  .contact-hero-eyebrow .elementor-widget-container,
  .contact-hero-eyebrow p {
    font-size: 11.5px !important;
    padding: 8px 12px !important;
  }

  .contact-hero-title,
  .contact-hero-title .elementor-widget-container,
  .contact-hero-title .elementor-heading-title {
    font-size: 32px !important;
    line-height: 1.14em !important;
    letter-spacing: -0.025em !important;
  }

  .contact-hero-text,
  .contact-hero-text .elementor-widget-container,
  .contact-hero-text p {
    margin-top: 18px !important;
    font-size: 15px !important;
    line-height: 1.6em !important;
  }

  .contact-hero-actions {
    width: 100% !important;
    max-width: 320px !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-top: 28px !important;
  }

  .contact-hero-actions .elementor-widget-button,
  .contact-hero-actions .elementor-widget {
    width: 100% !important;
  }

  .contact-hero-actions .elementor-button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
  }

  .contact-hero-actions .elementor-button:hover {
    transform: none !important;
  }

  .contact-hero-meta,
  .contact-hero-meta .elementor-widget-container,
  .contact-hero-meta p {
    max-width: 300px !important;
    font-size: 12.5px !important;
  }
}

/* =========================================================
   SOCDO - Contacto principal
   Formulario + tarjeta de contacto
   ========================================================= */

.contact-main-section {
  position: relative !important;
  background: #F5F6F8 !important;
  padding: 96px 20px 104px 20px !important;
  overflow: hidden !important;
}

.contact-main-inner {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  gap: 28px !important;
}

/* =========================================================
   Panel formulario
   ========================================================= */

.contact-form-panel {
  flex: 1 1 62% !important;
  min-width: 0 !important;

  position: relative !important;
  overflow: hidden !important;

  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 22px !important;
  padding: 42px !important;

  box-shadow: 0 22px 56px rgba(15, 23, 42, 0.07) !important;
}

/* Línea decorativa */
.contact-form-panel::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 42px !important;
  width: 64px !important;
  height: 3px !important;
  border-radius: 0 0 999px 999px !important;
  background: #2A52BE !important;
  pointer-events: none !important;
}

/* Eyebrow formulario */
.contact-form-eyebrow,
.contact-form-eyebrow .elementor-widget-container,
.contact-form-eyebrow p {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;

  font-family: Inter, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1.2em !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #2A52BE !important;
}

/* Título formulario */
.contact-form-title,
.contact-form-title .elementor-widget-container,
.contact-form-title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  font-family: Manrope, sans-serif !important;
  font-size: 38px !important;
  font-weight: 800 !important;
  line-height: 1.12em !important;
  letter-spacing: -0.035em !important;
  color: #000000 !important;
}

/* Texto formulario */
.contact-form-text,
.contact-form-text .elementor-widget-container,
.contact-form-text p {
  max-width: 620px !important;
  margin: 16px 0 30px 0 !important;
  padding: 0 !important;

  font-family: Inter, sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 400 !important;
  line-height: 1.65em !important;
  color: #5F6368 !important;
}

/* =========================================================
   Formulario Elementor
   ========================================================= */

.contact-form-widget,
.contact-form-widget .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

/* Wrapper real de campos en Elementor Pro */
.contact-form-widget .elementor-form,
.contact-form-widget .elementor-form-fields-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  column-gap: 18px !important;
  row-gap: 20px !important;
}

.contact-form-widget .elementor-field-group {
  margin: 0 !important;
  padding: 0 !important;
}

/* Labels del formulario - versión más ligera */
.contact-form-widget .elementor-field-label,
.contact-form-widget label,
.contact-form-widget .elementor-form .elementor-field-group > label {
  margin: 0 0 8px 0 !important;

  font-family: Inter, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.35em !important;
  color: #1E1E1E !important;
  letter-spacing: -0.005em !important;
}

/* Campos */
.contact-form-widget .elementor-field,
.contact-form-widget .elementor-field-textual,
.contact-form-widget input,
.contact-form-widget select,
.contact-form-widget textarea {
  width: 100% !important;

  min-height: 52px !important;
  padding: 13px 16px !important;

  border: 1px solid #E1E4EA !important;
  border-radius: 10px !important;
  background: #F9FAFB !important;

  font-family: Inter, sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 400 !important;
  line-height: 1.4em !important;
  color: #111111 !important;

  box-shadow: none !important;
  outline: none !important;

  transition:
    border-color 0.22s ease,
    background-color 0.22s ease,
    box-shadow 0.22s ease !important;
}

.contact-form-widget textarea {
  min-height: 136px !important;
  resize: vertical !important;
}

/* Placeholder */
.contact-form-widget input::placeholder,
.contact-form-widget textarea::placeholder {
  color: rgba(95, 99, 104, 0.62) !important;
}

/* Select */
.contact-form-widget select {
  appearance: auto !important;
  cursor: pointer !important;
}

/* Focus */
.contact-form-widget .elementor-field:focus,
.contact-form-widget .elementor-field-textual:focus,
.contact-form-widget input:focus,
.contact-form-widget select:focus,
.contact-form-widget textarea:focus {
  border-color: rgba(42, 82, 190, 0.62) !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 4px rgba(42, 82, 190, 0.08) !important;
}

/* Grupo del botón */
.contact-form-widget .elementor-field-type-submit {
  margin-top: 8px !important;
}

/* Botón formulario en azul corporativo */
.contact-form-widget .elementor-button {
  min-height: 52px !important;
  padding: 0 30px !important;

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

  border-radius: 9px !important;
  background: #2A52BE !important;
  background-color: #2A52BE !important;
  border: 1px solid #2A52BE !important;
  color: #FFFFFF !important;

  font-family: Inter, sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;

  box-shadow: 0 12px 28px rgba(42, 82, 190, 0.16) !important;

  transition:
    transform 0.22s ease,
    background-color 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease,
    box-shadow 0.22s ease !important;
}

.contact-form-widget .elementor-button:hover {
  transform: translateY(-2px) !important;
  background: transparent !important;
  background-color: transparent !important;
  border-color: #2A52BE !important;
  color: #2A52BE !important;
  box-shadow: none !important;
}

/* Limpieza iconos / spans botón */
.contact-form-widget .elementor-button span,
.contact-form-widget .elementor-button i,
.contact-form-widget .elementor-button svg {
  color: inherit !important;
  fill: currentColor !important;
}

/* Mensajes del formulario */
.contact-form-widget .elementor-message {
  margin-top: 16px !important;

  font-family: Inter, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45em !important;
}

/* =========================================================
   Panel contacto oscuro
   ========================================================= */

.contact-info-panel {
  flex: 0 0 38% !important;
  min-width: 0 !important;

  position: relative !important;
  overflow: hidden !important;

  border-radius: 22px !important;
  padding: 42px !important;

  background:
    radial-gradient(circle at 12% 14%, rgba(42, 82, 190, 0.30), transparent 36%),
    linear-gradient(135deg, #101722 0%, #151B26 56%, #0F1115 100%) !important;

  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.18) !important;
}

/* Textura */
.contact-info-panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  background:
    linear-gradient(135deg, rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(45deg, rgba(42,82,190,0.045), transparent 44%) !important;
  background-size: 34px 34px, 100% 100% !important;
  opacity: 0.42 !important;
}

/* Línea roja */
.contact-info-panel::after {
  content: "" !important;
  position: absolute !important;
  right: -48px !important;
  bottom: 34px !important;
  width: 150px !important;
  height: 2px !important;
  background: #EC1F26 !important;
  transform: rotate(-45deg) !important;
  transform-origin: center !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.contact-info-panel > * {
  position: relative !important;
  z-index: 3 !important;
}

/* Eyebrow info */
.contact-info-eyebrow,
.contact-info-eyebrow .elementor-widget-container,
.contact-info-eyebrow p {
  margin: 0 0 14px 0 !important;
  padding: 0 !important;

  font-family: Inter, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1.2em !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #EC1F26 !important;
}

/* Título info */
.contact-info-title,
.contact-info-title .elementor-widget-container,
.contact-info-title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  font-family: Manrope, sans-serif !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  line-height: 1.12em !important;
  letter-spacing: -0.035em !important;
  color: #FFFFFF !important;
}

/* Texto info */
.contact-info-text,
.contact-info-text .elementor-widget-container,
.contact-info-text p {
  margin: 16px 0 30px 0 !important;
  padding: 0 !important;

  font-family: Inter, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.62em !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

/* Lista datos */
.contact-info-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;

  margin: 0 0 30px 0 !important;
  padding: 0 !important;
}

/* Item */
.contact-info-item {
  position: relative !important;
  padding: 16px 16px !important;
  border-radius: 14px !important;

  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
}

.contact-info-item .elementor-widget,
.contact-info-item .elementor-widget-container,
.contact-info-item p,
.contact-info-item .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;
}

/* Textos internos de cada item */
.contact-info-item .elementor-widget,
.contact-info-item .elementor-widget-container,
.contact-info-item p,
.contact-info-item .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;
}

/* Label del dato */
.contact-info-label,
.contact-info-label .elementor-widget-container,
.contact-info-label p,
.contact-info-label span,
.contact-info-label .elementor-heading-title {
  margin: 0 0 6px 0 !important;
  padding: 0 !important;

  font-family: Inter, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1.3em !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.58) !important;
}

/* Valor del dato */
.contact-info-value,
.contact-info-value .elementor-widget-container,
.contact-info-value p,
.contact-info-value span,
.contact-info-value .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  font-family: Inter, sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  line-height: 1.45em !important;
  color: #FFFFFF !important;
}

/* Refuerzo para frontend */
.contact-info-panel .contact-info-item .contact-info-label *,
.contact-info-panel .contact-info-item .contact-info-value * {
  color: inherit !important;
}

/* Botón WhatsApp */
.contact-info-whatsapp,
.contact-info-whatsapp .elementor-widget-container,
.contact-info-whatsapp .elementor-button-wrapper {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.contact-info-whatsapp .elementor-button {
  width: 100% !important;
  min-height: 54px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;

  padding: 0 26px !important;
  border-radius: 9px !important;

  background: #D71920 !important;
  background-color: #D71920 !important;
  border: 1px solid #D71920 !important;
  color: #FFFFFF !important;

  font-family: Inter, sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  box-shadow: 0 12px 28px rgba(236, 31, 38, 0.18) !important;

  transition:
    transform 0.22s ease,
    background-color 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease !important;
}

.contact-info-whatsapp .elementor-button:hover {
  transform: translateY(-2px) !important;
  background: #C9151C !important;
  background-color: #C9151C !important;
  border-color: #C9151C !important;
  box-shadow: 0 14px 30px rgba(236, 31, 38, 0.22) !important;
}

.contact-info-whatsapp .elementor-button span,
.contact-info-whatsapp .elementor-button i,
.contact-info-whatsapp .elementor-button svg {
  color: inherit !important;
  fill: currentColor !important;
}

/* Nota */
.contact-info-note,
.contact-info-note .elementor-widget-container,
.contact-info-note p {
  margin: 18px 0 0 0 !important;
  padding: 0 !important;

  font-family: Inter, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 1.5em !important;
  color: rgba(255, 255, 255, 0.56) !important;
}


/* ==============================
   Tablet
   ============================== */

@media (max-width: 1024px) {
  .contact-main-section {
    padding: 82px 20px 90px 20px !important;
  }

  .contact-main-inner {
    flex-direction: column !important;
    gap: 24px !important;
  }

  .contact-form-panel,
  .contact-info-panel {
    flex: 0 0 100% !important;
    width: 100% !important;
  }

  .contact-form-title,
  .contact-form-title .elementor-widget-container,
  .contact-form-title .elementor-heading-title {
    font-size: 34px !important;
  }

  .contact-info-title,
  .contact-info-title .elementor-widget-container,
  .contact-info-title .elementor-heading-title {
    font-size: 30px !important;
  }
}


/* ==============================
   Móvil
   ============================== */

@media (max-width: 767px) {
  .contact-main-section {
    padding: 64px 18px 72px 18px !important;
  }

  .contact-form-panel,
  .contact-info-panel {
    padding: 30px 22px !important;
    border-radius: 18px !important;
  }

  .contact-form-panel::before {
    left: 22px !important;
  }

  .contact-form-title,
  .contact-form-title .elementor-widget-container,
  .contact-form-title .elementor-heading-title {
    font-size: 28px !important;
    line-height: 1.16em !important;
  }

  .contact-form-text,
  .contact-form-text .elementor-widget-container,
  .contact-form-text p {
    font-size: 15px !important;
    line-height: 1.6em !important;
    margin-bottom: 26px !important;
  }

  .contact-form-widget .elementor-form {
    gap: 16px !important;
  }

  .contact-form-widget .elementor-button {
    width: 100% !important;
  }

  .contact-form-widget .elementor-button:hover,
  .contact-info-whatsapp .elementor-button:hover {
    transform: none !important;
  }

  .contact-info-title,
  .contact-info-title .elementor-widget-container,
  .contact-info-title .elementor-heading-title {
    font-size: 28px !important;
    line-height: 1.16em !important;
  }

  .contact-info-panel::after {
    display: none !important;
  }
}

/* =========================================================
   SOCDO - Preguntas frecuentes Contacto
   ========================================================= */

.contact-faq-section {
  position: relative !important;
  background: #FFFFFF !important;
  padding: 96px 20px 110px 20px !important;
  overflow: hidden !important;
}

.contact-faq-inner {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  gap: 36px !important;
}

/* =========================================================
   Tarjeta izquierda
   ========================================================= */

.contact-faq-aside {
  flex: 0 0 36% !important;
  min-width: 0 !important;

  position: relative !important;
  overflow: hidden !important;

  padding: 42px !important;
  border-radius: 22px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  background:
    radial-gradient(circle at 12% 14%, rgba(42, 82, 190, 0.30), transparent 36%),
    linear-gradient(135deg, #101722 0%, #151B26 56%, #0F1115 100%) !important;

  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.16) !important;
}

/* Textura */
.contact-faq-aside::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  background:
    linear-gradient(135deg, rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(45deg, rgba(42,82,190,0.045), transparent 44%) !important;
  background-size: 34px 34px, 100% 100% !important;
  opacity: 0.42 !important;
}

/* Línea roja decorativa */
.contact-faq-aside::after {
  content: "" !important;
  position: absolute !important;
  right: -48px !important;
  bottom: 36px !important;
  width: 150px !important;
  height: 2px !important;
  background: #EC1F26 !important;
  transform: rotate(-45deg) !important;
  transform-origin: center !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.contact-faq-aside > * {
  position: relative !important;
  z-index: 3 !important;
}

/* Eyebrow */
.contact-faq-eyebrow,
.contact-faq-eyebrow .elementor-widget-container,
.contact-faq-eyebrow p {
  margin: 0 0 14px 0 !important;
  padding: 0 !important;

  font-family: Inter, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1.2em !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #EC1F26 !important;
}

/* Título */
.contact-faq-title,
.contact-faq-title .elementor-widget-container,
.contact-faq-title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  font-family: Manrope, sans-serif !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  line-height: 1.12em !important;
  letter-spacing: -0.035em !important;
  color: #FFFFFF !important;
}

/* Texto */
.contact-faq-text,
.contact-faq-text .elementor-widget-container,
.contact-faq-text p {
  margin: 18px 0 0 0 !important;
  padding: 0 !important;

  font-family: Inter, sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 400 !important;
  line-height: 1.65em !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

/* Nota */
.contact-faq-note,
.contact-faq-note .elementor-widget-container,
.contact-faq-note p {
  margin: 30px 0 16px 0 !important;
  padding: 0 !important;

  font-family: Inter, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1.5em !important;
  color: rgba(255, 255, 255, 0.64) !important;
}

/* Botón WhatsApp */
.contact-faq-whatsapp,
.contact-faq-whatsapp .elementor-widget-container,
.contact-faq-whatsapp .elementor-button-wrapper {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 312px !important;
}

.contact-faq-whatsapp .elementor-button {
  width: 100% !important;
  min-height: 54px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;

  padding: 0 26px !important;
  border-radius: 9px !important;

  background: #D71920 !important;
  background-color: #D71920 !important;
  border: 1px solid #D71920 !important;
  color: #FFFFFF !important;

  font-family: Inter, sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;

  box-shadow: 0 12px 28px rgba(236, 31, 38, 0.18) !important;

  transition:
    transform 0.22s ease,
    background-color 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease !important;
}

.contact-faq-whatsapp .elementor-button:hover {
  transform: translateY(-2px) !important;
  background: #C9151C !important;
  background-color: #C9151C !important;
  border-color: #C9151C !important;
  box-shadow: 0 14px 30px rgba(236, 31, 38, 0.22) !important;
}

.contact-faq-whatsapp .elementor-button span,
.contact-faq-whatsapp .elementor-button i,
.contact-faq-whatsapp .elementor-button svg {
  color: inherit !important;
  fill: currentColor !important;
}

/* =========================================================
   Panel derecho FAQ
   ========================================================= */

.contact-faq-panel {
  flex: 1 1 auto !important;
  min-width: 0 !important;

  position: relative !important;
  padding: 0 !important;
}

/* Título panel */
.contact-faq-panel-title,
.contact-faq-panel-title .elementor-widget-container,
.contact-faq-panel-title .elementor-heading-title {
  margin: 0 0 24px 0 !important;
  padding: 0 !important;

  font-family: Manrope, sans-serif !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  line-height: 1.16em !important;
  letter-spacing: -0.03em !important;
  color: #000000 !important;
}

/* =========================================================
   Accordion / Toggle / Nested Accordion
   ========================================================= */

.contact-faq-accordion,
.contact-faq-accordion .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

/* Reset general */
.contact-faq-accordion .elementor-accordion,
.contact-faq-accordion .elementor-toggle,
.contact-faq-accordion .e-n-accordion {
  border: 0 !important;
}

/* Items */
.contact-faq-accordion .elementor-accordion-item,
.contact-faq-accordion .elementor-toggle-item,
.contact-faq-accordion .e-n-accordion-item {
  margin: 0 0 14px 0 !important;
  padding: 0 !important;

  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 16px !important;
  overflow: hidden !important;

  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.045) !important;

  transition:
    border-color 0.22s ease,
    box-shadow 0.22s ease !important;
}

.contact-faq-accordion .elementor-accordion-item:hover,
.contact-faq-accordion .elementor-toggle-item:hover,
.contact-faq-accordion .e-n-accordion-item:hover {
  border-color: rgba(42, 82, 190, 0.26) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.065) !important;
}

/* Eliminar bordes internos heredados */
.contact-faq-accordion .elementor-accordion-item,
.contact-faq-accordion .elementor-tab-title,
.contact-faq-accordion .elementor-tab-content,
.contact-faq-accordion .elementor-toggle-item,
.contact-faq-accordion .elementor-toggle-title,
.contact-faq-accordion .elementor-toggle-content,
.contact-faq-accordion .e-n-accordion-item,
.contact-faq-accordion .e-n-accordion-item-title {
  border: 0 !important;
}

/* Título pregunta - Accordion clásico / Toggle */
.contact-faq-accordion .elementor-tab-title,
.contact-faq-accordion .elementor-toggle-title {
  padding: 20px 22px !important;
  background: #FFFFFF !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  text-align: left !important;

  font-family: Manrope, sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 700 !important;
  line-height: 1.35em !important;
  letter-spacing: -0.012em !important;
  color: #000000 !important;
}

/* Título pregunta - Nested Accordion */
.contact-faq-accordion .e-n-accordion-item-title {
  padding: 20px 22px !important;
  background: #FFFFFF !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  text-align: left !important;

  font-family: Manrope, sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 700 !important;
  line-height: 1.35em !important;
  letter-spacing: -0.012em !important;
  color: #000000 !important;
}

/* Texto interno de preguntas */
.contact-faq-accordion .elementor-accordion-title,
.contact-faq-accordion .elementor-toggle-title-text,
.contact-faq-accordion .e-n-accordion-item-title-text {
  flex: 1 1 auto !important;
  width: 100% !important;
  margin: 0 !important;

  font-family: Manrope, sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 700 !important;
  line-height: 1.35em !important;
  letter-spacing: -0.012em !important;
  color: #000000 !important;
  text-align: left !important;
}

/* Refuerzo para enlaces o headers internos */
.contact-faq-accordion .elementor-tab-title a,
.contact-faq-accordion .elementor-toggle-title a,
.contact-faq-accordion .e-n-accordion-item-title-header {
  width: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;

  color: inherit !important;
  text-align: left !important;
}

/* Pregunta activa */
.contact-faq-accordion .elementor-tab-title.elementor-active,
.contact-faq-accordion .elementor-toggle-title.elementor-active,
.contact-faq-accordion .e-n-accordion-item[open] .e-n-accordion-item-title {
  color: #2A52BE !important;
  background: #FFFFFF !important;
}

.contact-faq-accordion .elementor-tab-title.elementor-active .elementor-accordion-title,
.contact-faq-accordion .elementor-toggle-title.elementor-active,
.contact-faq-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-text {
  color: #2A52BE !important;
}

/* Iconos + / - */
.contact-faq-accordion .elementor-accordion-icon,
.contact-faq-accordion .elementor-toggle-icon,
.contact-faq-accordion .e-n-accordion-item-title-icon {
  flex: 0 0 16px !important;
  width: 16px !important;
  min-width: 16px !important;

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

  color: #2A52BE !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  opacity: 0.88 !important;
}

.contact-faq-accordion .elementor-accordion-icon i,
.contact-faq-accordion .elementor-toggle-icon i,
.contact-faq-accordion .e-n-accordion-item-title-icon i {
  color: #2A52BE !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

.contact-faq-accordion .elementor-accordion-icon svg,
.contact-faq-accordion .elementor-toggle-icon svg,
.contact-faq-accordion .e-n-accordion-item-title-icon svg {
  width: 12px !important;
  height: 12px !important;
  color: #2A52BE !important;
  fill: currentColor !important;
}

/* Contenido respuesta - Accordion clásico / Toggle */
.contact-faq-accordion .elementor-tab-content,
.contact-faq-accordion .elementor-toggle-content {
  padding: 0 22px 22px 52px !important;
  background: #FFFFFF !important;
  border: 0 !important;

  font-family: Inter, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.65em !important;
  color: #5F6368 !important;
}

/* Contenido respuesta - Nested Accordion */
.contact-faq-accordion .e-n-accordion-item > .elementor-element,
.contact-faq-accordion .e-n-accordion-item .e-con,
.contact-faq-accordion .e-n-accordion-item .e-con-inner {
  background: #FFFFFF !important;
}

.contact-faq-accordion .e-n-accordion-item[open] > .elementor-element,
.contact-faq-accordion .e-n-accordion-item[open] .e-con,
.contact-faq-accordion .e-n-accordion-item[open] .e-con-inner {
  padding: 0 22px 22px 52px !important;
}

/* Párrafos internos */
.contact-faq-accordion .elementor-tab-content p,
.contact-faq-accordion .elementor-toggle-content p,
.contact-faq-accordion .e-n-accordion-item p {
  margin: 0 !important;
  padding: 0 !important;

  font-family: Inter, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.65em !important;
  color: #5F6368 !important;
}

/* Último item sin margen inferior */
.contact-faq-accordion .elementor-accordion-item:last-child,
.contact-faq-accordion .elementor-toggle-item:last-child,
.contact-faq-accordion .e-n-accordion-item:last-child {
  margin-bottom: 0 !important;
}

/* ==============================
   Tablet
   ============================== */

@media (max-width: 1024px) {
  .contact-faq-section {
    padding: 82px 20px 92px 20px !important;
  }

  .contact-faq-inner {
    flex-direction: column !important;
    gap: 26px !important;
  }

  .contact-faq-aside,
  .contact-faq-panel {
    flex: 0 0 100% !important;
    width: 100% !important;
  }

  .contact-faq-title,
  .contact-faq-title .elementor-widget-container,
  .contact-faq-title .elementor-heading-title {
    font-size: 32px !important;
  }

  .contact-faq-panel-title,
  .contact-faq-panel-title .elementor-widget-container,
  .contact-faq-panel-title .elementor-heading-title {
    font-size: 30px !important;
  }
}

/* ==============================
   Móvil
   ============================== */

@media (max-width: 767px) {
  .contact-faq-section {
    padding: 64px 18px 76px 18px !important;
  }

  .contact-faq-aside {
    padding: 32px 24px !important;
    border-radius: 18px !important;
  }

  .contact-faq-aside::after {
    display: none !important;
  }

  .contact-faq-title,
  .contact-faq-title .elementor-widget-container,
  .contact-faq-title .elementor-heading-title {
    font-size: 28px !important;
    line-height: 1.16em !important;
  }

  .contact-faq-text,
  .contact-faq-text .elementor-widget-container,
  .contact-faq-text p {
    font-size: 15px !important;
    line-height: 1.6em !important;
  }

  .contact-faq-panel-title,
  .contact-faq-panel-title .elementor-widget-container,
  .contact-faq-panel-title .elementor-heading-title {
    font-size: 27px !important;
    line-height: 1.18em !important;
  }

  .contact-faq-accordion .elementor-tab-title,
  .contact-faq-accordion .elementor-toggle-title,
  .contact-faq-accordion .e-n-accordion-item-title {
    padding: 17px 18px !important;
    gap: 12px !important;
    justify-content: flex-start !important;
    text-align: left !important;

    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.34em !important;
  }

  .contact-faq-accordion .elementor-accordion-title,
  .contact-faq-accordion .elementor-toggle-title-text,
  .contact-faq-accordion .e-n-accordion-item-title-text {
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.34em !important;
    text-align: left !important;
  }

  .contact-faq-accordion .elementor-accordion-icon,
  .contact-faq-accordion .elementor-toggle-icon,
  .contact-faq-accordion .e-n-accordion-item-title-icon {
    flex: 0 0 14px !important;
    width: 14px !important;
    min-width: 14px !important;
    font-size: 11px !important;
  }

  .contact-faq-accordion .elementor-accordion-icon i,
  .contact-faq-accordion .elementor-toggle-icon i,
  .contact-faq-accordion .e-n-accordion-item-title-icon i {
    font-size: 11px !important;
  }

  .contact-faq-accordion .elementor-accordion-icon svg,
  .contact-faq-accordion .elementor-toggle-icon svg,
  .contact-faq-accordion .e-n-accordion-item-title-icon svg {
    width: 11px !important;
    height: 11px !important;
  }

  .contact-faq-accordion .elementor-tab-content,
  .contact-faq-accordion .elementor-toggle-content {
    padding: 0 18px 20px 44px !important;
    font-size: 14.5px !important;
  }

  .contact-faq-accordion .e-n-accordion-item[open] > .elementor-element,
  .contact-faq-accordion .e-n-accordion-item[open] .e-con,
  .contact-faq-accordion .e-n-accordion-item[open] .e-con-inner {
    padding: 0 18px 20px 44px !important;
  }

  .contact-faq-accordion .e-n-accordion-item p,
  .contact-faq-accordion .elementor-tab-content p,
  .contact-faq-accordion .elementor-toggle-content p {
    font-size: 14.5px !important;
    line-height: 1.62em !important;
  }

  .contact-faq-whatsapp .elementor-button {
    min-height: 52px !important;
  }

  .contact-faq-whatsapp .elementor-button:hover {
    transform: none !important;
  }
}/* End custom CSS */