[data-page="_global_register"][data-itemid="section"] > .panel-heading {
  color: #ffffff;
}
[data-page="_global_register"][data-itemid="section"] > .panel-heading {
  background-color: #df08ef;
  background-image: none;
}
[data-page="_global_register"][data-itemid="section"] > * > .panel-body {
  background-color: #eeccf7;
  background-image: none;
}
[data-page="_global_register"][data-itemid="section"] {
  border-width: 3px;
  border-color: #b20ef3;
}
[data-page="_global_register"][data-itemid="section1"] > .panel-heading {
  color: #ffffff;
}
[data-page="_global_register"][data-itemid="section1"] > .panel-heading {
  background-color: #df08ef;
  background-image: none;
}
[data-page="_global_register"][data-itemid="section1"] > * > .panel-body {
  background-color: #eeccf7;
  background-image: none;
}
[data-page="_global_register"][data-itemid="section1"] {
  border-width: 3px;
  border-color: #b20ef3;
}
[data-page="_global_register"][data-itemid="section2"] > .panel-heading {
  color: #ffffff;
}
[data-page="_global_register"][data-itemid="section2"] > .panel-heading {
  background-color: #df08ef;
  background-image: none;
}
[data-page="_global_register"][data-itemid="section2"] > * > .panel-body {
  background-color: #eeccf7;
  background-image: none;
}
[data-page="_global_register"][data-itemid="section2"] {
  border-width: 3px;
  border-color: #b20ef3;
}
[data-page="_global_register"][data-itemid="page_image_ash8f23hr"] {
  width: 400px;
}


/* Put  your custom CSS code here */

/* ================================
   REGISTRO VECINAS TRANSFORMADORAS
   SOLO DISEÑO - NO TOCA FUNCIONES
================================ */

html,
body{
    min-height:100%;
}

body{
    margin:0 !important;
    font-family:Arial, sans-serif !important;
    background:
        linear-gradient(
            rgba(255,255,255,.84),
            rgba(255,255,255,.94)
        ),
        url("/images/fondo_mujeres.jpg") center top / cover fixed no-repeat !important;
}

/* Contenedor general de PHPRunner */
.rnr-page,
.rnr-pagewrapper,
.rnr-body,
.rnr-content,
.rnr-c{
    background:transparent !important;
}

/* Centrar toda la página */
.rnr-pagewrapper,
.rnr-body{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
}

/* Bloque principal del formulario */
.rnr-form,
.rnr-b-wrapper,
.rnr-gridtable,
.panel,
.card{
    max-width:560px !important;
    width:calc(100% - 28px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
}

/* Tarjeta blanca */
.rnr-form,
.rnr-gridtable{
    background:rgba(255,255,255,.97) !important;
    border-radius:26px !important;
    padding:16px !important;
    box-shadow:0 12px 34px rgba(40,0,70,.22) !important;
    border:none !important;
}

/* Encabezado o título */
.rnr-gridtable > tbody > tr:first-child td,
.rnr-gridtable > tr:first-child td,
.panel-heading{
    background:linear-gradient(
        135deg,
        #7b2cbf,
        #b23aee,
        #e91e63
    ) !important;
    color:#fff !important;
    font-weight:700 !important;
    border-radius:16px 16px 0 0 !important;
}

/* Secciones internas */
.rnr-section,
.rnr-tab,
.panel-body,
.rnr-gridtable td{
    box-sizing:border-box !important;
}

/* Etiquetas */
label,
.rnr-label,
.control-label{
    color:#32104f !important;
    font-weight:700 !important;
    font-size:14px !important;
}

/* Campos */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
select,
textarea,
.form-control{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    border:1px solid #d7c8e6 !important;
    border-radius:14px !important;
    padding:11px 12px !important;
    background:#fff !important;
    box-shadow:0 2px 7px rgba(60,20,90,.07) !important;
    font-size:15px !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus{
    border-color:#9d4edd !important;
    outline:none !important;
    box-shadow:0 0 0 3px rgba(157,78,221,.14) !important;
}

/* Áreas de texto */
textarea{
    min-height:82px !important;
    resize:vertical !important;
}

/* Botón Registrar */
.btn-primary,
.btn-success,
[id*="saveButton"],
button[type="submit"]{
    background:linear-gradient(
        135deg,
        #7b2cbf,
        #9d4edd,
        #e91e63
    ) !important;
    border:none !important;
    color:#fff !important;
    border-radius:18px !important;
    padding:13px 24px !important;
    min-width:180px !important;
    font-size:16px !important;
    font-weight:800 !important;
    box-shadow:0 7px 18px rgba(123,44,191,.30) !important;
}

/* Botón regresar */
.btn-default,
.btn-secondary{
    border-radius:18px !important;
    padding:12px 20px !important;
    font-weight:700 !important;
}

/* Área de botones centrada */
.rnr-b-buttons,
.rnr-buttons,
.form-actions{
    text-align:center !important;
    max-width:560px !important;
    width:calc(100% - 28px) !important;
    margin:14px auto 28px !important;
}

/* Evitar desbordamiento */
table,
tbody,
tr,
td{
    max-width:100% !important;
}

/* ================================
   CELULAR
================================ */
@media (max-width:600px){

    body{
        background-attachment:scroll !important;
    }

    .rnr-form,
    .rnr-b-wrapper,
    .rnr-gridtable,
    .panel,
    .card{
        width:calc(100% - 18px) !important;
        max-width:none !important;
        margin:10px auto !important;
    }

    .rnr-form,
    .rnr-gridtable{
        padding:10px !important;
        border-radius:20px !important;
    }

    /* Convertir columnas en una sola cuando sea necesario */
    .rnr-gridtable td{
        width:100% !important;
    }

    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="tel"],
    select,
    textarea,
    .form-control{
        font-size:16px !important;
    }

    .rnr-b-buttons,
    .rnr-buttons,
    .form-actions{
        width:calc(100% - 18px) !important;
    }

    .btn-primary,
    .btn-success,
    [id*="saveButton"],
    button[type="submit"]{
        width:100% !important;
        max-width:100% !important;
    }
}


/* =========================================
   BOTÓN REGRESAR AL LOGIN
========================================= */

.btn-login-app{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:230px !important;
    min-height:48px !important;
    padding:12px 22px !important;
    margin:8px !important;

    color:#ffffff !important;
    background:linear-gradient(
        135deg,
        #5a189a,
        #7b2cbf,
        #e91e63
    ) !important;

    border:none !important;
    border-radius:18px !important;

    font-size:15px !important;
    font-weight:800 !important;
    text-align:center !important;
    text-decoration:none !important;

    box-shadow:0 7px 18px rgba(90,24,154,.28) !important;
    cursor:pointer !important;
    transition:transform .2s ease, box-shadow .2s ease !important;
}

.btn-login-app:hover{
    color:#ffffff !important;
    text-decoration:none !important;
    transform:translateY(-2px) !important;
    box-shadow:0 10px 24px rgba(90,24,154,.36) !important;
}

.btn-login-app:active{
    transform:scale(.98) !important;
}

@media(max-width:600px){

    .btn-login-app{
        display:flex !important;
        width:calc(100% - 36px) !important;
        max-width:360px !important;
        margin:10px auto !important;
        box-sizing:border-box !important;
    }
}

/* =========================================
   BOTONES FINALES DEL REGISTRO
========================================= */

.btn-registro-principal,
.btn-registro-secundario{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    max-width:360px !important;
    min-height:54px !important;

    margin:10px auto !important;
    padding:13px 24px !important;

    border:none !important;
    border-radius:20px !important;

    color:#ffffff !important;
    font-size:17px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    text-align:center !important;
    text-decoration:none !important;

    box-sizing:border-box !important;
    cursor:pointer !important;

    box-shadow:0 8px 20px rgba(90,24,154,.28) !important;
}

.btn-registro-principal{
    background:linear-gradient(
        135deg,
        #7b2cbf,
        #9d4edd,
        #e91e63
    ) !important;
}

.btn-registro-secundario{
    background:linear-gradient(
        135deg,
        #240046,
        #5a189a,
        #7b2cbf
    ) !important;
}

.btn-registro-principal:hover,
.btn-registro-secundario:hover{
    color:#ffffff !important;
    text-decoration:none !important;
    transform:translateY(-2px) !important;
}

.btn-registro-principal:active,
.btn-registro-secundario:active{
    transform:scale(.98) !important;
}

/* Centrar el área de acciones */
.rnr-b-buttons,
.rnr-buttons,
.form-actions{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;

    width:100% !important;
    max-width:420px !important;
    margin:16px auto 28px !important;
}

/* Eliminar huecos del botón reiniciar oculto */
.rnr-b-buttons td:empty,
.rnr-buttons td:empty,
.form-actions td:empty{
    display:none !important;
}

@media(max-width:600px){

    .btn-registro-principal,
    .btn-registro-secundario{
        width:calc(100% - 20px) !important;
        max-width:none !important;
        min-height:56px !important;
        font-size:17px !important;
    }

    .rnr-b-buttons,
    .rnr-buttons,
    .form-actions{
        width:100% !important;
        padding:0 8px !important;
        box-sizing:border-box !important;
    }
}