.elementor-484 .elementor-element.elementor-element-e7d09a8{--display:flex;--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-484 .elementor-element.elementor-element-e7d09a8:not(.elementor-motion-effects-element-type-background), .elementor-484 .elementor-element.elementor-element-e7d09a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5EAF0;}.elementor-484 .elementor-element.elementor-element-1cd7463{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-484 .elementor-element.elementor-element-77719a9 .woocommerce-breadcrumb{color:#0F2A47;font-family:"Plus Jakarta Sans", Sans-serif;font-weight:700;}.elementor-484 .elementor-element.elementor-element-77719a9 .woocommerce-breadcrumb > a{color:#4A90B8;}.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-484 .elementor-element.elementor-element-32b4770{padding:0px 0px 0px 0px;text-align:center;}.elementor-484 .elementor-element.elementor-element-32b4770 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:700;color:#0F2A47;}.elementor-484 .elementor-element.elementor-element-70c62c9{padding:0px 0px 0px 0px;text-align:center;}.elementor-484 .elementor-element.elementor-element-70c62c9 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:700;color:#0F2A47;}.elementor-484 .elementor-element.elementor-element-810efa9{--display:flex;}.elementor-484 .elementor-element.elementor-element-3a58d3c{--display:flex;}/* Start custom CSS *//* =========================================================
   SORA MÉDICA — MI CUENTA WOOCOMMERCE
   Clase del contenedor: sora-my-account
========================================================= */

.sora-my-account {
    --sora-primary: #0f2a47;
    --sora-primary-hover: #163960;
    --sora-gold: #c9a961;
    --sora-gold-hover: #b0904a;
    --sora-text: #1a2332;
    --sora-muted: #5a6b7b;
    --sora-border: #dfe6ee;
    --sora-soft: #f4f7fa;
    --sora-white: #ffffff;
    --sora-error: #d93d4a;

    width: 100%;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.sora-my-account *,
.sora-my-account *::before,
.sora-my-account *::after {
    box-sizing: border-box;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.sora-my-account .woocommerce {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}


/* =========================================================
   USUARIO DESCONECTADO — LOGIN Y REGISTRO
========================================================= */

.sora-my-account .woocommerce > h2 {
    display: none;
}

.sora-my-account .woocommerce-form-login,
.sora-my-account .woocommerce-form-register {
    margin: 0 !important;
    padding: 32px !important;

    background: var(--sora-white);

    border: 1px solid var(--sora-border) !important;
    border-radius: 16px !important;

    box-shadow:
        0 8px 26px rgba(15, 42, 71, 0.07),
        0 2px 7px rgba(15, 42, 71, 0.04);
}


/* Dos columnas */
.sora-my-account .u-columns {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px;

    width: 100%;
    margin: 0 !important;
}

.sora-my-account .u-columns .u-column1,
.sora-my-account .u-columns .u-column2 {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}


/* Títulos */
.sora-my-account .u-column1 > h2,
.sora-my-account .u-column2 > h2 {
    margin: 0 0 8px !important;

    color: var(--sora-primary) !important;

    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}


/* Texto introductorio automático */
.sora-my-account .u-column1 > h2::after {
    content: "Bienvenido de vuelta. Ingresa tus credenciales.";

    display: block;
    margin-top: 8px;

    color: var(--sora-muted);

    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

.sora-my-account .u-column2 > h2::after {
    content: "Regístrate en menos de un minuto y compra más rápido.";

    display: block;
    margin-top: 8px;

    color: var(--sora-muted);

    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}


/* Espacio antes del formulario */
.sora-my-account .woocommerce-form-login,
.sora-my-account .woocommerce-form-register {
    margin-top: 22px !important;
}


/* Etiquetas */
.sora-my-account .form-row label {
    display: block;

    margin-bottom: 7px !important;

    color: var(--sora-primary) !important;

    font-size: 13px !important;
    font-weight: 700 !important;
}

.sora-my-account .required {
    color: var(--sora-error) !important;
}


/* Inputs */
.sora-my-account input.input-text,
.sora-my-account input[type="text"],
.sora-my-account input[type="email"],
.sora-my-account input[type="password"] {
    width: 100% !important;
    min-height: 48px !important;

    padding: 12px 15px !important;

    color: var(--sora-text) !important;
    background: #ffffff !important;

    border: 1px solid #cfd8e2 !important;
    border-radius: 9px !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    outline: none !important;
    box-shadow: none !important;

    transition:
        border-color 0.22s ease,
        box-shadow 0.22s ease !important;
}

.sora-my-account input:hover {
    border-color: #aebdcb !important;
}

.sora-my-account input:focus {
    border-color: var(--sora-gold) !important;

    box-shadow:
        0 0 0 4px rgba(201, 169, 97, 0.15) !important;
}

.sora-my-account input::placeholder {
    color: #8f9baa !important;
}


/* Separación */
.sora-my-account .form-row {
    margin: 0 0 18px !important;
}


/* Recordarme */
.sora-my-account .woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;

    color: var(--sora-muted);
    font-size: 13px;
}

.sora-my-account input[type="checkbox"] {
    width: 17px;
    height: 17px;

    accent-color: var(--sora-gold);
}


/* Botones */
.sora-my-account .woocommerce-button,
.sora-my-account button.button {
    width: 100% !important;
    min-height: 48px !important;

    margin: 8px 0 0 !important;
    padding: 13px 22px !important;

    color: #ffffff !important;
    background: var(--sora-primary) !important;

    border: 1px solid var(--sora-primary) !important;
    border-radius: 999px !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    box-shadow: none !important;

    transition:
        transform 0.22s ease,
        background-color 0.22s ease,
        box-shadow 0.22s ease !important;
}

.sora-my-account .woocommerce-button:hover,
.sora-my-account button.button:hover {
    background: var(--sora-primary-hover) !important;

    transform: translateY(-2px);

    box-shadow:
        0 10px 22px rgba(15, 42, 71, 0.17) !important;
}


/* Botón registro dorado */
.sora-my-account
.woocommerce-form-register
.woocommerce-button {
    color: #081a2e !important;
    background: var(--sora-gold) !important;
    border-color: var(--sora-gold) !important;
}

.sora-my-account
.woocommerce-form-register
.woocommerce-button:hover {
    color: #ffffff !important;
    background: var(--sora-gold-hover) !important;
    border-color: var(--sora-gold-hover) !important;
}


/* Recuperar contraseña */
.sora-my-account .lost_password {
    margin: 12px 0 0 !important;
    text-align: right;

    font-size: 13px;
}

.sora-my-account .lost_password a {
    color: var(--sora-primary);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}


/* Privacidad */
.sora-my-account
.woocommerce-privacy-policy-text {
    color: var(--sora-muted);

    font-size: 12px;
    line-height: 1.55;
}

.sora-my-account
.woocommerce-privacy-policy-text a {
    color: var(--sora-primary);
    font-weight: 600;
    text-decoration: underline;
}


/* =========================================================
   USUARIO CONECTADO — PANEL MI CUENTA
========================================================= */

.sora-my-account .woocommerce-MyAccount-navigation {
    float: left !important;
    width: 27% !important;

    margin: 0 !important;

    background: #ffffff;

    border: 1px solid var(--sora-border);
    border-radius: 14px;

    overflow: hidden;

    box-shadow:
        0 6px 20px rgba(15, 42, 71, 0.06);
}

.sora-my-account .woocommerce-MyAccount-navigation ul {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.sora-my-account
.woocommerce-MyAccount-navigation li {
    margin: 0 !important;

    border-bottom: 1px solid var(--sora-border);
}

.sora-my-account
.woocommerce-MyAccount-navigation li:last-child {
    border-bottom: 0;
}

.sora-my-account
.woocommerce-MyAccount-navigation a {
    display: block;

    padding: 16px 20px;

    color: var(--sora-primary);

    font-size: 14px;
    font-weight: 600;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        padding-left 0.2s ease;
}

.sora-my-account
.woocommerce-MyAccount-navigation a:hover {
    padding-left: 24px;

    color: var(--sora-gold-hover);
    background: var(--sora-soft);
}

.sora-my-account
.woocommerce-MyAccount-navigation
.is-active a {
    color: var(--sora-primary);
    background: rgba(201, 169, 97, 0.16);

    border-left: 4px solid var(--sora-gold);
}


/* Contenido derecho */
.sora-my-account .woocommerce-MyAccount-content {
    float: right !important;
    width: calc(73% - 28px) !important;

    min-height: 300px;

    padding: 30px !important;

    background: #ffffff;

    border: 1px solid var(--sora-border);
    border-radius: 14px;

    box-shadow:
        0 6px 20px rgba(15, 42, 71, 0.06);

    color: var(--sora-text);
}

.sora-my-account .woocommerce-MyAccount-content p {
    color: var(--sora-text);

    font-size: 14px;
    line-height: 1.7;
}

.sora-my-account .woocommerce-MyAccount-content a {
    color: var(--sora-primary);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}


/* Limpieza de floats */
.sora-my-account .woocommerce::after {
    content: "";
    display: table;
    clear: both;
}


/* =========================================================
   TABLAS DE PEDIDOS
========================================================= */

.sora-my-account table.shop_table {
    width: 100% !important;

    border: 1px solid var(--sora-border) !important;
    border-collapse: separate !important;
    border-spacing: 0;

    border-radius: 10px !important;
    overflow: hidden;
}

.sora-my-account table.shop_table th,
.sora-my-account table.shop_table td {
    padding: 13px 14px !important;

    border: 0 !important;
    border-bottom: 1px solid var(--sora-border) !important;

    font-size: 13px;
}

.sora-my-account table.shop_table th {
    color: var(--sora-primary);
    background: var(--sora-soft);

    font-weight: 700;
}


/* =========================================================
   AVISOS Y ERRORES
========================================================= */

.sora-my-account .woocommerce-error,
.sora-my-account .woocommerce-message,
.sora-my-account .woocommerce-info {
    padding: 15px 18px 15px 46px !important;

    border-radius: 10px !important;

    font-size: 13px !important;
    line-height: 1.5 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .sora-my-account .u-columns {
        gap: 22px;
    }

    .sora-my-account .woocommerce-form-login,
    .sora-my-account .woocommerce-form-register {
        padding: 24px !important;
    }
}


/* =========================================================
   MÓVIL
========================================================= */

@media (max-width: 767px) {

    .sora-my-account .u-columns {
        grid-template-columns: 1fr;
    }

    .sora-my-account .u-column1,
    .sora-my-account .u-column2 {
        width: 100% !important;
    }

    .sora-my-account .woocommerce-form-login,
    .sora-my-account .woocommerce-form-register {
        padding: 20px !important;
    }

    .sora-my-account .woocommerce-MyAccount-navigation,
    .sora-my-account .woocommerce-MyAccount-content {
        float: none !important;
        width: 100% !important;
    }

    .sora-my-account .woocommerce-MyAccount-navigation {
        margin-bottom: 20px !important;
    }

    .sora-my-account .woocommerce-MyAccount-content {
        padding: 20px !important;
    }

    .sora-my-account input.input-text,
    .sora-my-account input[type="text"],
    .sora-my-account input[type="email"],
    .sora-my-account input[type="password"] {
        font-size: 16px !important;
    }
}/* End custom CSS */