/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* ==========================================================
   UNIDOGS — Título con huellas decorativas
   ========================================================== */

.unidogs-title {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Huellas */
.unidogs-title::after {
    content: "";
    position: absolute;

    width: 52px;
    height: 32px;

    top: -30px;
    right: -20px;

    background-color: #d3b486;

    -webkit-mask-image: url("https://new.unidogs.co/wp-content/uploads/2026/08/Recurso-1.svg");
    mask-image: url("https://new.unidogs.co/wp-content/uploads/2026/08/Recurso-1.svg");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;

    transform-origin: center;

    pointer-events: none;
    z-index: 1;
}

/* Variante azul petróleo */
.unidogs-title.unidogs-title-petrol::after {
    background-color: #0a3a47;
}

/* Variante verde oliva */
.unidogs-title.unidogs-title-olive::after {
    background-color: #4b5b38;
}

/* Variante blanca para fondos oscuros */
.unidogs-title.unidogs-title-white::after {
    background-color: #ffffff;
}

/* Huellas a la izquierda */
.unidogs-title.unidogs-title-left::after {
    right: auto;
    left: -38px;
    transform: rotate(-7deg);
}

/* Ajuste para tablet */
@media (max-width: 1024px) {
    .unidogs-title::after {
        width: 44px;
        height: 28px;
        top: -15px;
        right: -32px;
    }

    .unidogs-title.unidogs-title-left::after {
        right: auto;
        left: -32px;
    }
}

/* Ajuste para móvil */
@media (max-width: 767px) {
    .unidogs-title::after {
        width: 34px;
        height: 22px;
        top: -12px;
        right: -24px;
    }

    .unidogs-title.unidogs-title-left::after {
        right: auto;
        left: -24px;
    }
}
/***************************************************************************/
/* ==========================================================
   UNIDOGS — HEADER STICKY
   ========================================================== */

.unidogs-header,
.unidogs-header > .e-con-inner {
    height: 80px;
    transition: height .35s cubic-bezier(.22, .61, .36, 1);
}

.unidogs-header {
    background: transparent !important;
    transition:
        height .35s cubic-bezier(.22, .61, .36, 1),
        background-color .3s ease,
        box-shadow .3s ease;
}

/* Logos */
.original-logo {
    display: block;
}

.scroll-logo {
    display: none;
}

/*.unidogs-logo-wrap {
    transform: translateY(0) scale(1);
    transform-origin: center;
    transition: transform .35s cubic-bezier(.22, .61, .36, 1);
}*/

/* Estado inicial: menú e iconos blancos */
.unidogs-menu .elementor-item,
.unidogs-header-icons,
.unidogs-header-icons .elementor-icon {
    color: #fff !important;
    transition: color .3s ease;
}

.unidogs-header-icons svg,
.unidogs-header-icons svg path {
    fill: currentColor;
}

/* Estado sticky */
.unidogs-header.elementor-sticky--effects,
.unidogs-header.elementor-sticky--effects > .e-con-inner {
    height: 80px !important;
}

.unidogs-header.elementor-sticky--effects {
    background: #fff !important;
    box-shadow: 0 6px 20px rgba(10, 58, 71, .10);
}

.unidogs-header.elementor-sticky--effects .original-logo {
    display: none;
}

.unidogs-header.elementor-sticky--effects .scroll-logo {
    display: block;
}

/*.unidogs-header.elementor-sticky--effects .unidogs-logo-wrap {
    transform: translateY(-1px) scale(.90);
}*/

/* Menú negro en sticky */
.unidogs-header.elementor-sticky--effects .unidogs-menu .elementor-item {
    color: #111 !important;
}

/* Hover, activo y Grow en verde petróleo */
.unidogs-header.elementor-sticky--effects .unidogs-menu .elementor-item:hover,
.unidogs-header.elementor-sticky--effects .unidogs-menu .elementor-item-active,
.unidogs-header.elementor-sticky--effects .unidogs-menu .current-menu-item > .elementor-item,
.unidogs-header.elementor-sticky--effects .unidogs-menu .current-menu-ancestor > .elementor-item {
    color: #0A3A47 !important;
}

.unidogs-header.elementor-sticky--effects .unidogs-menu .elementor-item::after {
    background-color: #0A3A47 !important;
}

/* Iconos en sticky */
.unidogs-header.elementor-sticky--effects .unidogs-header-icons,
.unidogs-header.elementor-sticky--effects .unidogs-header-icons .elementor-icon {
    color: #0A3A47 !important;
}

.unidogs-header.elementor-sticky--effects .unidogs-header-icons:hover,
.unidogs-header.elementor-sticky--effects .unidogs-header-icons:hover .elementor-icon {
    color: #D3B486 !important;
}


.unidogs-menu-cart {
    --toggle-button-icon-color: #fff;
}

.unidogs-menu-cart .elementor-menu-cart__toggle_button svg,
.unidogs-menu-cart .elementor-menu-cart__toggle_button svg path {
    transition: fill .3s ease;
}

.unidogs-header.elementor-sticky--effects .unidogs-menu-cart {
    --toggle-button-icon-color: #0A3A47;
}
.unidogs-header.elementor-sticky--effects
.unidogs-menu-cart:hover {
    --toggle-button-icon-color: #D3B486;
}

/***************************************************************************/
/* ==========================================================
   UNIDOGS — MINI CARRITO VACÍO
   ========================================================== */

.elementor-menu-cart__main {
    min-width: 340px;
}

.unidogs-cart-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 300px;
    padding: 55px 32px 36px;

    text-align: center;
}

.unidogs-cart-empty__icon {
    display: grid;
    place-items: center;

    width: 72px;
    height: 72px;
    margin-bottom: 20px;

    border-radius: 50%;
    background: rgba(10, 58, 71, .08);
    color: #0a3a47;
}

.unidogs-cart-empty__icon svg {
    width: 31px;
    height: 31px;
    fill: currentColor;
}

.unidogs-cart-empty__title {
    margin: 0 0 9px;

    color: #111;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.25;
}

.unidogs-cart-empty__text {
    max-width: 275px;
    margin: 0 0 23px;

    color: #666;
    font-size: 14px;
    line-height: 1.6;
}

.unidogs-cart-empty__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    width: 100%;
    max-width: 255px;
    min-height: 49px;
    padding: 13px 22px;

    border: 1px solid #0a3a47;
    border-radius: 2px;

    background: #0a3a47;
    color: #fff !important;

    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;

    transition:
        background-color .25s ease,
        border-color .25s ease,
        color .25s ease;
}

.unidogs-cart-empty__button:hover {
    border-color: #d3b486;
    background: #d3b486;
    color: #111 !important;
}

@media (max-width: 767px) {
    .elementor-menu-cart__main {
        min-width: 0;
    }

    .unidogs-cart-empty {
        min-height: 275px;
        padding: 50px 24px 32px;
    }
}
/***************************************************************************/
/* ==========================================
   UNIDOGS - FOOTER SIEMPRE AL FINAL
   ========================================== */

html,
body {
    min-height: 100%;
}

body {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

/* Footer creado con Elementor Theme Builder */
.elementor-location-footer {
    margin-top: auto;
}