.elementor-83 .elementor-element.elementor-element-a4afce9{--display:flex;--min-height:100vh;--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;--justify-content:center;--align-items:stretch;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83 .elementor-element.elementor-element-a4afce9:not(.elementor-motion-effects-element-type-background), .elementor-83 .elementor-element.elementor-element-a4afce9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0EEE2;}.elementor-83 .elementor-element.elementor-element-b9b35a1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;}.elementor-83 .elementor-element.elementor-element-b9b35a1:not(.elementor-motion-effects-element-type-background), .elementor-83 .elementor-element.elementor-element-b9b35a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6B6A4A;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-83 .elementor-element.elementor-element-017bfbb .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-83 .elementor-element.elementor-element-73c3799 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-83 .elementor-element.elementor-element-4616b0c .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}/* Start custom CSS for shortcode, class: .elementor-element-5e98d27 *//* 1. Caja Exterior (Fondo crema, sombra suave y padding para el doble borde) */
.elementor-83 .elementor-element.elementor-element-5e98d27 .wrapper-login-token {
    background-color: #FCF9F4; /* Fondo crema muy claro */
    border-radius: 16px;
    padding: 10px; /* Espacio que crea el efecto de doble borde */
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.04); /* Sombra súper sutil */
    max-width: 420px;
    margin: 0 auto;
}

/* 2. Caja Interior (Línea fina que envuelve el contenido) */
.elementor-83 .elementor-element.elementor-element-5e98d27 .form-login-token {
    border: 1px solid #E8DECF; /* Color del borde interno */
    border-radius: 12px;
    padding: 30px 25px;
    display: flex;
    flex-direction: column;
    gap: 12px; /* Separación entre elementos */
}

/* 3. Etiqueta "TU CÓDIGO" */
.elementor-83 .elementor-element.elementor-element-5e98d27 .label-login-token {
    font-size: 13px;
    color: #9A8A76; /* Color café claro/grisáceo */
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: -5px; /* Acerca el texto al input */
    font-weight: 500;
}

/* 4. Campo de texto (Input beige) */
.elementor-83 .elementor-element.elementor-element-5e98d27 .input-login-token {
    width: 100%;
    padding: 16px 20px;
    background-color: #F8F0E5; /* Fondo beige del input */
    border: 1px solid #E4D5C2; /* Borde del input ligeramente más oscuro */
    border-radius: 8px;
    font-size: 16px;
    color: #5A4E40;
    outline: none;
    transition: all 0.3s ease;
    letter-spacing: 1px;
}

/* Color del texto "ej. aB3xK9mQ2p" */
.elementor-83 .elementor-element.elementor-element-5e98d27 .input-login-token::placeholder {
    color: #A89C8D;
    font-weight: 400;
}

/* Cuando el usuario hace clic para escribir */
.elementor-83 .elementor-element.elementor-element-5e98d27 .input-login-token:focus {
    border-color: #DDAE92;
    background-color: #FCF7EF;
}

/* 5. Botón Melocotón/Terracota */
.elementor-83 .elementor-element.elementor-element-5e98d27 .btn-login-token {
    width: 100%;
    padding: 16px;
    background-color: #E2B394; /* Color melocotón de la imagen */
    color: #4A3A2F; /* Texto marrón oscuro (no blanco) como en tu diseño */
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 5px;
}

/* Efecto al pasar el mouse sobre el botón */
.elementor-83 .elementor-element.elementor-element-5e98d27 .btn-login-token:hover {
    background-color: #D4A081; /* Un poco más oscuro */
    transform: translateY(-2px); /* Se eleva un poquito */
}

/* 6. Mensaje de Error (Por si se equivocan) */
.elementor-83 .elementor-element.elementor-element-5e98d27 .msg-error-token {
    color: #4A3A2F;
    background-color: #F8E6E5; /* Un rojo/crema muy suave */
    border: 1px solid #E2B394;
    padding: 12px;
    border-radius: 8px;
    text-align: center;
    margin-bottom: 15px;
    font-size: 13px;
    font-weight: 600;
}/* End custom CSS */