.elementor-2079 .elementor-element.elementor-element-73c030aa{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2079 .elementor-element.elementor-element-d0d61ea{--display:flex;--min-height:85vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2079 .elementor-element.elementor-element-243a9aa .elementor-button{fill:#000000;color:#000000;border-radius:6px 6px 6px 6px;padding:12px 12px 12px 12px;}.elementor-2079 .elementor-element.elementor-element-6ae928a{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2079 .elementor-element.elementor-element-5a3464c{--display:flex;--min-height:65vh;--border-radius:9px 9px 9px 9px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2079 .elementor-element.elementor-element-5a3464c:not(.elementor-motion-effects-element-type-background), .elementor-2079 .elementor-element.elementor-element-5a3464c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-2079 .elementor-element.elementor-element-4cee998{--display:flex;--min-height:0vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2079 .elementor-element.elementor-element-c7285da{--display:flex;--min-height:85vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2079 .elementor-element.elementor-element-749e12a{text-align:center;}.elementor-2079 .elementor-element.elementor-element-749e12a img{width:100%;}.elementor-2079 .elementor-element.elementor-element-e2be7b5{--display:flex;--min-height:0vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}body.elementor-page-2079:not(.elementor-motion-effects-element-type-background), body.elementor-page-2079 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f98ec1a );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2079 .elementor-element.elementor-element-4cee998{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}}@media(max-width:767px){.elementor-2079 .elementor-element.elementor-element-243a9aa .elementor-button{border-radius:6px 6px 6px 6px;}.elementor-2079 .elementor-element.elementor-element-e2be7b5{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2079 .elementor-element.elementor-element-e2be7b5.e-con{--align-self:center;}}@media(min-width:768px){.elementor-2079 .elementor-element.elementor-element-73c030aa{--content-width:2100px;}.elementor-2079 .elementor-element.elementor-element-5a3464c{--width:89%;}.elementor-2079 .elementor-element.elementor-element-c7285da{--width:50%;}.elementor-2079 .elementor-element.elementor-element-e2be7b5{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2079 .elementor-element.elementor-element-5a3464c{--width:887px;}}/* Start custom CSS for shortcode, class: .elementor-element-4051bfb5 *//* --- Estilos para la Galería de Avatares de Ultimate Member --- */

/* Contenedor principal del campo de la galería */
div[data-key="custom_avatar_gallery"] {
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-bottom: 20px !important;
}

/* Área donde se muestran las imágenes de la galería */
div[data-key="custom_avatar_gallery"] .um-avatar-gallery {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    justify-content: flex-start !important; /* Alinea a la izquierda */
    align-items: center !important;
    padding-top: 10px !important;
}

/* Contenedor individual de cada imagen (la etiqueta <label>) */
div[data-key="custom_avatar_gallery"] .um-avatar-gallery label {
    cursor: pointer;
    border: 4px solid transparent; /* Aumenta el borde para mejor visibilidad */
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
    width: auto !important;
    flex: 0 0 auto !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    vertical-align: top !important;
    background-color: transparent !important;
}

/* La imagen del avatar */
div[data-key="custom_avatar_gallery"] .um-avatar-gallery img {
    width: 65px !important;
    height: 65px !important;
    max-width: 65px !important;
    border-radius: 50%;
    display: block !important;
    box-sizing: content-box !important; /* Evita problemas de tamaño por padding/border */
}

/* Oculta el botón de radio (el punto) */
div[data-key="custom_avatar_gallery"] .um-avatar-gallery input[type="radio"] {
    display: none !important;
}

/* Estilo para la imagen seleccionada */
div[data-key="custom_avatar_gallery"] .um-avatar-gallery input[type="radio"]:checked + img {
    border: 4px solid #5cb85c !important; /* Borde verde y más grueso */
}



/*
================================================
Estilos para los Botones del Formulario Ultimate Member
(Versión corregida con el color de marca #CCAA3B)
================================================
*/

/* 1. ESTILO BASE PARA AMBOS BOTONES
----------------------------------------------- */
/* Aplicamos un estilo común a .um-button para no repetir código */
.um-form .um-button,
.um-form input[type="submit"].um-button {
    /* Tamaño y espaciado */
    padding: 12px 20px !important;
    width: 100%;
    height: auto;
    display: inline-block;
    box-sizing: border-box; /* Importante para que el padding no rompa el ancho */
    
    /* Tipografía */
    font-size: 16px !important;
    font-weight: 700 !important; /* Texto en negrita */
    line-height: 1.5 !important;
    text-align: center;
    text-decoration: none !important;
    text-transform: none; /* Evita que se ponga todo en mayúsculas */

    /* Apariencia */
    border-radius: 8px !important; /* Bordes redondeados */
    border-width: 2px !important;
    border-style: solid !important;
    cursor: pointer;
    
    /* Animación */
    transition: all 0.3s ease-in-out;
}


/* 2. ESTILO DEL BOTÓN PRINCIPAL (REGISTRARSE)
----------------------------------------------- */
.um-form #um-submit-btn {
    background-color: #CCAA3B !important; /* <-- TU COLOR DE MARCA */
    border-color: #CCAA3B !important;     /* <-- TU COLOR DE MARCA */
    color: #1E1A33 !important; /* Color de texto oscuro para buen contraste */
}

/* Efecto Hover para el botón principal */
.um-form #um-submit-btn:hover {
    background-color: #e0bb4e !important; /* Un tono más claro de tu color de marca */
    border-color: #e0bb4e !important;
    transform: translateY(-2px); /* Efecto de "levantarse" */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}


/* 3. ESTILO DEL BOTÓN SECUNDARIO (ACCEDER)
----------------------------------------------- */
.um-form .um-button.um-alt {
    background-color: transparent !important; /* Fondo transparente */
    border-color: #CCAA3B !important; /* <-- TU COLOR DE MARCA */
    color: #CCAA3B !important;       /* <-- TU COLOR DE MARCA */
}

/* Efecto Hover para el botón secundario */
.um-form .um-button.um-alt:hover {
    background-color: #CCAA3B !important; /* <-- TU COLOR DE MARCA */
    color: #1E1A33 !important; /* El texto cambia a oscuro */
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}


/* 4. ALINEACIÓN DEL CONTENEDOR DE BOTONES
----------------------------------------------- */
/* Usamos Flexbox para alinear perfectamente los botones */
.um-form .um-col-alt {
    display: flex;
    gap: 15px; /* Espacio entre los dos botones */
}

.um-form .um-col-alt .um-half {
    width: 100%; /* Dejamos que flexbox controle el ancho */
}/* End custom CSS */