.elementor-11703 .elementor-element.elementor-element-dd29d29{--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:10%;--padding-bottom:5%;--padding-left:7%;--padding-right:7%;}.elementor-11703 .elementor-element.elementor-element-745e6b0{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-11703 .elementor-element.elementor-element-745e6b0.elementor-element{--align-self:center;}body.elementor-page-11703:not(.elementor-motion-effects-element-type-background), body.elementor-page-11703 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://itsmo.digital/wp-content/uploads/2024/11/Degradado-1-Cabecera.png");background-size:cover;}@media(max-width:767px){.elementor-11703 .elementor-element.elementor-element-dd29d29{--padding-top:30%;--padding-bottom:5%;--padding-left:2%;--padding-right:2%;}}/* Start custom CSS for shortcode, class: .elementor-element-745e6b0 */.my-profile-field {
            margin-bottom: 35px;
        }
        .my-profile-field label {
            display: block;
            margin-bottom: 8px;
            font-size: 1vw;
            font-family: "Geologica";
            font-weight: bold;
            color: #030408;
        }
        .my-profile-field input[type="text"],
        .my-profile-field input[type="tel"] {
            width: 100%;
            padding: 5px 25px;
            border: 2px solid #B51A1A;
            border-radius: 15px;
            background-color: #B51A1A20;
            color: #333;
            font-family: "Geologica";
            font-size: 1vw;
            box-sizing: border-box;
        }
        
        /* Estilo para botones */
        .my-profile-submit{
            flex: 1;
            margin-left: 20px;
        }
        
        .my-profile-submit button {
            background-color: #B51A1A;
            color: #fff;
            border: 2px solid #B51A1A ;
            padding: 12px 20px;
            border-radius: 8px;
            cursor: pointer;
            font-size: 0.875vw;
            font-family: "Geologica";
            font-weight: bold;
            transition: background-color 0.3s;
            width: 100%;
            display: inline-block;
        }
        .my-profile-submit button:hover {
            background-color: #B51A1A20;
            border: 2px solid #B51A1A;
            color: #030408;
        }
        .my-profile-submit button:focus {
            background-color: #B51A1A;
            border: 2px solid #B51A1A;
            color: #030408;
        }
        .back-button {
            background-color: #B51A1A20;
            color: #030408;
            border: 2px solid #B51A1A;
            border-radius: 8px;
            cursor: pointer;
            font-size: 0.875vw;
            font-family: "Geologica";
            font-weight: bold;
            transition: background-color 0.3s;
            display: inline-block;
            align-content: center;
            text-align: center;
            text-decoration: none !important;
            flex: 0 0 200px;
        }
        .back-button:hover {
            background-color: #B51A1A;
        }
        
        /* Mensajes */
        .my-profile-message {
            padding: 10px;
            margin: 10px 0;
            border-radius: 4px;
        }
        .my-profile-message.success {
            background: #28a745;
            color: white;
        }
        .my-profile-message.error {
            background: #dc3545;
            color: white;
        }
        
        /* Avatar y .elementor-11703 .elementor-element.elementor-element-745e6b0 de archivo */
        .avatar-section {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 20px;
        }
        .avatar-container {
            width: 200px;
            height: 200px;
            border-radius: 10px;
            overflow: hidden;
            margin-bottom: 10px;
            border: 2px solid #B51A1A;
            background-color: #1E3D58;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .avatar-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .custom-file-button {
            background-color: #B51A1A;
            color: #fff;
            border: 2px solid #B51A1A;
            padding: 10px 15px;
            border-radius: 8px;
            cursor: pointer;
            font-size: 0.875vw;
            font-weight: bold;
            font-family: "Geologica";
            transition: background-color 0.3s;
            display: inline-block;
            width: -webkit-fill-available;
        }
        .custom-file-button:hover {
            background-color: #B51A1A20;
            border: 2px solid #B51A1A;
            color: #030408;
        }
        .file-status {
            margin-top: 5px;
            font-size: 0.75vw;
            font-family: "Geologica";
            color: #030408;
        }
        .fotin {
            font-size: 1vw;
            font-weight: bold;
            font-family: "Geologica";
            color: #030408;
            margin-bottom: 8px;
        }
        
        /* Layout de columnas */
        .profile-form-container {
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
        }
        .profile-column-left {
            flex: 0 0 150px;
            text-align: -webkit-center;
        }
        .profile-column-right {
            flex: 1;
        }
        
        /* Botones inferiores */
        .profile-buttons {
            display: flex;
            gap: 20px;
            margin-top: 20px;
        }
        
        /* Para pantallas pequeñas */
        @media (max-width: 768px) {
            .profile-form-container {
                flex-direction: column;
            }
            .profile-column-left {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .my-profile-field label {
                font-size: 3vw;
            }
            .my-profile-field input[type="text"],
            .my-profile-field input[type="tel"] {
                font-size: 3vw;
            }
            
            .my-profile-submit button {
                font-size: 3vw;
            }
    
            .back-button {
                font-size: 3vw;
                flex: 0 0 80px;
            }
    
            .custom-file-button {
                font-size: 3vw;
            }
    
            .file-status {
                font-size: 3vw;
            }
            .fotin {
                font-size: 3vw;
            }
        }/* End custom CSS */