/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

/* ============================================ open: VARIABLES ============================================ */
:root {
    /* Colores */
    --White: #FFFFFF;
    --Neutral-400-N: #5f5f5f;
    --Red-600: #D52315;
    --Red-400-R: #EB4235;
    --Red-200: #F86459;
    --Green-600: #248E46;
    --Green-400-G: #2BA953;
    --Green-200: #24C658;
    --Blue-600: #3C64A5;
    --Blue-400-B: #547EC1;
    --Blue-200: #6F97D8;
    --Yellow-600: #D9A103;
    --Yellow-400-Y: #FCC014;
    --Yellow-200: #FFD14D;
    --Bg-quare: #E1F1FB;

    /* Colores feedback */
    --Error-400-E: #CF4547;
    --Warning-400-W: #CF7A19;
    --Success-400-S: #40A14A;

    /* Border Radius */
    --corner-none: 0px;
    --corner-extra-small: 4px;
    --corner-small: 8px;
    --corner-medium: 12px;
    --corner-large: 16px;
    --corner-extra-large: 24px;
    --corner-full: 100px;

    /* transiciones */
    --transition: all 0.3s ease-in-out;
    --transition-large: all 0.6s ease-in-out;

     /* tipografias */

     --typo-primary: 'Gluten';
     --typo-secondary: 'Cambay' ;
}

/* ======== close: VARIABLES ======== */

/* ============================================ open: ESTILOS GENERALES ============================================ */

/* ··················· selección de texto ··········· */
::-moz-selection {
    /* Code for Firefox */
    color: var(--on-background-light);
    background: var(--on-background-main);
}

::selection {
    color: var(--on-background-light);
    background: var(--on-background-main);
}

/* ··················· fin selección de texto ··········· */

/* ajustes generales */
body {
    position: relative !important;
    -webkit-font-smoothing: antialiased !important;
    -webkit-text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    text-rendering: optimizelegibility !important;
    -moz-osx-font-smoothing: grayscale !important;
    background-size: 32px !important;
}

/* ············································································responsive 1023px ······································ */
@media (max-width: 1023px) {
    body {
        background-size: 28px !important;
    }
}

/* ============================================ close: ESTILOS GENERALES ============================================ */

/* ============================================ open: HEADER ============================================ */
#main-content{
    background: transparent;
}
#main-header,
#main-header.et-fixed-header {
    border-bottom: 2px solid #E1F1FB;
    box-shadow: none !important;
}

#main-header {
    height: 145px;
    display: flex;
    align-items: center;
    transition: var(--transition);
}

#main-header.et-fixed-header {
    height: 81px;
}

.et_fullwidth_nav #main-header .et_menu_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    height: 100%;
    padding: 0 40px;
}

.et_fullwidth_nav #main-header .et_menu_container::after {
    content: none;
}

/* logotipo */
#main-header .logo_container {
    position: inherit;
    width: 220px;
    height: auto;
    transition: var(--transition);
}

#main-header.et-fixed-header .logo_container {
    width: 120px;
}

#main-header .logo_container a {
    display: flex;
}

#main-header .logo_container a #logo {
    height: 100%;
    max-height: 100%;
}

#main-header .logo_container span.logo_helper {
    display: none;
}

/* fin logotipo */

/* content menu */
/* menu */
#main-header #et-top-navigation {
    padding: 0 !important;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 56px;
}

#main-header #et-top-navigation #top-menu-nav ul {
    display: flex;
    align-items: center;
    gap: 64px;
}

#main-header #et-top-navigation #top-menu-nav ul li {
    padding: 0;
}

#main-header #et-top-navigation #top-menu-nav ul li a {
    padding: 12px 0;
    line-height: 100%;
    color: var(--Neutral-400-N);
    transition: var(--transition);
    opacity: 1;
}

#main-header.et-fixed-header #et-top-navigation #top-menu-nav ul li a {
    font-size: 18px;
}

#main-header #et-top-navigation #top-menu-nav ul li a:hover {
    color: var(--Blue-400-B) !important;
}

#main-header #et-top-navigation #top-menu-nav ul li:nth-child(1) a:hover {
    transform: rotate(2deg);
}

#main-header #et-top-navigation #top-menu-nav ul li:nth-child(2) a:hover {
    transform: rotate(-1deg);
}

#main-header #et-top-navigation #top-menu-nav ul li:nth-child(3) a:hover {
    transform: rotate(0.5deg);
}

#main-header #et-top-navigation #top-menu-nav ul li:nth-child(4) a:hover {
    transform: rotate(-1.5deg);
}

/* Línea ondulada debajo del texto */
#main-header #et-top-navigation #top-menu-nav ul li::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px;
    animation: waveMove 1.2s linear infinite;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10'><path d='M0 5 Q10 0 20 5 T40 5 T60 5 T80 5 T100 5 T120 5' fill='transparent' stroke='%23f2f2f2' stroke-width='8' stroke-linecap='round'/></svg>");
    background-repeat: repeat-x;
    background-size: 40px 10px;
    

}
#main-header #et-top-navigation #top-menu-nav ul li.red::after {filter: brightness(0) saturate(100%) invert(36%) sepia(55%) saturate(5283%) hue-rotate(344deg) brightness(98%) contrast(88%);}
#main-header #et-top-navigation #top-menu-nav ul li.yellow::after {filter: brightness(0) saturate(100%) invert(89%) sepia(17%) saturate(5711%) hue-rotate(347deg) brightness(101%) contrast(98%);}
#main-header #et-top-navigation #top-menu-nav ul li.green::after {filter: brightness(0) saturate(100%) invert(50%) sepia(100%) saturate(333%) hue-rotate(87deg) brightness(88%) contrast(91%);}
#main-header #et-top-navigation #top-menu-nav ul li.blue::after {filter: brightness(0) saturate(100%) invert(47%) sepia(100%) saturate(303%) hue-rotate(177deg) brightness(84%) contrast(84%);}

/* Efecto al pasar el ratón */
#main-header #et-top-navigation #top-menu-nav ul li:hover::after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10'><path d='M0 5 Q10 0 20 5 T40 5 T60 5 T80 5 T100 5 T120 5' fill='transparent' stroke='%23547EC1' stroke-width='8' stroke-linecap='round'/></svg>");
    transition: var(--transition);
}

#main-header #et-top-navigation #top-menu-nav ul li:nth-child(1):hover::after {
    transform: rotate(-0.5deg);
}

#main-header #et-top-navigation #top-menu-nav ul li:nth-child(2):hover::after {
    transform: rotate(0.5deg);
}

#main-header #et-top-navigation #top-menu-nav ul li:nth-child(3):hover::after {
    transform: rotate(-1deg);
}

#main-header #et-top-navigation #top-menu-nav ul li:nth-child(4):hover::after {
    transform: rotate(1deg);
}

/* Movimiento ondulante */
@keyframes waveMove {
    from {
        background-position-x: 0;
    }

    to {
        background-position-x: 40px;
    }
}

/* fin menu */

/* buscador */
#main-header #et-top-navigation #et_top_search {
    padding: 0;
    margin: -8px 0 0;
    width: 40px;
    height: 40px;
    transition: var(--transition);
}

#main-header.et-fixed-header #et-top-navigation #et_top_search {
    width: 32px;
    height: 32px;
}

#main-header #et-top-navigation #et_top_search #et_search_icon {
    display: flex;
    transition: var(--transition-large);
}

#main-header #et-top-navigation #et_top_search #et_search_icon:hover {
    display: flex;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform-origin: center;
    -moz-transform-origin: center;
    -webkit-transform-origin: center;
}

#main-header #et-top-navigation #et_top_search #et_search_icon path {
    fill: var(--Neutral-400-N);
    transition: var(--transition);
}

#main-header #et-top-navigation #et_top_search #et_search_icon:hover path {
    fill: var(--Green-400-G);
}

#main-header #et-top-navigation #et_top_search #et_search_icon::before {
    content: none;
}

/* fin buscador */

/* icono menu en móvil */
#et_mobile_nav_menu .mobile_menu_bar {
    padding: 0 !important;
}

#et_mobile_nav_menu .mobile_menu_bar::before {
    content: "";
    width: 36px;
    height: 28px;
    display: flex;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='52' height='42' viewBox='0 0 52 42' fill='none'><path d='M2.9879 41C-0.984321 41.2936 -0.803765 37.6536 2.9879 37.5949C6.77957 37.5362 12.4972 37.3601 15.687 37.3014C23.511 37.184 39.6407 37.2427 47.2842 38.1233C48.2472 38.2407 50.7749 38.4168 51.0759 39.4149C51.3166 40.1781 50.7148 40.1194 50.2333 40.2368C49.511 40.3542 48.4277 40.3542 47.6453 40.4129C39.4601 40.7065 25.0157 39.9433 16.8305 40.1781L3.04809 41.1174L2.9879 41Z' fill='%235F5F5F'/><path d='M51.0157 2.93542C48.7889 3.63992 7.562 3.05284 4.312 3.63992C1.062 4.22701 -3.63244 1.409 2.98793 0.117417L37.7148 0C40.724 0.410959 44.0944 0.117417 47.0435 0.645792C48.7889 0.939335 53.2426 2.23092 51.0157 2.93542Z' fill='%235F5F5F'/><path d='M38.2565 20.4423C38.2565 20.4423 39.0991 19.092 39.3398 18.9159C40.6037 18.0352 49.0898 18.8572 49.7518 20.1487C50.0528 20.7358 49.6917 21.3816 48.9092 21.6164C47.525 22.0274 38.3167 21.6164 38.2565 20.3836V20.4423Z' fill='%235F5F5F'/><path d='M31.1546 19.092C30.5527 18.681 27.4833 18.4462 24.8351 18.5049C22.9694 18.3288 2.44626 19.3855 1.00181 20.3836C-1.04448 21.7926 0.640703 22.4971 2.44626 22.6145C4.07126 22.7319 18.3953 21.4403 25.5574 21.7339C26.8814 21.8513 33.9833 21.0881 31.2148 19.092H31.1546Z' fill='%235F5F5F'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    transition: var(--transition-large);
}

#main-header.et-fixed-header #et_mobile_nav_menu .mobile_menu_bar::before {
    width: 28px;
    height: 22px;
}

#et_mobile_nav_menu .mobile_menu_bar:hover::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='52' height='42' viewBox='0 0 52 42' fill='none'><path d='M2.9879 41C-0.984321 41.2936 -0.803765 37.6536 2.9879 37.5949C6.77957 37.5362 12.4972 37.3601 15.687 37.3014C23.511 37.184 39.6407 37.2427 47.2842 38.1233C48.2472 38.2407 50.7749 38.4168 51.0759 39.4149C51.3166 40.1781 50.7148 40.1194 50.2333 40.2368C49.511 40.3542 48.4277 40.3542 47.6453 40.4129C39.4601 40.7065 25.0157 39.9433 16.8305 40.1781L3.04809 41.1174L2.9879 41Z' fill='%23EB4235'/><path d='M51.0157 2.93542C48.7889 3.63992 7.562 3.05284 4.312 3.63992C1.062 4.22701 -3.63244 1.409 2.98793 0.117417L37.7148 0C40.724 0.410959 44.0944 0.117417 47.0435 0.645792C48.7889 0.939335 53.2426 2.23092 51.0157 2.93542Z' fill='%23EB4235'/><path d='M38.2565 20.4423C38.2565 20.4423 39.0991 19.092 39.3398 18.9159C40.6037 18.0352 49.0898 18.8572 49.7518 20.1487C50.0528 20.7358 49.6917 21.3816 48.9092 21.6164C47.525 22.0274 38.3167 21.6164 38.2565 20.3836V20.4423Z' fill='%23EB4235'/><path d='M31.1546 19.092C30.5527 18.681 27.4833 18.4462 24.8351 18.5049C22.9694 18.3288 2.44626 19.3855 1.00181 20.3836C-1.04448 21.7926 0.640703 22.4971 2.44626 22.6145C4.07126 22.7319 18.3953 21.4403 25.5574 21.7339C26.8814 21.8513 33.9833 21.0881 31.2148 19.092H31.1546Z' fill='%23EB4235'/></svg>");
    transform: rotate(360deg);
}

/* fin icono menu en móvil */

/* fin content menu */

/* ············································································responsive 1023px ······································ */
@media (max-width: 1023px) {
    .et_fixed_nav #main-header {
        position: fixed;
        height: 99px;
        transition: var(--transition);
    }

    .home.et_fixed_nav #main-header {
        background-color: rgba(255, 255, 255, 0);
        border-color: rgba(225, 241, 251, 0);
    }

    .home.et_fixed_nav #main-header.et-fixed-header {
        background-color: var(--White);
        border-color: var(--Bg-quare);
    }

    #main-header.et-fixed-header {
        height: 71px;
    }

    #top-menu-nav {
        display: none;
    }

    .et_fullwidth_nav #main-header .et_menu_container {
        padding: 0 24px;
        width: 100%;
    }

    #main-header .logo_container {
        opacity: 0;
    }

    #main-header.et-fixed-header .logo_container {
        opacity: 1;
    }

    #main-header .logo_container a #logo {
        max-width: 100%;
    }

    #main-header #et-top-navigation {
        gap: 32px;
    }

    #main-header #et-top-navigation #et_top_search {
        margin: 0;
        width: 32px;
        height: 32px;
    }

    #main-header.et-fixed-header #et-top-navigation #et_top_search {
        width: 24px;
        height: 24px;
    }

    #main-header #et-top-navigation #et_top_search #et_search_icon svg {
        width: 32px !important;
        height: 32px !important;
    }

    #main-header.et-fixed-header #et-top-navigation #et_top_search #et_search_icon svg {
        width: 24px !important;
        height: 24px !important;
    }
}

/* ············································································responsive 767px ······································ */
@media (max-width: 767px) {
    .et_fixed_nav #main-header {
        height: 69px;
    }

    #main-header.et-fixed-header {
        height: 56px;
    }

    .et_fullwidth_nav #main-header .et_menu_container {
        padding: 0 16px;
    }

    #main-header.et-fixed-header .logo_container {
        width: 136px;
    }

    #main-header #et-top-navigation {
        gap: 24px;
    }

    #main-header #et-top-navigation #et_top_search {
        width: 28px;
        height: 28px;
    }

    #main-header #et-top-navigation #et_top_search #et_search_icon svg {
        width: 28px !important;
        height: 28px !important;
    }

    #et_mobile_nav_menu .mobile_menu_bar::before {
        width: 32px;
        height: 24px;
    }
}

/* ============================================ close: HEADER ============================================ */

/* ============================================ open: FOOTER ============================================ */

/* columna contacto */
.menu-footer #menu-contacto {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.menu-footer #menu-contacto li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    padding: 0;
}

.menu-footer #menu-contacto li a {
    padding: 0;
}

/* fin columna contacto */

/* columna redes */
.col-footer-siguenos {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 24px;
}

.col-footer-siguenos .et_pb_text {
    width: 100%;
}

.col-footer-siguenos .et_pb_icon {
    width: 28px;
    height: 28px;
    margin-bottom: 12px !important;
}

/* fin columna redes */

/* ············································································responsive 1023px ······································ */
@media (max-width: 1023px) {
    .menu-footer .et_pb_menu__menu {
        display: initial;
    }

    .menu-footer .et_pb_menu__wrap {
        justify-content: flex-start;
    }

    .menu-footer .et_mobile_nav_menu {
        display: none;
    }

    .col-footer-siguenos .et_pb_icon {
        width: 24px;
        height: 24px;
        margin: 0 8px 0 0 !important;
    }

    .row-footer-legales {
        display: flex;
        flex-wrap: wrap;
    }
}

/* ············································································responsive 767px ······································ */
@media (max-width: 767px) {
    .row-footer-legales .et-menu-nav ul {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .row-footer-legales .et-menu-nav ul li {
        width: 100%;
        margin: 0 !important;
    }

    .row-footer-legales .et-menu-nav ul li a {
        padding: 0 !important;
    }
}

/* ============================================ close: FOOTER ============================================ */

/* ============================================ open: HOME ============================================ */

/* section encuentra tu colegio */
.section-encuentra {
    overflow-x: clip !important;
}

.section-encuentra .et_pb_heading_0.tit-encuentra-colegio {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: absolute;
    top: -112px;
    left: 50%;
    margin-left: -260px !important;
}

.tit-encuentra-colegio::before {
    content: url('/wp-content/uploads/2025/11/birrete.svg');
    display: inline-block;
    width: 110px;
    margin-top: 0;
    position: absolute;
    left: -32px;
    top: -52px;
    transform: rotate(-15deg);
}

.tit-encuentra-colegio> :first-child {
    margin-right: auto;
    /* lo aparta del resto para que el primer elemento que es el título  quede fuera del grid que forman los botones*/
    align-self: flex-start;
    /* o flex-end según necesites */
}

.tit-encuentra-colegio .et_pb_heading_container {
    width: 100%;
}

.tit-encuentra-colegio h2 {
    padding: 0;
}

/* botones colegios */
.section-encuentra .et_pb_column {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.section-encuentra .et_pb_button_module_wrapper {
    display: flex;
    width: calc(100% / 4 - 30px);
}

.section-encuentra .et_pb_image {
    display: flex;
    width: calc(100% / 4 - 30px);
    margin: 0;
    justify-content: center;
}

body #page-container .section-encuentra .et_pb_button_module_wrapper .et_pb_button.btn-colegio {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 1px;
    font-size: 20px;
    font-weight: 600;
    line-height: 100% !important;
    text-transform: uppercase;
    text-align: center;
    color: var(--White);
    outline-offset: 0px;
    height: 80px;
    padding: 4px 8px 0 !important;
    transition: var(--transition);
}

body #page-container .section-encuentra .et_pb_button_module_wrapper .et_pb_button.btn-colegio:hover {
    background-image: url('/wp-content/uploads/2025/11/block-back.svg');
    background-size: contain;
    background-position: center;
}

.section-encuentra .et_pb_button_module_wrapper .btn-colegio.btn-red {
    background-color: var(--Red-600);
    border: 6px solid var(--Red-200);
    outline: 6px solid var(--Red-400-R);
}

.section-encuentra .et_pb_button_module_wrapper .btn-colegio.btn-red:hover {
    background-color: var(--Red-400-R);
    border: 6px solid var(--Red-600);
    outline: 6px solid var(--Red-200);
    transform: rotate(2.5deg);
}

.section-encuentra .et_pb_button_module_wrapper .btn-colegio.btn-blue {
    background-color: var(--Blue-600);
    border: 6px solid var(--Blue-200);
    outline: 6px solid var(--Blue-400-B);
}

.section-encuentra .et_pb_button_module_wrapper .btn-colegio.btn-blue:hover {
    background-color: var(--Blue-400-B);
    border: 6px solid var(--Blue-600);
    outline: 6px solid var(--Blue-200);
    transform: rotate(-1.5deg);
}

.section-encuentra .et_pb_button_module_wrapper .btn-colegio.btn-green {
    background-color: var(--Green-600);
    border: 6px solid var(--Green-200);
    outline: 6px solid var(--Green-400-G);
}

.section-encuentra .et_pb_button_module_wrapper .btn-colegio.btn-green:hover {
    background-color: var(--Green-400-G);
    border: 6px solid var(--Green-600);
    outline: 6px solid var(--Green-200);
    transform: rotate(1.5deg);
}

.section-encuentra .et_pb_button_module_wrapper .btn-colegio.btn-yellow {
    background-color: var(--Yellow-600);
    border: 6px solid var(--Yellow-200);
    outline: 6px solid var(--Yellow-400-Y);
}

.section-encuentra .et_pb_button_module_wrapper .btn-colegio.btn-yellow:hover {
    background-color: var(--Yellow-400-Y);
    border: 6px solid var(--Yellow-600);
    outline: 6px solid var(--Yellow-200);
    transform: rotate(-2.5deg);
}

/* fin botones colegios */

/* fin section encuentra tu colegio */

/* ············································································responsive 1023px ······································ */
@media (max-width: 1023px) {
    .row-inicio-home {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .row-inicio-home .et_pb_column {
        margin: 0;
    }

    .section-encuentra .et_pb_button_module_wrapper {
        width: calc(100% / 3 - 30px);
    }

    body #page-container .section-encuentra .et_pb_button_module_wrapper .et_pb_button.btn-colegio {
        font-size: 16px;
    }
}

/* ············································································responsive 767px ······································ */
@media (max-width: 767px) {
    .row-caract-home {
        display: flex;
        flex-wrap: wrap;
    }

    .row-caract-home .et_pb_column {
        width: 50% !important;
    }

    .row-texca-home .et_pb_column.et-last-child {
        margin-left: 5% !important;
        margin-right: 5% !important;
        width: 90% !important;
    }

    .section-encuentra .et_pb_heading_0.tit-encuentra-colegio {
        top: -120px;
        left: 50%;
        margin-left: -120px !important;
    }

    .tit-encuentra-colegio::before {
        width: 72px;
        left: -22px;
        top: -36px;
    }

    .section-encuentra .et_pb_column {
        gap: 24px;
    }

    .section-encuentra .et_pb_button_module_wrapper {
        width: calc(100% / 2 - 12px);
    }

    body #page-container .section-encuentra .et_pb_button_module_wrapper .et_pb_button.btn-colegio {
        font-size: 14px;
        height: 72px;
    }
    .beneficios .et_pb_button_module_wrapper{
        position: initial !important;
        right: auto;
        margin-top: 30px;
    }
    
}

/* ============================================ close: HOME ============================================ */


/* ============================================ open: WOOCOMMERCE ============================================ */

/* === PRODUCT PAGE === */
.woocommerce div.product {
    margin-bottom: 80px;
    position: relative;
  }
  .woocommerce div.product .clearfix {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .woocommerce div.product div.summary {
    margin-bottom: 0;
    background: var(--Blue-200);
    padding: 40px;
    color: white;
    border-radius: 10px;
    font-size: 18px;
  }
  .woocommerce div.product div.summary .price {
    font-family: var(--typo-primary);
    margin-bottom: 10px;
  }
  .woocommerce div.product .product_title,
  .woocommerce div.product p.price,
  .woocommerce-page div.product p.price,
  .posted_in,
  .posted_in a {
    color: white !important;
  }
  .woocommerce-product-details__short-description {
    padding-bottom: 10px;
  }
  .product_meta {
    padding-top: 10px;
  }
  
  /* === BOTONES (agrupados) === */
  .woocommerce div.product form.cart .button,
  #place_order,
  .woocommerce-message a.button.wc-forward,
  :root :where(.wp-element-button, .wp-block-button__link) {
    background: var(--Red-400-R) !important;
    color: var(--White);
    border: 0;
    padding: 10px 20px;
    font-family: var(--typo-primary) !important;
    border-radius: 4px;
    vertical-align: middle;
  }
  .woocommerce div.product form.cart .button:hover,
  #place_order:hover,
  .woocommerce-message a.button.wc-forward:hover,
  .wp-element-button:hover,
  .wp-block-button__link:hover {
    background: var(--Red-600) !important;
  }
  .woocommerce div.product form.cart .button::after,
  #place_order::after,
  .woocommerce-message a.button.wc-forward::after {
    display: none;
  }
  
  /* === GALERÍA === */
  .woocommerce div.product div.images
    .woocommerce-product-gallery__wrapper {
    border: 4px solid var(--Blue-200);
    border-radius: 12px;
  }
  .woocommerce div.product div.images
    .woocommerce-product-gallery__wrapper img {
    border-radius: 12px;
  }
  
  /* === TABS === */
  body.woocommerce div.product .woocommerce-tabs ul.tabs,
  body.woocommerce #content-area div.product
    .woocommerce-tabs ul.tabs {
    background: transparent;
  }
  body.woocommerce .woocommerce-tabs {
    border: 0;
  }
  body.woocommerce #content-area div.product
    .woocommerce-tabs ul.tabs li.active {
    background: var(--Yellow-200) !important;
  }
  body.woocommerce div.product .woocommerce-tabs .panel,
  body.woocommerce #content-area div.product
    .woocommerce-tabs .panel {
    background: var(--Yellow-200) !important;
  }
  
  /* === PRODUCT LIST === */
  .woocommerce ul.products li.product a img,
  .woocommerce-page ul.products li.product a img {
    border-radius: 4px;
  }
  .woocommerce ul.products li {
    background: var(--Blue-400-B);
    padding: 10px !important;
    border-radius: 8px;
    color: white !important;
  }
  .woocommerce ul.products li h2 {
    color: white !important;
    font-size: 20px !important;
  }
  .woocommerce ul.products li.product .price,
  .woocommerce-page ul.products li.product .price,
  .woocommerce ul.products li.product .price del,
  .woocommerce-page ul.products li.product .price del {
    color: white !important;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--typo-primary);
  }
  #left-area .products {
    display: flex;
    flex-wrap: wrap;
  }
  
  /* === CANTIDAD === */
  .woocommerce .quantity input.qty,
  .woocommerce-page .quantity input.qty {
    font-size: 20px;
    padding: 9px;
    line-height: 1.7em;
    border-style: solid;
    width: 60px !important;
    border-radius: 4px;
  }
  
  /* === MENSAJE / NOTICE === */
  .woocommerce-message {
    background: var(--Green-400-G) !important;
    border-radius: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px !important;
  }
  .woocommerce-notices-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding: 20px;
  }
  
  /* === CART BLOCK === */
  .wc-block-components-sidebar-layout.wc-block-cart {
    background: white;
    border-radius: 10px;
    padding: 40px !important;
    border: 4px solid var(--Blue-400-B);
    font-size: 18px;
  }
  .wc-block-cart .wp-block-woocommerce-cart-order-summary-block {
    border: 1px solid hsla(0, 0%, 7%, 0.11);
    margin-bottom: 16px;
    padding: 30px;
  }
  table.wc-block-cart-items .wc-block-cart-items__row
    .wc-block-components-product-name,
  table.wc-block-cart-items .wc-block-cart-items__row
    .wc-block-cart-item__prices {
    font-family: var(--typo-primary);
    font-size: 22px;
    line-height: 1.2;
  }
  .wc-block-components-product-metadata
    .wc-block-components-product-metadata__description > p {
    font-size: 16px;
  }
  
  /* === CHECKOUT === */
  .finalizar-compra {
    background: white;
    border: 4px solid var(--Blue-400-B);
    border-radius: 10px;
    padding: 40px;
    font-size: 18px;
  }
  .finalizar-compra .woocommerce-notices-wrapper {
    padding-top: 0;
  }
  #customer_details {
    margin-bottom: 40px;
  }
  
  /* === ORDERBY === */
  .orderby {
    background-color: white;
    border: 2px solid var(--Blue-400-B) !important;
    border-radius: 40px;
    color: #666 !important;
    font-size: 14px;
    padding: 10px;
    font-weight: 500;
    font-family: 'Open Sans', Arial, sans-serif;
  }
  /* ============================================ close: WOOCOMMERCE ============================================ */

    /* === CONTENIDO === */

.nuestra-historia h2, .compromiso h2{
    color:var(--Blue-400-B);
    font-size:28px
}

.nuestra-historia p, .compromiso p{
    color:var(--Blue-400-B);
    font-size:20px
}

.contacto h2{
    color:var(--Blue-400-B);
    font-size:36px
}

.contacto h3{
    color:var(--Green-400-G);
    font-size:20px
}

.contacto p{
    color:var(--Neutral-400-N);
    font-size:20px
}

  /* === FORULARIO === */
.et_pb_contact p input, .et_pb_contact p textarea {
    -webkit-appearance: none;
    background-color: #fff;
    width: 100%;
    border-width: 1PX !important;
    border-radius: 10px;
    color: #999;
    font-size: 14px;
    padding: 16px;
  }

  .et_pb_contact_submit{
    background: var(--Yellow-400-Y) !important;
    color: var(--White) !important;
    border: 0;
    padding: 10px 20px;
    font-family: var(--typo-primary) !important;
    border-radius: 4px;
    vertical-align: middle;
  }

  .et_pb_contact_submit:hover{
    background: var(--Yellow-600) !important;
    transform: none;
    padding: 10px 20px !important;
    border:0px !important
  }

  .et_pb_contact_submit::after{
    display: none;
  }

  .et_pb_contact p input, .et_pb_contact p textarea {

    font-size: 16px !important;

  }

.beneficios h2{
    font-family: var(--typo-primary) !important;
    color: var(--White);
    font-size: 40px;
  padding: 0;
}

.beneficios p{
    font-family: var(--typo-secondary) !important;
    color: var(--White);
    font-size: 26px;
}

.beneficios .et_pb_button_module_wrapper{
    position: absolute;
    right: 0;
}

.beneficios .btn-descubre{
    background: var(--Yellow-400-Y) !important;
    color: var(--White);
    border: 0 !important;
    padding: 20px !important;
    font-family: var(--typo-primary) !important;
    border-radius: 4px;
    vertical-align: middle;
    border-radius: 4px;
    font-size: 26px !important;
  line-height: 100% !important;
  max-width: 240px;
    
}

.beneficios .btn-descubre:hover{
    background: var(--Yellow-600) !important;
    padding: 10px 20px;
    border: 0 !important;
    
}

.beneficios .btn-descubre::after{
   display: none;
}

#top-menu li.red a{
    color:var(--Red-400-R) !important;
}
#top-menu li.yellow a{
    color:var(--Yellow-400-Y) !important;
}
#top-menu li.green a{
    color:var(--Green-400-G) !important;
}
#top-menu li.blue a{
    color:var(--Blue-400-B) !important;
}


#main-header #et-top-navigation #top-menu-nav ul li.red a:hover{
    color:var(--Red-600) !important;
}
#main-header #et-top-navigation #top-menu-nav ul li.yellow a:hover{
    color:var(--Yellow-600) !important;
}
#main-header #et-top-navigation #top-menu-nav ul li.green a:hover{
    color:var(--Green-600) !important;
}
#main-header #et-top-navigation #top-menu-nav ul li.blue a:hover{
    color:var(--Blue-600) !important;
}





/* ===============================================
   Footer corporativo - fix para paginas WooCommerce
   =============================================== */
#main-footer { background-color: #547ec1 !important; }
#main-footer .row-footer-logo,
#main-footer .et_pb_row_9 { background-color: #547ec1 !important; }
#main-footer .row-footer-cols,
#main-footer .et_pb_row_10 { background-color: #3c64a5 !important; }
#main-footer .row-footer-legales,
#main-footer .et_pb_row_11 { background-color: #547ec1 !important; }
#main-footer .et_pb_text_inner p,
#main-footer .et_pb_text_inner h4,
#main-footer .et_pb_blurb_content p,
#main-footer a { color: #ffffff !important; }

/* =============================================
   UNIFORM CITY - MI CUENTA WOOCOMMERCE v2
   Override del background azul de Divi Row
   ============================================= */

/* CRITICAL: Override Divi generated row background */
.woocommerce-account .et_pb_row_0,
.woocommerce-account .et_pb_row {
  background-color: transparent !important;
}

/* Seccion con fondo blanco cuadriculado */
.woocommerce-account .et_pb_section {
  background-color: #ffffff !important;
  background-image: repeating-linear-gradient(0deg, transparent, transparent 39px, rgba(0,100,255,0.06) 39px, rgba(0,100,255,0.06) 40px), repeating-linear-gradient(90deg, transparent, transparent 39px, rgba(0,100,255,0.06) 39px, rgba(0,100,255,0.06) 40px) !important;
  background-size: 40px 40px !important;
  padding: 50px 0 !important;
}

/* LAYOUT 2 columnas */
.woocommerce-account .woocommerce {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px 60px;
  display: flex;
  gap: 30px;
  align-items: flex-start;
  flex-wrap: wrap;
}

/* MENU LATERAL */
.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 240px;
  flex-shrink: 0;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  border: 2px solid #eeeeee;
  position: sticky;
  top: 120px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul::before {
  content: "Mi Panel";
  display: block;
  background: #4B6CB7;
  color: #ffffff;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 16px 20px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid #f0f0f0;
  margin: 0;
  padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 14px 20px;
  color: #333333 !important;
  text-decoration: none !important;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.2s ease;
  border-left: 4px solid transparent;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: #f8f9ff;
  color: #4B6CB7 !important;
  border-left-color: #4B6CB7;
  padding-left: 24px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  font-weight: 800;
  background: #eef1fa;
  border-left: 4px solid #4B6CB7;
  color: #4B6CB7 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:hover {
  background: #fef0ef;
  border-left-color: #E63329;
  color: #E63329 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:hover {
  background: #eef8ec;
  border-left-color: #3FAD2B;
  color: #3FAD2B !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:hover {
  background: #fffbee;
  border-left-color: #FFBE00;
  color: #cc9500 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
  color: #999999 !important;
  font-size: 13px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
  background: #fef5f5;
  border-left-color: #e74c3c;
  color: #e74c3c !important;
}

/* Ocultar Descargas */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads {
  display: none !important;
}

/* CONTENIDO PRINCIPAL */
.woocommerce-account .woocommerce-MyAccount-content {
  flex: 1;
  min-width: 0;
  background: #ffffff;
  border-radius: 16px;
  padding: 35px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  border: 2px solid #eeeeee;
}

/* TITULOS */
.woocommerce-account .woocommerce-MyAccount-content h2 {
  font-size: 22px;
  font-weight: 800;
  color: #333333;
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 3px solid #E63329;
}

/* *** PEDIDOS - PRIORIDAD ABSOLUTA *** */

/* Tabla de pedidos */
.woocommerce-account table.woocommerce-orders-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  border: 1px solid #eeeeee;
  margin-bottom: 20px;
}

.woocommerce-account table.woocommerce-orders-table thead tr {
  background: #4B6CB7;
}

.woocommerce-account table.woocommerce-orders-table thead th {
  color: #ffffff !important;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 14px 18px;
  border: none;
  text-align: left;
}

.woocommerce-account table.woocommerce-orders-table tbody tr:hover {
  background: #f8f9ff;
}

.woocommerce-account table.woocommerce-orders-table tbody tr {
  transition: background 0.15s ease;
}

.woocommerce-account table.woocommerce-orders-table td {
  padding: 14px 18px;
  font-size: 14px;
  color: #333333;
  border: none;
  border-bottom: 1px solid #f5f5f5;
  vertical-align: middle;
}

.woocommerce-account .woocommerce-orders-table__cell-order-number a {
  font-weight: 700;
  color: #4B6CB7 !important;
  text-decoration: none !important;
  font-size: 15px;
}

.woocommerce-account .woocommerce-orders-table__cell-order-number a:hover {
  color: #E63329 !important;
}

/* Badges de estado */
.woocommerce-account mark.order-status {
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-block;
}

.woocommerce-account mark.order-status.status-processing {
  background: #e8f4fd !important;
  color: #2980b9 !important;
  border: 1px solid #bde0f7;
}

.woocommerce-account mark.order-status.status-completed {
  background: #eafaf1 !important;
  color: #27ae60 !important;
  border: 1px solid #a9dfbf;
}

.woocommerce-account mark.order-status.status-pending {
  background: #fef9e7 !important;
  color: #f39c12 !important;
  border: 1px solid #fdebd0;
}

.woocommerce-account mark.order-status.status-on-hold {
  background: #fdf2e9 !important;
  color: #e67e22 !important;
  border: 1px solid #fad7a0;
}

.woocommerce-account mark.order-status.status-cancelled {
  background: #fdedec !important;
  color: #e74c3c !important;
  border: 1px solid #f5b7b1;
}

/* Boton Ver */
.woocommerce-account td.woocommerce-orders-table__cell-order-actions a {
  background: #4B6CB7 !important;
  color: #ffffff !important;
  padding: 7px 16px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border: none !important;
  display: inline-block !important;
}

.woocommerce-account td.woocommerce-orders-table__cell-order-actions a:hover {
  background: #E63329 !important;
}

/* Sin pedidos */
.woocommerce-account .woocommerce-message {
  background: #f8f9ff !important;
  border-left: 4px solid #4B6CB7 !important;
  border-radius: 8px !important;
  padding: 18px 20px !important;
  margin-bottom: 20px !important;
}

/* Detalle pedido */
.woocommerce-account .woocommerce-table--order-details thead th {
  background: #E63329 !important;
  color: #ffffff !important;
  padding: 12px 16px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
}

/* DIRECCIONES */
.woocommerce-account .woocommerce-Addresses {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.woocommerce-account .woocommerce-Address {
  background: #f8f9ff;
  border: 2px solid #e8ecf7;
  border-radius: 12px;
  padding: 24px;
}

.woocommerce-account .woocommerce-Address h3 {
  font-size: 16px;
  font-weight: 800;
  color: #4B6CB7;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 2px solid #e8ecf7;
}

.woocommerce-account .woocommerce-Address address {
  font-style: normal;
  color: #555555;
  font-size: 14px;
  line-height: 1.7;
}

.woocommerce-account .woocommerce-Address .edit {
  display: inline-block;
  margin-top: 12px;
  background: #3FAD2B !important;
  color: #ffffff !important;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none !important;
  text-transform: uppercase;
}

/* FORMULARIOS */
.woocommerce-account .form-row label {
  display: block;
  font-weight: 700;
  font-size: 13px;
  color: #444444;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.woocommerce-account .form-row input[type="text"],
.woocommerce-account .form-row input[type="email"],
.woocommerce-account .form-row input[type="password"],
.woocommerce-account .form-row select,
.woocommerce-account .form-row textarea {
  width: 100% !important;
  padding: 12px 15px !important;
  border: 2px solid #e8e8e8 !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  color: #333333 !important;
  background: #ffffff !important;
}

.woocommerce-account .form-row input:focus,
.woocommerce-account .form-row select:focus,
.woocommerce-account .form-row textarea:focus {
  border-color: #4B6CB7 !important;
  outline: none !important;
}

/* Boton guardar */
.woocommerce-account button[type="submit"],
.woocommerce-account input[type="submit"] {
  background: #4B6CB7 !important;
  color: #ffffff !important;
  padding: 13px 30px !important;
  border: none !important;
  border-radius: 10px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

.woocommerce-account button[type="submit"]:hover,
.woocommerce-account input[type="submit"]:hover {
  background: #E63329 !important;
}

/* RESPONSIVE */
@media only screen and (max-width: 768px) {
  .woocommerce-account .woocommerce {
    flex-direction: column;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
    position: static;
  }
  .woocommerce-account .woocommerce-Addresses {
    grid-template-columns: 1fr;
  }
}

/* *** ESTILOS ESPECIFICOS TABLA DE PEDIDOS (WooCommerce) *** */

/* Tabla de pedidos - my_account_orders */
.woocommerce-account table.shop_table.my_account_orders {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  border: 1px solid #eeeeee;
  margin-bottom: 20px;
}

/* Cabecera azul */
.woocommerce-account table.shop_table.my_account_orders thead tr {
  background: #4B6CB7 !important;
}

.woocommerce-account table.shop_table.my_account_orders thead th {
  color: #ffffff !important;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 14px 18px !important;
  border: none !important;
  text-align: left;
}

/* Filas del body */
.woocommerce-account table.shop_table.my_account_orders tbody tr {
  border-bottom: 1px solid #f5f5f5;
  transition: background 0.15s ease;
}

.woocommerce-account table.shop_table.my_account_orders tbody tr:hover {
  background: #f8f9ff !important;
}

.woocommerce-account table.shop_table.my_account_orders td {
  padding: 14px 18px !important;
  font-size: 14px;
  color: #333333;
  border: none !important;
  border-bottom: 1px solid #f5f5f5 !important;
  vertical-align: middle;
}

/* Numero de pedido */
.woocommerce-account table.shop_table td.order-number a {
  font-weight: 700;
  color: #4B6CB7 !important;
  text-decoration: none !important;
  font-size: 15px;
}

.woocommerce-account table.shop_table td.order-number a:hover {
  color: #E63329 !important;
}

/* Estado del pedido */
.woocommerce-account table.shop_table td.order-status {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Botones de accion */
.woocommerce-account table.shop_table td.order-actions a.button,
.woocommerce-account table.shop_table td .button.view,
.woocommerce-account table.shop_table .button {
  background: #4B6CB7 !important;
  color: #ffffff !important;
  padding: 8px 18px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border: 2px solid #4B6CB7 !important;
  display: inline-block !important;
  transition: all 0.2s ease !important;
}

.woocommerce-account table.shop_table td.order-actions a.button:hover,
.woocommerce-account table.shop_table td .button.view:hover,
.woocommerce-account table.shop_table .button:hover {
  background: #E63329 !important;
  border-color: #E63329 !important;
}

/* Estado: Aprobada/Completado */
.woocommerce-account table.shop_table td.order-status.status-aprobada,
.woocommerce-account .wc-block-order-confirmation-summary-list-item__value--status-aprobada,
.woocommerce-account table.shop_table td[class*="status-complet"],
.woocommerce-account table.shop_table td.order-status[data-value*="pprob"],
.woocommerce-account table.shop_table td.order-status:contains("Aprobada"),
.woocommerce-account table.shop_table td.order-status:contains("Completado") {
  color: #27ae60;
}

/* Estado: Cancelada */
.woocommerce-account table.shop_table td.order-status:contains("Cancelada"),
.woocommerce-account table.shop_table td.order-status:contains("Cancel") {
  color: #e74c3c;
}

/* Titulo de seccion Pedidos */
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-title {
  font-size: 22px;
  font-weight: 800;
  color: #333333;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 3px solid #E63329;
  font-family: inherit;
}

/* Paginacion de pedidos */
.woocommerce-account .woocommerce-pagination {
  margin-top: 20px;
  text-align: center;
}

.woocommerce-account .woocommerce-pagination .page-numbers {
  display: inline-flex;
  gap: 5px;
  list-style: none;
  padding: 0;
}

.woocommerce-account .woocommerce-pagination .page-numbers li a,
.woocommerce-account .woocommerce-pagination .page-numbers li span {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none !important;
  color: #4B6CB7 !important;
  border: 2px solid #e8ecf7;
  transition: all 0.2s ease;
}

.woocommerce-account .woocommerce-pagination .page-numbers li .current,
.woocommerce-account .woocommerce-pagination .page-numbers li a:hover {
  background: #4B6CB7;
  color: #ffffff !important;
  border-color: #4B6CB7;
}

/* === MEJORAS FINALES === */

/* Fondo cuadriculado mas visible para Mi Cuenta */
.woocommerce-account .et_pb_section {
  background-color: #f9fafc !important;
  background-image: 
    linear-gradient(rgba(0, 70, 200, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 70, 200, 0.1) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  background-position: 0 0 !important;
  padding-top: 50px !important;
  padding-bottom: 60px !important;
}

/* Espaciado del contenedor woocommerce dentro del row */
.woocommerce-account .et_pb_row > .et_pb_column > .woocommerce,
.woocommerce-account .et_pb_column .woocommerce {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* El row debe ser transparente */
.woocommerce-account .et_pb_row,
.woocommerce-account .et_pb_row_0 {
  background: transparent !important;
  background-color: transparent !important;
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* El contenedor de columna */
.woocommerce-account .et_pb_column,
.woocommerce-account .et_pb_column_4_4 {
  background: transparent !important;
}

/* Titulo sección escritorio */
.woocommerce-account .woocommerce-MyAccount-content p {
  font-size: 15px;
  line-height: 1.7;
  color: #555555;
}

.woocommerce-account .woocommerce-MyAccount-content p a {
  color: #4B6CB7 !important;
  font-weight: 600;
}

/* Enlace cerrar sesion */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
  border-top: 1px dashed #e0e0e0;
  margin-top: 5px;
}

/* Badge activo en el menu */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active {
  position: relative;
}

/* ESCRITORIO - Tarjetas de acceso rapido */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
  background: #f0f4ff;
  border-left: 4px solid #4B6CB7 !important;
  border-radius: 8px;
  padding: 15px 20px;
  color: #333333;
  font-size: 14px;
}

/* Mejorar el padding del menu para responsivo */
@media only screen and (min-width: 769px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    min-width: 220px;
    max-width: 260px;
  }
  .woocommerce-account .woocommerce-MyAccount-content {
    min-width: 400px;
  }
}