/*
Theme Name: Spacious Child SD Androide
Theme URI: https://sdandroide.com.mx/
Description: Tema hijo de Spacious para SD Androide.
Author: SD Androide
Author URI: https://sdandroide.com.mx/
Template: spacious
Version: 1.1.2
Text Domain: spacious-child-sd-androide
*/

/* =========================================================
   SD POPUP · CORRECCIÓN SIN ALTERAR EL ANCHO DEL FORMULARIO
========================================================= */

html,
body.sd-popup-page {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100%;
  color-scheme: light;
  background: #f4f8fb !important;
}

/* Elimina espacios exteriores, pero conserva los anchos del plugin */
body.sd-popup-page > .wp-site-blocks,
body.sd-popup-page > .entry-content {
  margin: 0 !important;
  padding: 0 !important;
}

/* Grupo que contiene el shortcode */
body.sd-popup-page .sd-popup-formulario-contpaqi {
  margin: 0 !important;
  padding: 38px 20px 55px !important;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(4, 184, 233, 0.18),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #071d32 0%,
      #0b2743 56%,
      #0867b2 100%
    ) !important;
}

/* Conserva el ancho interno que ya tenía el formulario */
body.sd-popup-page
.sd-popup-formulario-contpaqi
> .wp-block-group__inner-container {
  width: min(1180px, 100%);
  margin: 0 auto;
}

/* El contenedor exterior del plugin no debe pintar fondo negro */
body.sd-popup-page
.sd-popup-formulario-contpaqi
.wp-block-shortcode {
  background: transparent !important;
}

/*
  Normalmente el shortcode genera un único contenedor raíz.
  Se vuelve transparente sin modificar las tarjetas internas.
*/
body.sd-popup-page
.sd-popup-formulario-contpaqi
.wp-block-shortcode
> :first-child {
  background-color: transparent !important;
}

/* Campos siempre en modo claro */
body.sd-popup-page
.sd-popup-formulario-contpaqi
input,
body.sd-popup-page
.sd-popup-formulario-contpaqi
select,
body.sd-popup-page
.sd-popup-formulario-contpaqi
textarea {
  color-scheme: light;
}

/* Ajuste móvil */
@media (max-width: 680px) {
  body.sd-popup-page .sd-popup-formulario-contpaqi {
    padding: 25px 14px 40px !important;
  }
}
/* =========================================================
   CONTENEDOR DEL FORMULARIO
========================================================= */

body.sd-popup-page .sd-popup-formulario-contpaqi {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 38px 22px 60px !important;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(4, 184, 233, 0.22),
      transparent 34%
    ),
    radial-gradient(
      circle at 0% 100%,
      rgba(18, 169, 170, 0.13),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      #071d32 0%,
      #0b2743 52%,
      #0867b2 100%
    ) !important;
}

/*
  Fuerza el color azul sobre el contenedor principal generado
  por el shortcode, aunque el plugin tenga fondo negro.
*/
body.sd-popup-page
.sd-popup-formulario-contpaqi
> .wp-block-group__inner-container,

body.sd-popup-page
.sd-popup-formulario-contpaqi
.wp-block-shortcode,

body.sd-popup-page
.sd-popup-formulario-contpaqi
.wp-block-shortcode
> div,

body.sd-popup-page
.sd-popup-formulario-contpaqi
.wp-block-shortcode
> section {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

/* Corrige el fondo negro generado por el formulario */
body.sd-popup-page
.sd-popup-formulario-contpaqi
.wp-block-shortcode
> div,

body.sd-popup-page
.sd-popup-formulario-contpaqi
.wp-block-shortcode
> section {
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(4, 184, 233, 0.18),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #071d32 0%,
      #0b2743 55%,
      #0867b2 100%
    ) !important;
}

/* Tarjeta de campos */
body.sd-popup-page
.sd-popup-formulario-contpaqi
form {
  color-scheme: light;
}

/* Textos del panel azul */
body.sd-popup-page
.sd-popup-formulario-contpaqi
h1,

body.sd-popup-page
.sd-popup-formulario-contpaqi
h2,

body.sd-popup-page
.sd-popup-formulario-contpaqi
h3 {
  color: #ffffff;
}

/* Etiquetas y textos dentro de la tarjeta blanca */
body.sd-popup-page
.sd-popup-formulario-contpaqi
form label,

body.sd-popup-page
.sd-popup-formulario-contpaqi
form h1,

body.sd-popup-page
.sd-popup-formulario-contpaqi
form h2,

body.sd-popup-page
.sd-popup-formulario-contpaqi
form h3,

body.sd-popup-page
.sd-popup-formulario-contpaqi
form p {
  color: #0b2743;
}

/* Campos */
body.sd-popup-page
.sd-popup-formulario-contpaqi
input,

body.sd-popup-page
.sd-popup-formulario-contpaqi
select,

body.sd-popup-page
.sd-popup-formulario-contpaqi
textarea {
  color: #263b4b !important;
  background-color: #ffffff !important;
  border-color: #b9cfdd !important;
}

/* Evita fondos oscuros automáticos */
body.sd-popup-page
.sd-popup-formulario-contpaqi
input:-webkit-autofill {
  -webkit-text-fill-color: #263b4b;
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}

/* Responsive */
@media (max-width: 680px) {
  body.sd-popup-page .sd-popup-formulario-contpaqi {
    padding: 25px 14px 40px !important;
  }
}

/* =========================================================
   SD CONTPAQi · SOLO CORRECCIÓN DE COLOR DEL FORMULARIO POPUP
   No modifica anchos, columnas, márgenes ni distribución
========================================================= */

/* Fondo general de la sección generada por el formulario */
body.sd-popup-page .sd-form-contpaqi,
body.sd-popup-page .sd-form-contpaqi-wrap,
body.sd-popup-page .sd-contpaqi-form,
body.sd-popup-page .sd-contpaqi-form-wrap,
body.sd-popup-page [class*="sd-form-contpaqi"],
body.sd-popup-page [class*="sd-contpaqi-form"] {
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(4, 184, 233, 0.20),
      transparent 34%
    ),
    radial-gradient(
      circle at 0% 100%,
      rgba(18, 169, 170, 0.12),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      #071d32 0%,
      #0b2743 55%,
      #0867b2 100%
    ) !important;
}

/* Corrige posibles fondos negros internos sin alterar su estructura */
body.sd-popup-page .wp-block-shortcode > div[style*="background"],
body.sd-popup-page .wp-block-shortcode > section[style*="background"],
body.sd-popup-page .wp-block-shortcode > div[style*="black"],
body.sd-popup-page .wp-block-shortcode > section[style*="black"] {
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(4, 184, 233, 0.20),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #071d32 0%,
      #0b2743 55%,
      #0867b2 100%
    ) !important;
}

/* Textos del panel izquierdo */
body.sd-popup-page .wp-block-shortcode h1,
body.sd-popup-page .wp-block-shortcode h2,
body.sd-popup-page .wp-block-shortcode h3,
body.sd-popup-page .wp-block-shortcode p {
  color: #ffffff;
}

/* Conserva oscuros los textos dentro de la tarjeta blanca */
body.sd-popup-page .wp-block-shortcode form h1,
body.sd-popup-page .wp-block-shortcode form h2,
body.sd-popup-page .wp-block-shortcode form h3,
body.sd-popup-page .wp-block-shortcode form p,
body.sd-popup-page .wp-block-shortcode form label {
  color: #0b2743;
}

/* =========================================================
   FONDO COMPLETO DE LA PÁGINA DE FORMULARIO CONTPAQi
   No modifica anchos ni distribución
========================================================= */

html,
body.sd-popup-page {
  background: #f4f8fb !important;
}

body.sd-popup-page .sd-pagina-formulario-contpaqi {
  min-height: 100vh;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(4, 184, 233, 0.10),
      transparent 32%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f4f8fb 100%
    ) !important;

  /* Variables utilizadas por el formulario */
  --sd-azul-oscuro: #0b2743;
  --sd-azul-profundo: #123f69;
  --sd-azul-contpaqi: #0867b2;
  --sd-celeste: #04b8e9;
  --sd-turquesa: #12a9aa;
  --sd-texto: #263b4b;
  --sd-texto-suave: #617282;
  --sd-fondo: #f4f8fb;
  --sd-blanco: #ffffff;
}

/* El bloque Shortcode no debe agregar un fondo exterior negro */
body.sd-popup-page
.sd-pagina-formulario-contpaqi
.wp-block-shortcode {
  background: transparent !important;
}