header .nav-link {
    font-weight: 600 !important;
}

.o_navlink_background {
    background-color: transparent !important;
}

.fa-shopping-cart::before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M7.30373%2025.9941C6.63154%2025.9941%206.05852%2025.7549%205.58467%2025.2762C5.11082%2024.7977%204.87389%2024.2223%204.87389%2023.5502C4.87389%2022.8779%205.11319%2022.3049%205.59177%2021.8311C6.07037%2021.3572%206.64575%2021.1202%207.31795%2021.1202C7.99014%2021.1202%208.56316%2021.3595%209.03701%2021.8381C9.51086%2022.3167%209.74779%2022.8921%209.74779%2023.5643C9.74779%2024.2365%209.50849%2024.8094%209.02991%2025.2833C8.55132%2025.7572%207.97592%2025.9941%207.30373%2025.9941ZM21.9254%2025.9941C21.2532%2025.9941%2020.6802%2025.7549%2020.2064%2025.2762C19.7325%2024.7977%2019.4956%2024.2223%2019.4956%2023.5502C19.4956%2022.8779%2019.7349%2022.3049%2020.2135%2021.8311C20.6921%2021.3572%2021.2674%2021.1202%2021.9396%2021.1202C22.6118%2021.1202%2023.1849%2021.3595%2023.6587%2021.8381C24.1326%2022.3167%2024.3695%2022.8921%2024.3695%2023.5643C24.3695%2024.2365%2024.1302%2024.8094%2023.6516%2025.2833C23.173%2025.7572%2022.5976%2025.9941%2021.9254%2025.9941ZM6.93853%205.68628L9.74779%2012.1848H19.9356L22.711%205.68628H6.93853ZM5.88929%203.24927H25.1818C25.4977%203.24927%2025.729%203.37341%2025.8756%203.62158C26.0223%203.86987%2026.0392%204.12927%2025.9264%204.40015L22.1569%2013.1278C21.9622%2013.5822%2021.6674%2013.9448%2021.2725%2014.2156C20.8776%2014.4863%2020.432%2014.6217%2019.9356%2014.6217H9.10471L7.68315%2017.0587H24.3695V19.4956H7.717C6.74673%2019.4956%206.03031%2019.0878%205.56774%2018.2721C5.10518%2017.4562%205.11082%2016.6455%205.58467%2015.8402L7.34469%2012.7941L2.91079%202.43701H0V0H4.50158L5.88929%203.24927Z%22%20fill%3D%22%23278ACA%22/%3E%3C/svg%3E");
}

.o_carousel_product_card_body .btn-primary .fa-shopping-cart::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M7.30373%2025.9941C6.63154%2025.9941%206.05852%2025.7549%205.58467%2025.2762C5.11082%2024.7977%204.87389%2024.2223%204.87389%2023.5502C4.87389%2022.8779%205.11319%2022.3049%205.59177%2021.8311C6.07037%2021.3572%206.64575%2021.1202%207.31795%2021.1202C7.99014%2021.1202%208.56316%2021.3595%209.03701%2021.8381C9.51086%2022.3167%209.74779%2022.8921%209.74779%2023.5643C9.74779%2024.2365%209.50849%2024.8094%209.02991%2025.2833C8.55132%2025.7572%207.97592%2025.9941%207.30373%2025.9941ZM21.9254%2025.9941C21.2532%2025.9941%2020.6802%2025.7549%2020.2064%2025.2762C19.7325%2024.7977%2019.4956%2024.2223%2019.4956%2023.5502C19.4956%2022.8779%2019.7349%2022.3049%2020.2135%2021.8311C20.6921%2021.3572%2021.2674%2021.1202%2021.9396%2021.1202C22.6118%2021.1202%2023.1849%2021.3595%2023.6587%2021.8381C24.1326%2022.3167%2024.3695%2022.8921%2024.3695%2023.5643C24.3695%2024.2365%2024.1302%2024.8094%2023.6516%2025.2833C23.173%2025.7572%2022.5976%2025.9941%2021.9254%2025.9941ZM6.93853%205.68628L9.74779%2012.1848H19.9356L22.711%205.68628H6.93853ZM5.88929%203.24927H25.1818C25.4977%203.24927%2025.729%203.37341%2025.8756%203.62158C26.0223%203.86987%2026.0392%204.12927%2025.9264%204.40015L22.1569%2013.1278C21.9622%2013.5822%2021.6674%2013.9448%2021.2725%2014.2156C20.8776%2014.4863%2020.432%2014.6217%2019.9356%2014.6217H9.10471L7.68315%2017.0587H24.3695V19.4956H7.717C6.74673%2019.4956%206.03031%2019.0878%205.56774%2018.2721C5.10518%2017.4562%205.11082%2016.6455%205.58467%2015.8402L7.34469%2012.7941L2.91079%202.43701H0V0H4.50158L5.88929%203.24927Z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E");
}

.o_carousel_product_card_body .btn-primary {
    padding-top: 12px;
}

.card-title {
    color: #292929 !important;
}

.fa-heart::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 27px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg%20width='30'%20height='27'%20viewBox='0%200%2030%2027'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M14.8966%2027L12.9569%2025.2543C10.3707%2022.9526%208.23707%2020.9806%206.55603%2019.3384C4.875%2017.6961%203.54957%2016.2349%202.57974%2014.9547C1.60992%2013.6746%200.9375%2012.5043%200.562508%2011.444C0.1875%2010.3836%200%209.29742%200%208.18536C0%205.88361%200.788795%203.94397%202.36638%202.36639C3.94397%200.788757%205.88362%200%208.18535%200C9.45258%200%2010.681%200.271545%2011.8707%200.814636C13.0603%201.35773%2014.069%202.12067%2014.8966%203.10345C15.7241%202.12067%2016.7328%201.35773%2017.9224%200.814636C19.1121%200.271545%2020.3405%200%2021.6077%200C23.9095%200%2025.8491%200.788757%2027.4267%202.36639C29.0043%203.94397%2029.7931%205.88361%2029.7931%208.18536C29.7931%209.29742%2029.6121%2010.3707%2029.25%2011.4052C28.8879%2012.4396%2028.222%2013.5905%2027.2521%2014.8577C26.2823%2016.125%2024.9504%2017.5927%2023.2565%2019.2607C21.5625%2020.9288%2019.3965%2022.9526%2016.7586%2025.3319L14.8966%2027ZM14.8966%2023.2371C17.3017%2021.0905%2019.2802%2019.2607%2020.8319%2017.7479C22.3836%2016.2349%2023.6185%2014.916%2024.5366%2013.791C25.4547%2012.6659%2026.0948%2011.6638%2026.4569%2010.7845C26.819%209.90515%2027%209.03876%2027%208.18536C27%206.65948%2026.4828%205.37927%2025.4483%204.34479C24.4138%203.31036%2023.1336%202.79309%2021.6077%202.79309C20.7026%202.79309%2019.8556%202.98059%2019.0668%203.35559C18.278%203.73059%2017.5991%204.25433%2017.0302%204.9267L15.6724%206.51727H14.1207L12.7629%204.9267C12.194%204.25433%2011.5022%203.73059%2010.6875%203.35559C9.87285%202.98059%209.0388%202.79309%208.18535%202.79309C6.65948%202.79309%205.37931%203.31036%204.34483%204.34479C3.31035%205.37927%202.79311%206.65948%202.79311%208.18536C2.79311%209.03876%202.9612%209.8858%203.29742%2010.7263C3.63362%2011.5668%204.24785%2012.5431%205.14009%2013.6552C6.03233%2014.7672%207.26077%2016.0862%208.82543%2017.6121C10.3901%2019.1379%2012.4138%2021.0129%2014.8966%2023.2371Z'%20fill='%23278ACA'/%3E%3C/svg%3E");
}

header .fa-star::before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='29' viewBox='0 0 36 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8085 11.1367L21.1835 11.999L22.1239 12.0361L30.6415 12.375L24.1669 16.8525L23.2538 17.4834L23.5897 18.541L25.8768 25.7422L18.3368 21.4482L17.5946 21.0254L16.8524 21.4482L9.3114 25.7422L11.5995 18.541L11.9354 17.4834L11.0223 16.8525L4.54675 12.375L13.0653 12.0361L14.0057 11.999L14.3807 11.1367L17.5946 3.75586L20.8085 11.1367Z' stroke='%23278ACA' stroke-width='3'/%3E%3C/svg%3E");
}


.oi-search:before {
    content: "";
    display: inline-block;
    width: 34px;
    height: 34px;
    top: -4px;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23278ACA' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21l-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314'/%3E%3C/svg%3E");
}

.navbar-light a.nav-link {
    color: #278ACA !important;
}

#top_menu~ul li:nth-child(1) {
    order: 7;
}

#top_menu~ul li:nth-child(2) {
    order: 1;
}

#top_menu~ul li:nth-child(3) {
    order: 3;
}

#top_menu~ul li:nth-child(4) {
    order: 2;
}

#top_menu~ul li:nth-child(5) {
    order: 4;
}

#top_menu~ul li:nth-child(6) {
    order: 5;
}

#top_menu~ul li:nth-child(7) {
    order: 8;
}

#top_menu~ul li:nth-child(8) {
    order: 6;
    top: -3px;
    position: relative;
}

#top_menu~.o_header_language_selector {
    display: none;
}

#top_menu~ul {
    gap: 2.8px !important;
}


.nav-link[href="/web/login"]::after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    right: -3px;
    top: -3px;
    margin-left: 6px;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M6.15999%2024.16C7.51999%2023.12%209.03999%2022.3%2010.72%2021.7C12.4%2021.1%2014.16%2020.8%2016%2020.8C17.84%2020.8%2019.6%2021.1%2021.28%2021.7C22.96%2022.3%2024.48%2023.12%2025.84%2024.16C26.7733%2023.0667%2027.5%2021.8267%2028.02%2020.44C28.54%2019.0533%2028.8%2017.5734%2028.8%2016C28.8%2012.4534%2027.5533%209.43335%2025.06%206.94006C22.5667%204.44666%2019.5467%203.20001%2016%203.20001C12.4533%203.20001%209.43332%204.44666%206.93999%206.94006C4.44666%209.43335%203.2%2012.4534%203.2%2016C3.2%2017.5734%203.45999%2019.0533%203.98%2020.44C4.49999%2021.8267%205.22665%2023.0667%206.15999%2024.16ZM16%2017.6C14.4267%2017.6%2013.1%2017.0601%2012.02%2015.98C10.94%2014.9%2010.4%2013.5734%2010.4%2012C10.4%2010.4266%2010.94%209.09998%2012.02%208.02002C13.1%206.94006%2014.4267%206.40002%2016%206.40002C17.5733%206.40002%2018.9%206.94006%2019.98%208.02002C21.06%209.09998%2021.6%2010.4266%2021.6%2012C21.6%2013.5734%2021.06%2014.9%2019.98%2015.98C18.9%2017.0601%2017.5733%2017.6%2016%2017.6ZM16%2032C13.7867%2032%2011.7067%2031.58%209.75999%2030.74C7.81332%2029.9%206.12%2028.76%204.67999%2027.32C3.23999%2025.88%202.09999%2024.1866%201.25999%2022.24C0.419998%2020.2933%200%2018.2134%200%2016C0%2013.7867%200.419998%2011.7067%201.25999%209.76001C2.09999%207.81335%203.23999%206.12%204.67999%204.68005C6.12%203.23999%207.81332%202.10004%209.75999%201.26001C11.7067%200.420044%2013.7867%200%2016%200C18.2133%200%2020.2933%200.420044%2022.24%201.26001C24.1867%202.10004%2025.88%203.23999%2027.32%204.68005C28.76%206.12%2029.9%207.81335%2030.74%209.76001C31.58%2011.7067%2032%2013.7867%2032%2016C32%2018.2134%2031.58%2020.2933%2030.74%2022.24C29.9%2024.1866%2028.76%2025.88%2027.32%2027.32C25.88%2028.76%2024.1867%2029.9%2022.24%2030.74C20.2933%2031.58%2018.2133%2032%2016%2032ZM16%2028.8C17.4133%2028.8%2018.7467%2028.5934%2020%2028.1801C21.2533%2027.7667%2022.4%2027.1733%2023.44%2026.4C22.4%2025.6267%2021.2533%2025.0333%2020%2024.62C18.7467%2024.2067%2017.4133%2024%2016%2024C14.5867%2024%2013.2533%2024.2067%2012%2024.62C10.7467%2025.0333%209.59999%2025.6267%208.55999%2026.4C9.59999%2027.1733%2010.7467%2027.7667%2012%2028.1801C13.2533%2028.5934%2014.5867%2028.8%2016%2028.8ZM16%2014.4C16.6933%2014.4%2017.2666%2014.1733%2017.72%2013.72C18.1733%2013.2667%2018.4%2012.6934%2018.4%2012C18.4%2011.3067%2018.1733%2010.7334%2017.72%2010.28C17.2666%209.82672%2016.6933%209.59998%2016%209.59998C15.3067%209.59998%2014.7333%209.82672%2014.28%2010.28C13.8267%2010.7334%2013.6%2011.3067%2013.6%2012C13.6%2012.6934%2013.8267%2013.2667%2014.28%2013.72C14.7333%2014.1733%2015.3067%2014.4%2016%2014.4Z'%20fill='%23278ACA'/%3E%3C/svg%3E");
}

.nav-link[href="/web/login"] {
    height: 42px;
    padding-top: 0px;
    padding-right: 0 !important;
}


.navbar-light a.nav-link.border {
    color: #278ACA !important;
    border: 3px solid !important;
    height: 30px;
    width: fit-content !important;
    margin: auto;
}

.oe_search_button i {
    top: 7px;
    position: relative;
}

.s_rating_icons {
    display: flex;
    justify-content: center;
    gap: 8px;
}

#wrapwrap:not(.o_header_overlay) header .badge {
    color: #fff !important;
}

#top::before {
    content: "";
    display: block;
    width: 100%;
    height: 60px;
    /* ajusta según el alto de tu imagen */
    background-image: url("https://cdn.distribuidoradentalpardo.com/product-images/banner-head.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    position: relative;
    z-index: 10;
}

/* Capa invisible que hace que el enlace funcione */
#top::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    /* mismo alto del ::before */
    z-index: 20;
    cursor: pointer;
}

/* contenedor relativo para que el pseudo-elemento funcione */
#top {
    position: relative;
}

#top nav.navbar {
    padding: 10px 0 !important;
}

/* === Banner General === */
.dp-banner {
    display: flex;
    color: #fff;
    width: 100%;
    overflow: hidden;
    background-image: url(https://cdn.distribuidoradentalpardo.com/product-images/img-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
    z-index: 0;
    position: relative;
    max-height: 420px;
    height: 420px;
}

.dp-banner a {
    color: #fff !important;
}

/* === Columna Izquierda === */
.dp-left {
    width: 50%;
    position: relative;
}

.dp-left img.dp-main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* === Columna Derecha === */
.dp-right {
    width: 50%;
    padding: 50px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #0E86D4;
    position: relative;
}

/* === Arco Curvo === */
.dp-right::before {
    content: "";
    position: absolute;
    left: -40px;
    top: -60px;
    width: 80px;
    height: 130%;
    background: #0E86D4;
    border-radius: 100%;
    z-index: -1;
}



/* Logo */
.dp-logo {
    width: 120px;
    margin-bottom: 20px;
}

/* Título */
.dp-title {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
}

.dp-title span {
    font-size: 18px;
    font-weight: 500;
}

/* Texto */
.dp-text {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 30px;
}

/* Botón */
.dp-btn {
    color: #fff;
}

.navbar .top_menu {
    margin-right: 0 !important;
    width: 100%;
    justify-content: space-between;
}

.navbar>.container {
    gap: 4px !important;
}

/* Responsive */
@media (max-width: 768px) {
    .dp-banner {
        flex-direction: column;
    }

    .dp-left,
    .dp-right {
        width: 100%;
    }

    .dp-right {
        padding: 40px 20px;
    }

    .dp-title {
        font-size: 30px;
    }

    #top::before {
        content: "";
        display: block;
        width: 100%;
        height: 50px;
        /* ajusta según el alto de tu imagen */
        background-image: url("https://cdn.distribuidoradentalpardo.com/product-images/banner-head-mobile.webp");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        cursor: pointer;
        position: relative;
        z-index: 10;
    }
}

.iframe-maps {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 270px;
    height: 220px;
    border-radius: 0 100% 0 0;
}

.social-floating {
    position: fixed;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    background: white;
    border: 2px solid #f4b400;
    border-radius: 50px;
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    z-index: 9999;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.social-icon {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.social-icon svg {
    width: 22px;
    height: 22px;
}


.social-icon:hover {
    transform: scale(1.1);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}




.icon-links-section {
    justify-content: center;
    align-items: center;
    padding: 10px 0 40px;
    background-color: #fff;
}

.icon-links-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 40px;
    text-align: center;
}

.icon-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #222;
    font-weight: 700;
    transition: all 0.3s ease;
}

.icon-link .icon-circle {
    font-size: 36px;
    background-color: #2582c4;
    color: white;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    transition: all 0.3s ease;
    padding: 15px;
}

.icon-link span {
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
}

.icon-link:hover .icon-circle {
    background-color: #1b6da7;
    transform: scale(1.1);
}

#top_menu_collapse_mobile input[type="search"],
#top_menu_collapse_mobile .oe_search_button {
    border: 2px solid #2582c4 !important;
}


.oe_website_login_container {
    min-height: 500px;
}

.oe_website_login_container::before,
main span[data-for="contactus_form"]~.oe_structure:before {
    content: "";
    background: url(https://cdn.distribuidoradentalpardo.com/product-images/marca-de-agua.webp);
    height: 460px;
    width: 286px;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    left: 0;
    top: 120px;
}

.s_embed_code {
    padding: 0 !important;
}

.oe_login_form,
.oe_reset_password_form {
    margin: 160px auto 0 !important;
    max-width: 400px !important;
}

.oe_signup_form {
    margin: 80px auto 0 !important;
    max-width: 400px !important;
}

.oe_website_login_container .form-control {
    border: 1px solid #707070 !important;
    height: 50px !important;
}

.oe_website_login_container label[for="login"] button,
.oe_website_login_container label[for="password"] button {
    display: none !important;
}


.oe_login_buttons {
    display: flex !important;
    justify-content: center;
    gap: 20px !important;
}

.oe_reset_password_form .oe_login_buttons,
.oe_signup_form .oe_login_buttons {
    display: grid !important;
}

.oe_reset_password_form .oe_login_buttons>div,
.oe_signup_form .oe_login_buttons>div {
    justify-content: center !important;
}

.oe_login_buttons .btn-primary,
.s_website_form_send {
    min-width: 130px !important;
    background-color: #0E86D4 !important;
    border-radius: 10px !important;
    border: none !important;
    padding: 5px;
    color: #fff !important;
    font-size: 16px !important;
}


/* ————————————————
   CONTENEDOR GENERAL
——————————————— */
.banners-home {
    width: 100%;
    display: flex;
    gap: 20px;
    margin: 25px 0;
}

/* Carrusel grande (izquierda) */
#banner1 {
    width: 70%;
    overflow: hidden;
}

/* Carrusel pequeño (derecha) */
#banner2 {
    width: 30%;
    overflow: hidden;
}

#banner1 img,
#banner2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#banner1 .carousel-item img {
    height: 450px;
}

#banner2 .carousel-item img {
    height: 450px;
}



.carousel-control-prev,
.carousel-control-next {
    width: 50px;
}



#bannerAliados .aliado-img {
    width: 200px;
    height: 200px;
    object-fit: contain;
    margin: auto;
}

#bannerAliados .carousel-item {
    padding: 20px 0;
}



.whatsapp-float {
    position: fixed;
    bottom: 12%;
    right: 50px;
    z-index: 9999;
    text-decoration: none !important;
    top: calc(97% - 116px);
    left: calc(97% - 56px);
}

.whatsapp-icon {
    width: 56px;
    height: 56px;
    overflow: hidden;
    transition: transform 0.2s ease;
}

.whatsapp-icon:hover {
    transform: scale(1.12);
}

/* --- Animación de respirar --- */
@keyframes breathing {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }

    100% {
        transform: scale(1);
    }
}



/* --- Efecto salto en hover --- */
@keyframes jump {
    0% {
        transform: translateY(0);
    }

    30% {
        transform: translateY(-8px);
    }

    60% {
        transform: translateY(0);
    }

    80% {
        transform: translateY(-4px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes float {

    0%,
    100% {
        scale: 1;
        transform: translateY(0);
        rotate: 0;
    }

    40% {
        scale: 1.1;
        transform: translateY(-6px);
        rotate: 6deg;

    }

    70% {
        scale: .8;
        transform: translateY(-6px);
        rotate: -6deg;

    }
}



@keyframes logo3DEntrance {
    0% {
        opacity: 0;
        transform:
            scale(0.05) rotateY(360deg) rotateX(90deg) translateZ(-400px);
    }

    70% {
        opacity: 1;
        transform:
            scale(1.05) rotateY(0deg) rotateX(0deg) translateZ(40px);
    }

    100% {
        opacity: 1;
        transform:
            scale(1) rotateY(0deg) rotateX(0deg) translateZ(0);
    }
}


header .navbar-brand.logo img {
    animation:
        logo3DEntrance 1.4s cubic-bezier(0.22, 1, 0.36, 1) forwards,
        float 3s ease-in-out 1.4s infinite;
}

header .navbar-brand.logo img:hover {
    animation-play-state: paused;
    transform: scale(1.05);
}


.oe_website_login_container form label[for="password"] a {
    display: none !important;
}

@media (max-width: 1380px) {
    #top_menu~ul {
        gap: 2.8px !important;
    }

}

@media (max-width: 991px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0 !important;
    }

    header .navbar-brand.logo img {
        height: 47px !important;
    }


    .banners-home {
        flex-direction: column;
    }

    #banner1,
    #banner2 {
        width: 100%;
    }

    #banner1 .carousel-item img,
    #banner2 .carousel-item img {
        height: 260px;
    }
}

@media (max-width: 600px) {

    #banner1 .carousel-item img,
    #banner2 .carousel-item img {
        height: 200px;
    }
}

@media (max-width: 768px) {
    #bannerAliados .aliado-img {
        width: 180px;
    }
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23F7B441' d='M16.06 10.94a1.5 1.5 0 0 1 0 2.12l-5.656 5.658a1.5 1.5 0 1 1-2.121-2.122L12.879 12L8.283 7.404a1.5 1.5 0 0 1 2.12-2.122l5.658 5.657Z'/%3E%3C/g%3E%3C/svg%3E");
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23F7B441' d='M7.94 13.06a1.5 1.5 0 0 1 0-2.12l5.656-5.658a1.5 1.5 0 1 1 2.121 2.122L11.122 12l4.596 4.596a1.5 1.5 0 1 1-2.12 2.122l-5.66-5.658Z'/%3E%3C/g%3E%3C/svg%3E");
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 32px;
    height: 64px;
    background-size: cover !important;
}

.o_wprofile_gradient {
    background-image: linear-gradient(120deg, #2582c4, #278ACA) !important;
}

div[style*="background-image: url(/web/image/res.users/2/avatar"] {
    background-image: url("https://cdn.distribuidoradentalpardo.com/product-images/ICONO-DE-MARCA.webp") !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.btn.btn-primary {
    background-color: #2582c4 !important;
    border-color: #2582c4 !important;
    padding: 5px 10px !important;
    font-size: 16px !important;
}

#add_to_cart {
    border-radius: 20px !important;
    background-color: #E23701 !important;
    color: #fff !important;
    font-size: 16px !important;
    border-color: #E23701 !important;
    display: flex;
    align-items: center;
}

#add_to_cart .fa-shopping-cart::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M7.30373%2025.9941C6.63154%2025.9941%206.05852%2025.7549%205.58467%2025.2762C5.11082%2024.7977%204.87389%2024.2223%204.87389%2023.5502C4.87389%2022.8779%205.11319%2022.3049%205.59177%2021.8311C6.07037%2021.3572%206.64575%2021.1202%207.31795%2021.1202C7.99014%2021.1202%208.56316%2021.3595%209.03701%2021.8381C9.51086%2022.3167%209.74779%2022.8921%209.74779%2023.5643C9.74779%2024.2365%209.50849%2024.8094%209.02991%2025.2833C8.55132%2025.7572%207.97592%2025.9941%207.30373%2025.9941ZM21.9254%2025.9941C21.2532%2025.9941%2020.6802%2025.7549%2020.2064%2025.2762C19.7325%2024.7977%2019.4956%2024.2223%2019.4956%2023.5502C19.4956%2022.8779%2019.7349%2022.3049%2020.2135%2021.8311C20.6921%2021.3572%2021.2674%2021.1202%2021.9396%2021.1202C22.6118%2021.1202%2023.1849%2021.3595%2023.6587%2021.8381C24.1326%2022.3167%2024.3695%2022.8921%2024.3695%2023.5643C24.3695%2024.2365%2024.1302%2024.8094%2023.6516%2025.2833C23.173%2025.7572%2022.5976%2025.9941%2021.9254%2025.9941ZM6.93853%205.68628L9.74779%2012.1848H19.9356L22.711%205.68628H6.93853ZM5.88929%203.24927H25.1818C25.4977%203.24927%2025.729%203.37341%2025.8756%203.62158C26.0223%203.86987%2026.0392%204.12927%2025.9264%204.40015L22.1569%2013.1278C21.9622%2013.5822%2021.6674%2013.9448%2021.2725%2014.2156C20.8776%2014.4863%2020.432%2014.6217%2019.9356%2014.6217H9.10471L7.68315%2017.0587H24.3695V19.4956H7.717C6.74673%2019.4956%206.03031%2019.0878%205.56774%2018.2721C5.10518%2017.4562%205.11082%2016.6455%205.58467%2015.8402L7.34469%2012.7941L2.91079%202.43701H0V0H4.50158L5.88929%203.24927Z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E") !important;
}

.redes-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    gap: 10px;
}

.footer {
    position: relative;
    /* azul base */
    height: 240px;
    overflow: hidden;
}

.wave-container {
    position: absolute;
    bottom: 0;
    width: 200%;
    height: 100px;
    animation: moveWave 12s linear infinite;
}

.wave-container svg {
    width: 100%;
    height: 100%;
}

#wave-path {
    fill: white;
    animation: colorShift 6s ease-in-out infinite alternate;
}

.container-fluid:has(.footer) {
    padding: 0;
}

/* Movimiento horizontal */
@keyframes moveWave {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* Intercambio de colores */
@keyframes colorShift {
    0% {
        fill: #132442;
    }

    100% {
        fill: #132442;
    }
}



.info-cards {
    display: flex;
    gap: 32px;

    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.info-cards .card {
    flex: 1 1 300px;
    max-width: 520px;
    padding: 20px 10px;
    border-radius: 40px;
    color: #fff;
    font-family: "Poppins", sans-serif;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.info-cards .card h3 {
    font-size: 28px;
    margin-bottom: 16px;
    font-weight: 600;
}

.info-cards .card p {
    font-size: 16px;
    line-height: 1.6;
    opacity: 0.95;
}

/* Colores */
.card-blue {
    background: #0077C8;
}

.card-yellow {
    background: #F9B233;
}

.card-green {
    background: #4FB7A5;
}

/* Hover elegante */
.info-cards .card:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);
}

/* Responsive */
@media (max-width: 900px) {
    .info-cards {
        padding: 24px;
    }
}

#o_main_nav {
    max-width: 1450px;
}