.elementor-25366 .elementor-element.elementor-element-10337c0{--display:flex;--min-height:350px;--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:center;--overlay-opacity:0.25;border-style:solid;--border-style:solid;border-width:0px 0px 3px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:3px;--border-left-width:0px;border-color:var( --e-global-color-092a621 );--border-color:var( --e-global-color-092a621 );--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:1em;}.elementor-25366 .elementor-element.elementor-element-10337c0:not(.elementor-motion-effects-element-type-background), .elementor-25366 .elementor-element.elementor-element-10337c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-25366 .elementor-element.elementor-element-10337c0::before, .elementor-25366 .elementor-element.elementor-element-10337c0 > .elementor-background-video-container::before, .elementor-25366 .elementor-element.elementor-element-10337c0 > .e-con-inner > .elementor-background-video-container::before, .elementor-25366 .elementor-element.elementor-element-10337c0 > .elementor-background-slideshow::before, .elementor-25366 .elementor-element.elementor-element-10337c0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-25366 .elementor-element.elementor-element-10337c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;background-image:url("https://barberslamclub.com/wp-content/uploads/2023/02/pngwing.com-23.webp");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-25366 .elementor-element.elementor-element-80ec755 .elementor-heading-title{font-size:45px;color:#FFFFFF;}.elementor-25366 .elementor-element.elementor-element-d5fa584{--display:flex;--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;--padding-top:3em;--padding-bottom:3em;--padding-left:1em;--padding-right:1em;}@media(max-width:767px){.elementor-25366 .elementor-element.elementor-element-10337c0{--min-height:260px;}.elementor-25366 .elementor-element.elementor-element-80ec755 .elementor-heading-title{font-size:40px;}}/* Start custom CSS for shortcode, class: .elementor-element-747b6f3 *//* =====================================================
   REGISTRATIONMAGIC – ESTILO BARBER SLAM
   Blanco, negro y rojo #B52B23
   ===================================================== */

/* Contenedor principal del formulario */
.rmformui,
.rmagic,
.rmagic-form,
.rmagic-form-wrap {
    width: calc(100% - 40px) !important;
    max-width: 850px !important;
    margin: 40px auto !important;
    padding: 30px !important;
    color: #111111 !important;
    background-color: #ffffff !important;
    border: 1px solid #e3e3e3 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
    box-sizing: border-box !important;
}

/* Títulos */
.rmformui h1,
.rmformui h2,
.rmformui h3,
.rmagic h1,
.rmagic h2,
.rmagic h3 {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    padding-bottom: 12px !important;
    color: #111111 !important;
    border-bottom: 2px solid #B52B23 !important;
}

/* Filas */
.rmformui .rmform-row,
.rmformui .rmrow,
.rmagic .rmrow,
.rmagic .rmagic-row {
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-sizing: border-box !important;
}

/* Etiquetas */
.rmformui label,
.rmformui .rmform-label,
.rmagic label,
.rmagic .rmfield label,
.rmagic .rmagic-fieldlabel {
    display: block !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
    color: #111111 !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}

/* Campos de texto */
.rmformui input[type="text"],
.rmformui input[type="email"],
.rmformui input[type="password"],
.rmformui input[type="tel"],
.rmformui input[type="number"],
.rmformui input[type="url"],
.rmformui select,
.rmformui textarea,
.rmagic input[type="text"],
.rmagic input[type="email"],
.rmagic input[type="password"],
.rmagic input[type="tel"],
.rmagic input[type="number"],
.rmagic input[type="url"],
.rmagic select,
.rmagic textarea {
    display: block !important;
    width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 10px 13px !important;
    color: #111111 !important;
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box !important;
}

/* Textarea */
.rmformui textarea,
.rmagic textarea {
    min-height: 120px !important;
    resize: vertical !important;
}

/* Estado activo */
.rmformui input:focus,
.rmformui select:focus,
.rmformui textarea:focus,
.rmagic input:focus,
.rmagic select:focus,
.rmagic textarea:focus {
    border-color: #B52B23 !important;
    box-shadow: 0 0 0 3px rgba(181, 43, 35, 0.12) !important;
}

/* Textos de ayuda */
.rmformui .rmform-note,
.rmformui .rmnote,
.rmformui .description,
.rmagic .rmnote,
.rmagic .description,
.rmagic .rm_field_help {
    margin-top: 6px !important;
    color: #666666 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

/* Campos obligatorios */
.rmformui .required,
.rmagic .required,
.rmagic .rm-required,
.rmagic .rmagic-required {
    color: #B52B23 !important;
}

/* Checkbox y radio */
.rmformui input[type="checkbox"],
.rmformui input[type="radio"],
.rmagic input[type="checkbox"],
.rmagic input[type="radio"] {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    margin: 2px 8px 0 0 !important;
    padding: 0 !important;
    accent-color: #B52B23 !important;
    vertical-align: top !important;
}

/* Contenedores de checkbox y radio */
.rmformui .rmform-checkbox,
.rmformui .rmform-radio,
.rmagic .rmcheckbox,
.rmagic .rmradio {
    display: flex !important;
    align-items: flex-start !important;
    gap: 7px !important;
}

/* Botones */
.rmformui button,
.rmformui input[type="submit"],
.rmformui input[type="button"],
.rmagic button,
.rmagic input[type="submit"],
.rmagic input[type="button"],
.rmagic .rm_button,
.rmagic .rmagic-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 46px !important;
    padding: 12px 22px !important;
    color: #ffffff !important;
    background-color: #B52B23 !important;
    border: 1px solid #B52B23 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease !important;
}

.rmformui button:hover,
.rmformui input[type="submit"]:hover,
.rmformui input[type="button"]:hover,
.rmagic button:hover,
.rmagic input[type="submit"]:hover,
.rmagic input[type="button"]:hover,
.rmagic .rm_button:hover,
.rmagic .rmagic-button:hover {
    color: #ffffff !important;
    background-color: #92221c !important;
    border-color: #92221c !important;
    transform: translateY(-1px) !important;
}

/* Enlaces */
.rmformui a,
.rmagic a {
    color: #B52B23 !important;
    text-decoration: none !important;
}

.rmformui a:hover,
.rmagic a:hover {
    color: #8f211b !important;
}

/* Mensajes */
.rmformui .rmform-error,
.rmformui .rmerror,
.rmagic .rmerror,
.rmagic .rm_error,
.rmagic .rm-alert {
    margin: 12px 0 !important;
    padding: 13px 15px !important;
    color: #111111 !important;
    background-color: #fff7f6 !important;
    border: 1px solid #ecd1cf !important;
    border-left: 4px solid #B52B23 !important;
    border-radius: 6px !important;
}

/* Mensaje correcto */
.rmformui .rmform-success,
.rmformui .rmsuccess,
.rmagic .rmsuccess,
.rmagic .rm_success {
    margin: 12px 0 !important;
    padding: 13px 15px !important;
    color: #111111 !important;
    background-color: #f5faf6 !important;
    border: 1px solid #d5e8d8 !important;
    border-left: 4px solid #2f7d3d !important;
    border-radius: 6px !important;
}

/* Eliminar fondos y bordes internos del plugin */
.rmformui fieldset,
.rmagic fieldset,
.rmformui .rmform-field,
.rmagic .rmfield,
.rmagic .rminput {
    background: transparent !important;
    box-shadow: none !important;
}

/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 1024px) {

    .rmformui,
    .rmagic,
    .rmagic-form,
    .rmagic-form-wrap {
        width: calc(100% - 32px) !important;
        margin: 32px auto !important;
        padding: 24px !important;
    }
}

/* =====================================================
   MÓVIL
   ===================================================== */

@media (max-width: 767px) {

    .rmformui,
    .rmagic,
    .rmagic-form,
    .rmagic-form-wrap {
        width: calc(100% - 24px) !important;
        margin: 22px auto !important;
        padding: 20px 16px !important;
        border-radius: 8px !important;
    }

    /* Las columnas internas pasan a una sola columna */
    .rmformui .rmform-row,
    .rmformui .rmform-col,
    .rmagic .rmrow,
    .rmagic .rmcol,
    .rmagic .rmagic-col {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        float: none !important;
    }

    .rmformui button,
    .rmformui input[type="submit"],
    .rmagic button,
    .rmagic input[type="submit"],
    .rmagic .rm_button {
        width: 100% !important;
    }
}

@media (max-width: 480px) {

    .rmformui,
    .rmagic,
    .rmagic-form,
    .rmagic-form-wrap {
        width: calc(100% - 16px) !important;
        padding: 18px 13px !important;
    }
}/* End custom CSS */