.elementor-1182 .elementor-element.elementor-element-2ddef9f{--display:flex;--min-height:40vh;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:70px;--padding-right:70px;}.elementor-1182 .elementor-element.elementor-element-2ddef9f:not(.elementor-motion-effects-element-type-background), .elementor-1182 .elementor-element.elementor-element-2ddef9f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#606B38;}.elementor-1182 .elementor-element.elementor-element-2ddef9f::before, .elementor-1182 .elementor-element.elementor-element-2ddef9f > .elementor-background-video-container::before, .elementor-1182 .elementor-element.elementor-element-2ddef9f > .e-con-inner > .elementor-background-video-container::before, .elementor-1182 .elementor-element.elementor-element-2ddef9f > .elementor-background-slideshow::before, .elementor-1182 .elementor-element.elementor-element-2ddef9f > .e-con-inner > .elementor-background-slideshow::before, .elementor-1182 .elementor-element.elementor-element-2ddef9f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://callaoelloro.sandboxdelta.com/wp-content/uploads/2026/07/LOGO-4.svg");--background-overlay:'';background-position:center right;background-repeat:no-repeat;background-size:contain;}.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-1182 .elementor-element.elementor-element-9627098{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1182 .elementor-element.elementor-element-9627098 .elementor-heading-title{font-family:"Gill Sans", Sans-serif;font-size:90px;font-weight:400;color:#FFFFFF;}.elementor-1182 .elementor-element.elementor-element-5fc20e8{--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:70px;--padding-bottom:70px;--padding-left:70px;--padding-right:70px;}.elementor-1182 .elementor-element.elementor-element-020a002 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:not(.is-active) a{background-color:#F6F0E2;}.elementor-1182 .elementor-element.elementor-element-020a002 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a:hover{background-color:#1A1A1A;}.elementor-1182 .elementor-element.elementor-element-020a002 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{background-color:#1A1A1A;}.elementor-1182 .elementor-element.elementor-element-020a002 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-family:"Gill Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-1182 .elementor-element.elementor-element-020a002{--tabs-normal-color:#1A1A1A;--tabs-hover-color:#FFFFFF;--tabs-active-color:#FFFFFF;--general-text-color:#1A1A1A;--links-normal-color:#A0A0A0;--links-hover-color:#3F3F3F;}.elementor-1182 .elementor-element.elementor-element-020a002 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-1182 .elementor-element.elementor-element-020a002 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-family:"Gill Sans", Sans-serif;font-size:20px;}.elementor-1182 .elementor-element.elementor-element-020a002 .woocommerce-MyAccount-content > div > p, .elementor-1182 .elementor-element.elementor-element-020a002 address, .elementor-1182 .elementor-element.elementor-element-020a002 .woocommerce-EditAccountForm fieldset legend, .elementor-1182 .elementor-element.elementor-element-020a002 .woocommerce-ResetPassword p:nth-child(1), .elementor-1182 .elementor-element.elementor-element-020a002 .woocommerce-OrderUpdate{font-family:"Gill Sans", Sans-serif;font-size:16px;}.elementor-1182 .elementor-element.elementor-element-020a002 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register p:not([class]), .elementor-1182 .elementor-element.elementor-element-020a002 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce em{font-family:"Gill Sans", Sans-serif;font-size:16px;font-weight:400;}body.elementor-page-1182:not(.elementor-motion-effects-element-type-background), body.elementor-page-1182 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFCF5;}@media(max-width:767px){.elementor-1182 .elementor-element.elementor-element-2ddef9f{--min-height:40vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1182 .elementor-element.elementor-element-9627098{width:var( --container-widget-width, 250px );max-width:250px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:250px;--container-widget-flex-grow:0;}.elementor-1182 .elementor-element.elementor-element-9627098 .elementor-heading-title{font-size:50px;}.elementor-1182 .elementor-element.elementor-element-5fc20e8{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-020a002 *//* =========================================================
   ESTILOS DE ACCEDER Y REGISTRARSE (A DOS COLUMNAS)
   ========================================================= */

/* 1. Contenedor principal sin límites de altura */
.e-my-account-tab .woocommerce {
    width: 100% !important;
}

.e-my-account-tab #customer_login {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 40px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* 2. Anular la altura forzada de Elementor en ambos formularios */
.e-my-account-tab form.woocommerce-form-login,
.e-my-account-tab form.woocommerce-form-register {
    height: auto !important; /* Rompe el style="height: 292px;" inline */
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
}

/* 3. Definición de las dos columnas (Acceder / Registro) */
.e-my-account-tab #customer_login .u-column1,
.e-my-account-tab #customer_login .u-column2 {
    float: none !important;
    flex: 1 1 50% !important;
    width: 50% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Línea divisoria suave en el centro */
.e-my-account-tab #customer_login .u-column1 {
    padding-right: 40px !important;
    border-right: 1px solid #eaddca !important;
}

/* 4. Títulos (ACCEDER / REGISTRARSE) */
.e-my-account-tab h2 {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    border: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* 5. Inputs y Campos de Texto */
.e-my-account-tab input.input-text {
    height: 44px !important;
    background-color: #ffffff !important;
    border: 1px solid #dcd6c8 !important;
    border-radius: 4px !important;
    padding: 0 14px !important;
    color: #1a1a1a !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.e-my-account-tab input.input-text:focus {
    border-color: #1a1a1a !important;
}

.e-my-account-tab label {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #2c2c2c !important;
    margin-bottom: 6px !important;
    display: inline-block !important;
}

/* 6. Botones (Negro estético con hover suave) */
.e-my-account-tab .button,
.e-my-account-tab button[name="login"],
.e-my-account-tab button[name="register"] {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 2px !important;
    padding: 12px 28px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    margin-top: 10px !important;
}

.e-my-account-tab button[name="register"] {
    width: 100% !important;
}

.e-my-account-tab .button:hover,
.e-my-account-tab button[name="login"]:hover,
.e-my-account-tab button[name="register"]:hover {
    background-color: #333333 !important;
}

/* 7. Checkbox y Olvidé contraseña */
.e-my-account-tab .woocommerce-LostPassword a {
    color: #666666 !important;
    font-size: 13px !important;
    text-decoration: underline !important;
}

.e-my-account-tab .woocommerce-LostPassword a:hover {
    color: #1a1a1a !important;
}

/* =========================================================
   8. ESTILOS DE NOTIFICACIONES / BANNER (CORREGIDO)
   ========================================================= */

/* Caja contenedora con sangría suficiente a la izquierda */
.woocommerce-info, 
.woocommerce-message, 
.woocommerce-error {
    background-color: #f7f4ee !important; /* Fondo crema suave */
    color: #1a1a1a !important; /* Texto en tono oscuro estético */
    border-top: 1px solid #1a1a1a !important;
    border-left: 4px solid #1a1a1a !important;
    border-right: none !important;
    border-bottom: none !important;
    padding: 16px 20px 16px 50px !important; /* 50px de padding a la izquierda para despejar el texto */
    font-size: 14px !important;
    border-radius: 4px !important;
    position: relative !important; /* Control de posicionamiento para el pseudo-elemento */
    display: block !important; /* Mantiene el flujo nativo para evitar solapamientos por flexbox */
    line-height: 1.6 !important;
}

/* Corrección del icono nativo de WooCommerce */
.woocommerce-info::before, 
.woocommerce-message::before, 
.woocommerce-error::before {
    color: #1a1a1a !important;
    position: absolute !important;
    left: 18px !important; /* Posicionamiento fijo a la izquierda */
    top: 50% !important;
    transform: translateY(-50%) !important; /* Centrado vertical absoluto */
    margin: 0 !important;
    padding: 0 !important;
}

/* Alineación limpia del botón "Explorar los productos" */
.woocommerce-info .button,
.woocommerce-info a.button,
.woocommerce-message .button,
.woocommerce-message a.button {
    float: right !important; /* Flota a la derecha sin empujar ni tapar el texto */
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    padding: 8px 18px !important;
    border-radius: 2px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    margin-top: -4px !important;
    transition: background-color 0.2s ease !important;
}

.woocommerce-info .button:hover,
.woocommerce-info a.button:hover,
.woocommerce-message .button:hover,
.woocommerce-message a.button:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* Limpieza de floats interna para cajas que contengan botones */
.woocommerce-info::after,
.woocommerce-message::after,
.woocommerce-error::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* =========================================================
   9. ADAPTABILIDAD MÓVIL
   ========================================================= */

@media (max-width: 768px) {
    .e-my-account-tab #customer_login {
        flex-direction: column !important;
        gap: 0 !important;
    }
    
    .e-my-account-tab #customer_login .u-column1,
    .e-my-account-tab #customer_login .u-column2 {
        width: 100% !important;
    }

    .e-my-account-tab #customer_login .u-column1 {
        padding-right: 0 !important;
        border-right: none !important;
        border-bottom: 1px solid #eaddca !important;
        padding-bottom: 30px !important;
        margin-bottom: 30px !important;
    }

    /* Ajustes móviles para el banner de información */
    .woocommerce-info, 
    .woocommerce-message, 
    .woocommerce-error {
        padding-left: 45px !important;
    }

    .woocommerce-info .button,
    .woocommerce-info a.button,
    .woocommerce-message .button,
    .woocommerce-message a.button {
        float: none !important;
        display: inline-block !important;
        margin-top: 12px !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gill Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://callaoelloro.sandboxdelta.com/wp-content/uploads/2026/07/Gill-Sans.ttf') format('truetype');
}
@font-face {
	font-family: 'Gill Sans';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://callaoelloro.sandboxdelta.com/wp-content/uploads/2026/07/Gill-Sans-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Gill Sans';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://callaoelloro.sandboxdelta.com/wp-content/uploads/2026/07/Gill-Sans-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Gill Sans';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://callaoelloro.sandboxdelta.com/wp-content/uploads/2026/07/Gill-Sans.ttf') format('truetype');
}
@font-face {
	font-family: 'Gill Sans';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://callaoelloro.sandboxdelta.com/wp-content/uploads/2026/07/Gill-Sans-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Gill Sans';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://callaoelloro.sandboxdelta.com/wp-content/uploads/2026/07/GillSans-Condensed.ttf') format('truetype');
}
/* End Custom Fonts CSS */