@font-face {
    font-family: 'geomanistRegular';
    src: local('geomanistRegular'),
        url('../font/Geomanist-Regular/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/Geomanist-Regular/geomanist-regular-webfont.woff') format('woff'),
        url('../font/Geomanist-Regular/geomanist-regular-webfont.ttf') format('truetype'),
        url('../font/Geomanist-Regular/geomanist-regular-webfont.svg#geomanistRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-stretch: condensed;
    /* Corregido de "font-strecht" a "font-stretch" */
    unicode-range: "U+0-10FFFF";
}

@font-face {
    font-family: 'geomanistMedium';
    src: local('geomanistMedium'),
        url('../font/Geomanist-Medium/geomanist-medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/Geomanist-Medium/geomanist-medium-webfont.woff') format('woff'),
        url('../font/Geomanist-Medium/geomanist-medium-webfont.ttf') format('truetype'),
        url('../font/Geomanist-Medium/geomanist-medium-webfont.svg#geomanistRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-stretch: condensed;
    /* Corregido */
    unicode-range: "U+0-10FFFF";
}

@font-face {
    font-family: 'geomanistLight';
    src: local('geomanistLight'),
        url('../font/Geomanist-Light/geomanist-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/Geomanist-Light/geomanist-light-webfont.woff') format('woff'),
        url('../font/Geomanist-Light/geomanist-light-webfont.ttf') format('truetype'),
        url('../font/Geomanist-Light/geomanist-light-webfont.svg#geomanistRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-stretch: condensed;
    /* Corregido */
    unicode-range: "U+0-10FFFF";
}

.social-media {
    display: flex;
    justify-content: center;
    gap: 15px;
    /* Espaciado entre iconos */
}

.social-media a {
    font-size: 24px;
    /* Tamaño de los iconos */
    text-decoration: none;
    color: black;
}

.social-media a:hover {
    color: #B7B7B7;
    /* Color al pasar el mouse */
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    66% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    66% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeinout {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

body {
    font-family: geomanistRegular, arial, Helvetica;
    color: #666;
    margin: 0px;
    -webkit-animation: 1s ease 0s normal forwards 1 fadein;
    animation: 1s ease 0s normal forwards 1 fadein;
}

.pushContent {
    width: 100%;
    height: 240px;
    /* Altura predeterminada para escritorio */
}

@media (max-width: 768px) {
    .pushContent {
        height: 120px;
        /* Reduce altura para móviles */
    }
}

@media (max-width: 480px) {
    .pushContent {
        height: 80px;
        /* Reduce aún más para pantallas muy pequeñas */
    }
}

h1 {
    font-family: geomanistLight, arial, Helvetica;
    margin: 0px;
    font-weight: 400;
    font-size: 96px;
    line-height: 96px;
}

/* Ajuste para el título principal de la Home en móviles */
@media (max-width: 768px) {
    .home-title {
        font-size: 60px;
        /* Ajusta tamaño de fuente para tablets y móviles */
        line-height: 65px;
    }
}

@media (max-width: 480px) {
    .home-title {
        font-size: 48px;
        /* Ajusta aún más para teléfonos muy pequeños */
        line-height: 52px;
    }
}

h2 {
    font-family: geomanistLight, arial, Helvetica;
    margin: 0px;
    font-weight: 400;
    font-size: 36px;
    line-height: 42px;
}

h3 {
    margin: 0px;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
}

h4 {
    margin: 0px;
    font-weight: 400;
    font-size: 48px;
    line-height: 60px;
}

p {
    margin-top: 0px;
    font-size: 17px;
    line-height: 22px;
}

.p-mb-100 p,
.p-mb-100 h2 {
    margin-bottom: 100px;
}

.p-m-0 {
    margin: 0px;
}

a {
    cursor: pointer !important;
}

.cut-text-fix {
    overflow: hidden;
    /* Asegura que el texto se ajuste y no se desborde */
    text-overflow: ellipsis;
    /* Añade puntos suspensivos si el texto se corta */
    white-space: normal;
    /* Permite que el texto se ajuste naturalmente */
}

.blackColor {
    color: black;
}

.grayColor1 {
    color: #7E7E7E;
}

.grayColor2 {
    color: #4F4F4F;
}

.grayColor3 {
    color: #B7B7B7;
}

.spacer10 {
    width: 100%;
    height: 10px;
}

.spacer15 {
    width: 100%;
    height: 15px;
}

.spacer30 {
    width: 100%;
    height: 30px;
}

.spacer40 {
    width: 100%;
    height: 40px;
}

.spacer65 {
    width: 100%;
    height: 65px;
}

.spacer80 {
    width: 100%;
    height: 80px;
}

.spacer95 {
    width: 100%;
    height: 95px;
}

.spacer120 {
    width: 100%;
    height: 120px;
}

.spacer200 {
    width: 100%;
    height: 200px;
}

#cookies {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(178, 152, 102, 0.95);
    display: none;
    padding: 20px;
    text-align: left;
    z-index: 10000;
    color: white;
    vertical-align: middle;
}

#cookies h1 {
    font-family: geomanistLight, arial, Helvetica;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 27px;
    line-height: 39px;
}

#cookies .cookies-box-1 {
    height: auto;
    padding: 20px 60px 0 60px;
    display: block;
    vertical-align: middle;
}

#cookies .cookies-box-2 {
    height: auto;
    padding: 0 60px 20px 60px;
    position: relative;
}

#cookies p {
    margin-top: 0px;
    font-size: 14px;
    line-height: 19px;
    color: black;
}

#cookies .cookies-btn {
    background-color: transparent;
    color: white;
    font-size: 30px;
    border: 0px;
    position: absolute;
    top: 30px;
    right: 30px;
}

#cookies button img {
    width: 30px;
    cursor: pointer;
}

#cookies button img:hover {
    opacity: 0.7;
}

/* Mejoras para móvil manteniendo el estilo original */
@media (max-width: 768px) {
    #cookies {
        top: unset;
        bottom: 0;
        left: 0;
        right: 0;
        max-height: 88%;
        height: 100%;
        border-radius: 8px 8px 0 0;
    }

    #cookies .cookies-box-1 {
        padding: 40px 30px 0 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    #cookies .cookies-box-2 {
        padding: 0 30px 20px 30px;
    }

    #cookies h1 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 15px;
    }

    #cookies p {
        font-size: 13px;
        line-height: 17px;
    }

    #cookies .cookies-btn {
        font-size: 25px;
        top: 20px;
        right: 20px;
    }

    #cookies button img {
        width: 25px;
    }
}

@media (max-width: 480px) {
    #cookies .cookies-box-1 {
        padding: 40px 20px 0 20px;
    }

    #cookies .cookies-box-2 {
        padding: 0 20px 15px 20px;
    }

    #cookies h1 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 12px;
    }

    #cookies p {
        font-size: 12px;
        line-height: 16px;
    }

    #cookies .cookies-btn {
        font-size: 22px;
        top: 15px;
        right: 15px;
    }

    #cookies button img {
        width: 22px;
    }
}

.artwork {
    width: 100%;
    max-width: 100%;
}

.artwork-link {
    text-decoration: none;
}

.artwork-link a {
    text-decoration: none;
    opacity: 1;
    -webkit-transition: all 1.4s;
    -moz-transition: all 1.4s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.artwork-link a:hover {
    text-decoration: none;
    opacity: 0.6;
    color: #2C2723 !important;
}

.img-hover-zoom {
    width: 100%;
    overflow: hidden;
}

.img-hover-zoom img {
    transition: transform .8s ease;
    width: 100%;
}

.img-hover-zoom:hover img {
    transform: scale(1.05);
}

/* Corrección de imagen "Who am I?" */
.whoami-image-1 {
    width: 100%;
    /* La hace responsiva */
    height: auto;
    max-width: 420px;
    /* Mantiene el ancho máximo original para pantallas grandes */
}

@media (max-width: 768px) {
    .whoami-image-1 {
        width: 100%;
        max-width: 300px;
        /* Ajusta ancho máximo para pantallas más pequeñas */
        margin: 0 auto;
        /* La centra */
        display: block;
        /* La convierte en un elemento de bloque para centrar */
    }
}

.body-overflow-hidden {
    overflow: hidden !important;
}

#footer {
    width: 100%;
    padding: 20px 0;
    background-color: #f5f5f5;
}

.footer-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
}

.footer-social {
    width: auto;
    text-align: left;
    margin-bottom: 0;
}

.social-media {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}

.social-media a {
    font-size: 24px;
    color: #333;
    transition: color 0.3s ease;
}

.social-media a:hover {
    color: #c0a678;
}

.footer-copyright {
    width: auto;
    text-align: center;
    margin: 0;
}

.footer-policy {
    width: auto;
    text-align: right;
    margin-top: 0;
}

.home-button {
    background-color: #c0a678;
    color: white;
    padding: 8px 16px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
}

.home-button:hover {
    background-color: #b09568;
}

/* Media query para pantallas de hasta 768px de ancho (móviles y tablets pequeños) */
@media (max-width: 768px) {
    .footer-container {
        flex-direction: column !important;
        align-items: center !important;
    }

    .footer-social {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 15px !important;
    }

    .social-media {
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 15px !important;
    }

    .social-media a {
        font-size: 24px !important;
        color: #333 !important;
        /* Asegura el color en mobile */
        transition: color 0.3s ease !important;
    }

    .social-media a:hover {
        color: #c0a678 !important;
        /* Asegura el hover en mobile */
    }

    .footer-copyright {
        width: 100% !important;
        text-align: center !important;
        margin: 10px 0 !important;
    }

    .footer-policy {
        width: 100% !important;
        text-align: center !important;
        margin-top: 10px !important;
    }

    /* Media query adicional para pantallas muy pequeñas (hasta 480px) */
    @media (max-width: 480px) {
        .social-media {
            gap: 10px !important;
        }
    }
}

/* Media query adicional para pantallas muy pequeñas (hasta 480px) */
@media (max-width: 480px) {
    .social-media {
        gap: 10px;
    }
}

/* Contenedor del contenido en Who Am I - para apilar en móviles */
.whoami-content-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
}

@media (max-width: 768px) {
    .whoami-content-wrapper {
        flex-direction: column;
        /* Apila elementos verticalmente en móvil */
        align-items: center;
        /* Centra elementos cuando están apilados */
        text-align: center;
        /* Centra texto dentro de las columnas */
    }

    .whoami-content-wrapper>div {
        flex: none !important;
        /* Elimina el tamaño flexible */
        width: 100%;
        /* Ocupa todo el ancho */
    }
}

#header-bar {
    background-color: white;
    height: 15px;
    position: fixed;
    width: 100%;
    z-index: 3;
    top: 0px;
}

#header {
    height: 42px;
    position: fixed;
    width: 100%;
    z-index: 3;
    top: 0px;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    padding-top: 40px;
    background-color: white;
}

#header.shrink {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    top: 0px;
    padding-top: 0px;
    border-bottom: 1px solid #f7f7f7;
}

#header a {
    color: #000000;
    text-decoration: none;
    opacity: 1;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
}

#header a:hover {
    color: #B7B7B7;
}

.menu-responsive {
    z-index: 6;
}

.menu-responsive {
    z-index: 6;
}

.menu-responsive .responsive-box.menu-opened {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 1;
    visibility: visible;

    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 99999;
    background-color: #B29866;
    /* o el color que uses */
}

.menu-responsive .responsive-box .burger-container {
    position: absolute;
    top: 20px;
    right: 25px;
    display: block;
    height: 40px;
    width: 40px;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 1);
    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    z-index: 10000;
}

.menu-responsive .responsive-box .burger-container.shrink {
    height: 40px;
}

.menu-responsive .responsive-box .burger-container #burger {
    width: 27px;
    height: 8px;
    position: relative;
    display: block;
    margin: auto;
    top: 0;
}

.menu-responsive .responsive-box .burger-container #burger .bar {
    width: 100%;
    height: 3px;
    display: block;
    position: relative;
    background: #fff;
    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 1);
}

.menu-responsive .responsive-box .burger-container #burger .bar.topBar {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
}

.menu-responsive .responsive-box .burger-container #burger .bar.btmBar {
    -webkit-transform: translateY(6px) rotate(0deg);
    transform: translateY(6px) rotate(0deg);
}

.menu-responsive .responsive-box.menu-opened .burger-container #burger .bar.topBar {
    -webkit-transform: translateY(5px) rotate(45deg);
    transform: translateY(5px) rotate(45deg);
}

.menu-responsive .responsive-box.menu-opened .burger-container #burger .bar.btmBar {
    -webkit-transform: translateY(3px) rotate(-45deg);
    transform: translateY(3px) rotate(-45deg);
}

.menu-responsive .responsive-box .icon {
    display: inline-block;
    position: absolute;
    height: 100%;
    line-height: 50px;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #FFF;
    font-size: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.menu-responsive .responsive-box .icon.icon-bag {
    right: 0;
    top: 0;
    left: auto;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 1);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 1);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 1);
    -webkit-transition-delay: 0.65s;
    transition-delay: 0.65s;
}

.menu-responsive .responsive-box ul.menu {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
}

.menu-responsive .responsive-box ul.menu li.menu-item {
    margin: 15px 0;
    opacity: 1;
    transform: scale(1) translateY(0px);
    transition: none;
}

.menu-responsive .responsive-box ul.menu li.menu-item:nth-child(1) {
    -webkit-transition-delay: 0.49s;
    transition-delay: 0.49s;
}

.menu-responsive .responsive-box ul.menu li.menu-item:nth-child(2) {
    -webkit-transition-delay: 0.42s;
    transition-delay: 0.42s;
}

.menu-responsive .responsive-box ul.menu li.menu-item:nth-child(3) {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

.menu-responsive .responsive-box ul.menu li.menu-item:nth-child(4) {
    -webkit-transition-delay: 0.28s;
    transition-delay: 0.28s;
}

.menu-responsive .responsive-box ul.menu li.menu-item:nth-child(5) {
    -webkit-transition-delay: 0.21s;
    transition-delay: 0.21s;
}

.menu-responsive .responsive-box ul.menu li.menu-item:nth-child(6) {
    -webkit-transition-delay: 0.14s;
    transition-delay: 0.14s;
}

.menu-responsive .responsive-box ul.menu li.menu-item:nth-child(7) {
    -webkit-transition-delay: 0.07s;
    transition-delay: 0.07s;
}

.menu-responsive .responsive-box ul.menu li.menu-item:nth-child(8) {
    -webkit-transition-delay: 0.07s;
    transition-delay: 0.07s;
}

.menu-responsive .responsive-box ul.menu li.menu-item:nth-child(9) {
    -webkit-transition-delay: 0.07s;
    transition-delay: 0.07s;
}

.menu-responsive .responsive-box ul.menu li.menu-item a {
    color: white;
    font-size: 24px;
    text-decoration: none;
    display: block;
    padding: 10px 0;
}

.menu-responsive .responsive-box.menu-opened {
    opacity: 1;
    visibility: visible;
}

.menu-responsive .responsive-box.menu-opened .burger-container {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.menu-responsive .responsive-box.menu-opened .burger-container #burger .bar {
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 1);
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 1);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.menu-responsive .responsive-box.menu-opened ul.menu li.menu-item {
    -webkit-transform: scale(1) translateY(0px);
    transform: scale(1) translateY(0px);
    opacity: 1;
}

.menu-responsive .responsive-box.menu-opened ul.menu li.menu-item:nth-child(1) {
    -webkit-transition-delay: 0.27s;
    transition-delay: 0.27s;
}

.menu-responsive .responsive-box.menu-opened ul.menu li.menu-item:nth-child(2) {
    -webkit-transition-delay: 0.34s;
    transition-delay: 0.34s;
}

.menu-responsive .responsive-box.menu-opened ul.menu li.menu-item:nth-child(3) {
    -webkit-transition-delay: 0.41s;
    transition-delay: 0.41s;
}

.menu-responsive .responsive-box.menu-opened ul.menu li.menu-item:nth-child(4) {
    -webkit-transition-delay: 0.48s;
    transition-delay: 0.48s;
}

.menu-responsive .responsive-box.menu-opened ul.menu li.menu-item:nth-child(5) {
    -webkit-transition-delay: 0.55s;
    transition-delay: 0.55s;
}

.menu-responsive .responsive-box.menu-opened ul.menu li.menu-item:nth-child(6) {
    -webkit-transition-delay: 0.62s;
    transition-delay: 0.62s;
}

.menu-responsive .responsive-box.menu-opened ul.menu li.menu-item:nth-child(7) {
    -webkit-transition-delay: 0.69s;
    transition-delay: 0.69s;
}

.menu-responsive .responsive-box.menu-opened ul.menu li.menu-item:nth-child(8) {
    -webkit-transition-delay: 0.69s;
    transition-delay: 0.69s;
}

.menu-responsive .responsive-box.menu-opened ul.menu li.menu-item:nth-child(9) {
    -webkit-transition-delay: 0.69s;
    transition-delay: 0.69s;
}

.menu-responsive .responsive-box.menu-opened .icon.icon-bag {
    -webkit-transform: translateX(75px);
    transform: translateX(75px);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.menu-responsive .content {
    padding: 67px 4% 0;
    text-align: justify;
    overflow: scroll;
    max-height: 100%;
}

.menu-responsive .content::-webkit-scrollbar {
    display: none;
}

.menu-responsive .content h2 {
    margin-bottom: 0px;
    letter-spacing: 1px;
}

.menu-responsive .content img {
    width: 95%;
    position: relative;
    display: block;
    margin: 75px auto 75px;
}

.menu-responsive .content img:nth-of-type(2) {
    margin: 75px auto;
}

.maxWith1060px {
    max-width: 1140px;
    margin: auto;
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
}

/* Specific styles for .maxWith1060px when it's inside #header */
#header .maxWith1060px {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0;
    /* Remove extra top padding from general .maxWith1060px */
    padding-bottom: 0;
    /* Remove extra bottom padding from general .maxWith1060px */
}

@media (max-width: 768px) {
    .maxWith1060px {
        padding-left: 20px;
        padding-right: 20px;
    }

    /* Adjustments for .maxWith1060px inside #header on mobile */
    #header .maxWith1060px {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 480px) {
    .maxWith1060px {
        padding-left: 15px;
        padding-right: 15px;
    }

    #header .maxWith1060px {
        padding-left: 15px;
        padding-right: 15px;
    }
}

#main-logo-box {
    width: 20%;
    display: inline-block;
    margin-right: -0.25em;
    text-align: left;
    box-sizing: border-box;
}

#main-logo {
    width: 100%;
    max-width: 140px;
    padding: 14px 0px 0px 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

#main-logo.shrink {
    max-width: 100px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

#main-logo-mobile {
    width: 100%;
    max-width: 210px;
    padding: 0px 0px 0px 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

#nav {
    width: 80%;
    display: inline-block;
    margin: 0;
    padding: 13px 0 0 0;
    text-align: right;
    font-size: 18px;
    margin-right: -.25em;
    vertical-align: top;
}

#nav.shrink {
    padding: 13px 0px 0px 0px;
    font-size: 13px;
    -webkit-transition: all 0.1s;
}

#nav li {
    padding: 0 24px;
    list-style-type: none;
    display: inline-block;
}

#nav li:last-child {
    padding: 0 0 0 24px;
    list-style-type: none;
    display: inline-block;
}

#nav-extras {
    width: 23%;
    display: inline-block;
    margin-right: -.25em;
    text-align: right;
    box-sizing: border-box;
    vertical-align: top;
    padding: 7px 30px 0 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}

#nav-extras.shrink {
    padding: 14px 30px 0px 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}

#lang-box {
    display: inline-block;
    margin: 0;
    padding: 2px 7px;
    font-size: 14px;
    vertical-align: top;
}

#lang-box a {
    opacity: 0.3;
}

#lang-box li {
    padding: 5px 5px;
    list-style-type: none;
    display: inline-block;
}

#lang-box-mobile {
    display: inline-block;
    margin: 0px;
    padding: 0px 7px;
    font-size: 12px;
    vertical-align: top;
    height: 31px;
}

#lang-box-mobile a {
    font-size: 18px;
    opacity: 0.4;
    margin-bottom: 0px;
}

#lang-box-mobile li {
    padding: 6px 7px;
    list-style-type: none;
    display: inline-block;
}

.changeLangColor {
    opacity: 1 !important;
}

#container {
    width: 100%;
}

.table {
    display: flex;
}

.Col-1 {
    width: 16.666%;
}

.Col-2 {
    width: 33.333%;
}

.Col-3 {
    width: 50%;
}

.Col-4 {
    width: 66.666%;
}

.Col-5 {
    width: 83.333%;
}

#home-container p {
    max-width: 800px;
    margin: auto;
}

.about-logo {
    max-width: 260px;
    margin-top: 80px;
    width: 100%;
}

.home-text-featured {
    padding: 30px 40px 0px 40px;
    font-size: 25px;
    box-sizing: border-box;
}

.home-text {
    padding: 20px 40px 0px 40px;
    font-size: 19px;
    box-sizing: border-box;
}

.module-title {
    width: auto;
    padding: 11px 19px 12px 25px;
    text-align: center;
    margin: auto;
    background-color: black;
    font-size: 26px;
    color: white;
    display: -webkit-inline-box;
    letter-spacing: 10px;
    margin-top: 70px;
}

#contact-form {
    width: 100%;
    margin: auto;
    text-align: left;
}

#contact-form h2 {
    font-size: 13px;
    margin-bottom: 4px;
}

.clients-title {
    width: auto;
    padding: 11px 20px 11px 23px;
    text-align: center;
    margin: auto;
    font-size: 26px;
    display: -webkit-inline-box;
    margin-top: 70px;
    font-weight: 400;
}

#contact-container {
    width: 100%;
    text-align: center;
    background-color: #efefef;
    color: black;
    padding: 0 0 40px 0;
}

.contact-title {
    margin: 0px;
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 36px;
    max-width: 536px;
    margin: auto;
    padding: 40px;
    line-height: 34px;
}

/* Soluciones específicas para la página "Contact" */
.contact-form {
    background-color: white;
    color: black;
    padding: 30px;
    margin-top: 40px;
    max-width: 600px;
    display: block;
    /* Cambiado de inline-box a block para centrar */
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    /* Centra el elemento de bloque */
}

@media (max-width: 768px) {
    .contact-form {
        padding: 20px;
        /* Ajusta padding para pantallas más pequeñas */
        max-width: 90%;
        /* Asegura que no ocupe todo el ancho en pantallas muy pequeñas */
    }

    .form-input-50 {
        width: 100%;
        /* Hace que los inputs de 50% de ancho ocupen todo el ancho en móvil */
        float: none;
        /* Elimina float */
    }
}

.contact-form::after {
    content: "";
    display: table;
    clear: both;
}

.form-input-100 {
    width: 100%;
}

.form-input-50 {
    width: 48%;
    float: left;
}

.form-data1 {
    border: 1px solid black;
    padding: 10px 15px 10px 15px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 19px;
    height: 56px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.form-data2 {
    width: 100%;
    border: 1px solid black;
    padding: 10px 15px 10px 15px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 19px;
    height: 120px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* === PRODUCT GRID Y TARJETAS DE OBRA COMPLETAS === */

.product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas:
        "p1   p2   p3"
        "p1   p2   p3"
        "p7   p5   p3"
        "p7   p5   p4"
        "p6   p8   p4"
        "p14  p14  p14";
    column-gap: 30px;
    /* 👈 Espacio horizontal entre elementos */
    row-gap: 30px;
    /* 👈 Espacio vertical entre filas */
    max-width: 1140px;
    margin: auto;
    margin-bottom: 80px;
    padding: 0;
}

/* Soluciones específicas para la página "Store" en móviles */
@media (max-width: 768px) {
    .product-grid {
        grid-template-columns: 1fr;
        /* Apilar elementos verticalmente */
        grid-template-areas: none;
        /* Eliminar áreas de cuadrícula explícitas para móvil */
        display: flex;
        /* Usar flexbox para controlar el orden o dejar que la cuadrícula se apile */
        flex-direction: column;
        /* Apilar elementos */
        gap: 20px;
        /* Ajustar el espaciado para móvil */
        padding: 0 20px;
        /* Añadir padding horizontal */
    }
}

.product-card {
    position: relative;
    overflow: hidden;
    margin: 0;
    border: none;
    padding: 0;
}

.product-media {
    position: relative;
    margin: 0;
    padding: 0;
}

.product-card img,
.product-card video {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 12px;
    display: block;
    margin: 0;
    padding: 0;
    pointer-events: auto;
}

/* Vídeos permiten interacción */
.product-card video {
    pointer-events: auto;
    cursor: pointer;
    z-index: 1;
    position: relative;
}

/* Overlay centrado */
.product-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    /* Centrado vertical */
    justify-content: center;
    /* Centrado horizontal */
    text-align: center;
    /* Texto centrado */
    background-color: rgba(255, 255, 255, 0.96);
    padding: 30px 25px;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 10;
}

.product-card:hover .product-overlay {
    opacity: 1;
}

/* Posicionamiento de los vídeos */
.hover-video {
    position: relative !important;
    z-index: 1 !important;
}

.product-card.vertical .product-overlay,
.product-card.horizontal .product-overlay {
    pointer-events: none !important;
    z-index: 2 !important;
}

/* Garantizar que botones estén encima del overlay */
.product-page-link {
    position: relative;
    z-index: 3;
    display: block;
    text-align: center;
    margin-top: 12px;
}

.add-to-cart {
    position: relative;
    z-index: 3;
    display: inline-block;
    width: auto;
}

/* Grid Area Mapping */
.product-card[data-area="p1"] {
    grid-area: p1;
}

.product-card[data-area="p2"] {
    grid-area: p2;
}

.product-card[data-area="p3"] {
    grid-area: p3;
}

.product-card[data-area="p4"] {
    grid-area: p4;
}

.product-card[data-area="p5"] {
    grid-area: p5;
}

.product-card[data-area="p6"] {
    grid-area: p6;
}

.product-card[data-area="p7"] {
    grid-area: p7;
}

.product-card[data-area="p8"] {
    grid-area: p8;
}

.product-card[data-area="p9"] {
    grid-area: p9;
}

.product-card[data-area="p10"] {
    grid-area: p10;
}

.product-card[data-area="p14"] {
    grid-area: p14;
}

/* Proporciones */
.square img,
.square .carousel {
    aspect-ratio: 1 / 1;
}

.vertical video,
.vertical .carousel {
    aspect-ratio: 9 / 16;
}

.horizontal video,
.horizontal img,
.horizontal .carousel {
    aspect-ratio: 16 / 6;
}

/* Carrusel estático (simulado con flex horizontal) */
.carousel {
    display: flex;
    overflow: hidden;
}

.carousel img {
    flex: 0 0 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 0;
}

/* Botón Add to cart */
.add-to-cart {
    background-color: #c0a678;
    color: white;
    font-size: 14px;
    padding: 6px 12px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    display: inline-block;
    width: auto;
    z-index: 3;
    position: relative;
}

.add-to-cart:hover {
    background-color: #b09568;
}

/* Enlaces para redirigir a la página del producto */
.product-page-link {
    text-decoration: none;
    color: inherit;
    display: inline-block;
}

.product-page-link:hover {
    text-decoration: none;
}

/* Tooltip para botón Learn more */
.learnmore-container {
    position: relative;
    display: inline-block;
}

.learnmore-tooltip {
    position: absolute;
    bottom: 100%;
    /* justo encima del botón */
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.95);
    padding: 12px;
    border-radius: 4px;
    white-space: normal;
    width: 220px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease;
    font-size: 14px;
    line-height: 1.4;
    z-index: 10;
}

.learnmore-container:hover .learnmore-tooltip {
    opacity: 1;
    visibility: visible;
}

/* Enlace clic a obra */
.artwork-link,
.talismans-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.artwork-link:hover,
.talismans-link:hover {
    opacity: 0.8;
}

/* Carrusel bullets color marca */
.swiper-pagination-bullet {
    background-color: #c0a678 !important;
    opacity: 0.4 !important;
}

.swiper-pagination-bullet-active {
    background-color: #c0a678 !important;
    opacity: 1 !important;
}

/* Responsive */
@media (max-width: 768px) {
    .product-grid {
        grid-template-columns: 1fr;
        grid-template-areas:
            "p1"
            "p2"
            "p3"
            "p4"
            "p5"
            "p6"
            "p7"
            "p8"
            "p9"
            "p10"
            "p14";
        gap: 30px;
        padding: 0 15px;
    }

    .product-card {
        width: 100%;
    }

    .square img,
    .square .carousel,
    .horizontal img,
    .horizontal .carousel,
    .vertical .carousel {
        aspect-ratio: auto;
    }

    .vertical video,
    .horizontal video {
        width: 100%;
        height: auto;
        object-fit: contain;
        max-height: 90vh;
        display: block;
    }
}

@media (max-width: 768px) {
    #header-bar {
        height: 0px !important;
        /* Oculta la barra superior si no es necesaria */
    }

    #header {
        padding-top: 15px !important;
        /* Ajusta el padding para la altura del logo */
        height: auto !important;
        /* Permite que la altura se ajuste al contenido */
        position: sticky !important;
        /* Puedes cambiar a sticky si quieres que permanezca visible al scroll */
        top: 0 !important;
        border-bottom: none !important;
        /* Elimina el borde si no es necesario */
    }

    #header.shrink {
        padding-top: 15px !important;
    }

    #main-logo-box {
        width: 100% !important;
        text-align: center !important;
        /* Centra el logo */
        margin-right: 0 !important;
    }

    #main-logo {
        max-width: 140px !important;
        padding: 0px !important;
        margin: auto !important;
        /* Centra la imagen del logo */
        display: block !important;
    }

    #main-logo.shrink {
        max-width: 100px !important;
    }

    #main-logo-mobile {
        max-width: 180px !important;
        /* Ajusta si es necesario */
        padding: 0px !important;
        margin: auto !important;
        /* Centra la imagen del logo */
        display: block !important;
    }

    #nav {
        display: none !important;
        /* Oculta el menú de navegación principal */
    }

    #nav-extras {
        display: none !important;
        /* Oculta los extras de navegación si no son necesarios */
    }

    .menu-responsive.responsive-box {
        display: flex !important;
        /* Cambiamos a flex para centrar mejor el contenido */
        flex-direction: column !important;
        /* Alineación vertical de los elementos */
        justify-content: center !important;
        /* Centra el contenido verticalmente */
        align-items: center !important;
        /* Centra el contenido horizontalmente */

        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-color: #B29866 !important;
        /* o el color que uses */
        z-index: 9999 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: opacity 0.3s ease !important;
    }

    .menu-responsive.responsive-box.menu-opened {
        opacity: 1 !important;
        visibility: visible !important;
    }

    .menu-responsive .responsive-box .burger-container {
        position: fixed !important;
        /* Mantiene el botón de hamburguesa en su lugar */
        top: 20px !important;
        right: 20px !important;
        display: block !important;
        height: 40px !important;
        width: 40px !important;
        cursor: pointer !important;
        z-index: 10000 !important;
    }

    .menu-responsive ul.menu {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        /* Centra los ítems del menú horizontalmente */
        justify-content: center !important;
        height: auto !important;
        width: 100% !important;
        text-align: center !important;
        /* Centra el texto de la lista */
    }

    .menu-responsive ul.menu li.menu-item {
        margin: 15px 0 !important;
        opacity: 1 !important;
        transform: scale(1) translateY(0px) !important;
        transition: none !important;
        width: 100% !important;
        /* Asegura que cada ítem ocupe todo el ancho para que su texto se centre */
        text-align: center !important;
        /* Centra el texto dentro de cada ítem de menú */
    }

    .menu-responsive ul.menu li.menu-item a {
        color: white !important;
        font-size: 24px !important;
        text-decoration: none !important;
        display: block !important;
        /* Para que text-align: center funcione bien en el enlace */
        padding: 10px 0 !important;
        /* Asegura que el enlace ocupe todo el ancho del ítem */
        text-align: center !important;
        /* Asegura el centrado final del texto del enlace */
    }

    .menu-responsive .content {
        padding: 67px 4% 0 !important;
        text-align: left !important;
        /* Asegura el texto a la izquierda dentro del contenido del menú */
        overflow: scroll !important;
        max-height: 100% !important;
    }

    /* Reglas para ocultar la navegación de escritorio en móvil, ya existen pero las reafirmo */
    #nav {
        display: none !important;
    }

    .burger-container {
        display: block !important;
    }

    #main-logo-box {
        width: 60% !important;
        /* Para permitir espacio al botón de hamburguesa */
    }
}

@media (max-width: 768px) {
    #nav {
        display: none !important;
    }

    #main-logo-box {
        width: 60%;
    }

    .burger-container {
        display: block !important;
    }
}

/* === Estilos responsive específicos para móviles === */
@media (max-width: 768px) {

    /* Aquí van las reglas generales para el contenido principal, no solo el product grid */
    body,
    h1,
    h2,
    h3,
    h4,
    p {
        text-align: left !important;
        /* Asegura que todos los textos estén alineados a la izquierda */
    }

    .maxWith1060px {
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
    }

    .table {
        display: block !important;
        /* Apila las columnas */
    }

    .Col-1,
    .Col-2,
    .Col-3,
    .Col-4,
    .Col-5 {
        width: 100% !important;
        /* Ocupa todo el ancho */
        float: none !important;
        /* Elimina flotadores */
        margin-left: auto !important;
        /* Centrar el bloque si es necesario */
        margin-right: auto !important;
        /* Centrar el bloque si es necesario */
        display: block !important;
        /* Asegura que sean elementos de bloque */
    }

    #home-container p {
        text-align: left !important;
        margin: 0 auto !important;
        /* Permite centrar el bloque de texto si su ancho es menor al contenedor */
    }

    .home-text-featured {
        padding: 30px 0px 0px 0px !important;
        text-align: left !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .home-text {
        padding: 20px 0px 0px 0px !important;
        text-align: left !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .about-logo {
        max-width: 260px !important;
        margin-top: 40px !important;
        width: 100% !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .module-title,
    .clients-title {
        width: auto !important;
        padding: 11px 20px 12px 20px !important;
        text-align: left !important;
        margin: 40px 0 0 0 !important;
        display: block !important;
        box-sizing: border-box;
        letter-spacing: normal !important;
    }

    #contact-container {
        width: 100% !important;
        text-align: left !important;
        padding: 0 0 40px 0 !important;
    }

    .contact-title {
        font-size: 30px !important;
        line-height: 36px !important;
        max-width: 100% !important;
        margin: 0px !important;
        padding: 40px 20px 0px 20px !important;
        text-align: left !important;
    }

    .contact-form {
        background-color: white;
        color: black;
        padding: 30px 20px !important;
        margin-top: 20px !important;
        max-width: 100% !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .form-input-100,
    .form-input-50 {
        width: 100% !important;
        float: none !important;
        margin-bottom: 15px !important;
    }

    .form-data1,
    .form-data2 {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* PRODUCT GRID Y TARJETAS DE OBRA COMPLETAS (ajustes específicos para el grid) */
    .product-grid {
        grid-template-columns: 1fr !important;
        grid-template-areas: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 30px !important;
        max-width: 100% !important;
        margin: auto !important;
        margin-bottom: 80px !important;
        padding: 0 15px !important;
    }

    .product-card {
        width: 100% !important;
        margin: 0 auto !important;
        border-radius: 0px !important;
        /* O 12px si quieres redondeo en móviles */
        overflow: hidden !important;
    }

    .product-media {
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        height: auto !important;
    }

    .product-card img,
    .product-card video,
    .product-media .swiper-slide img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        /* Asegura que el contenido sea visible */
        max-height: 90vh !important;
        border-radius: 0px !important;
        /* O 12px si quieres redondeo en móviles */
        display: block !important;
        margin: 0 auto !important;
        pointer-events: auto !important;
    }

    .product-card video {
        pointer-events: auto !important;
        cursor: pointer !important;
        z-index: 1 !important;
        position: relative !important;
    }

    .product-overlay {
        position: absolute !important;
        inset: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        background-color: rgba(255, 255, 255, 0.96) !important;
        padding: 20px !important;
        opacity: 0 !important;
        transition: opacity 0.3s ease !important;
        z-index: 10 !important;
    }

    .product-card:hover .product-overlay {
        opacity: 1 !important;
    }

    .hover-video {
        position: relative !important;
        z-index: 1 !important;
    }

    .product-card.vertical .product-overlay,
    .product-card.horizontal .product-overlay {
        pointer-events: none !important;
        z-index: 2 !important;
    }

    .product-page-link {
        position: relative !important;
        z-index: 3 !important;
        display: block !important;
        text-align: center !important;
        margin-top: 12px !important;
    }

    .add-to-cart {
        position: relative !important;
        z-index: 3 !important;
        display: block !important;
        width: auto !important;
        margin: 10px auto 0 auto !important;
        background-color: #c0a678 !important;
        /* Color de botón */
        color: white !important;
        padding: 6px 12px !important;
        border: none !important;
        border-radius: 3px !important;
        cursor: pointer !important;
        transition: background-color 0.3s ease !important;
    }

    .add-to-cart:hover {
        background-color: #b09568 !important;
    }

    .product-page-link {
        text-decoration: none !important;
        color: inherit !important;
        display: block !important;
        text-align: center !important;
    }

    .learnmore-container {
        position: relative !important;
        display: block !important;
        text-align: center !important;
    }

    .learnmore-tooltip {
        position: absolute !important;
        bottom: 100% !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        background: rgba(255, 255, 255, 0.95) !important;
        padding: 12px !important;
        border-radius: 4px !important;
        white-space: normal !important;
        width: 220px !important;
        text-align: center !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: opacity 0.2s ease !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
        z-index: 10 !important;
    }

    .learnmore-container:hover .learnmore-tooltip {
        opacity: 1 !important;
        visibility: visible !important;
    }

    .artwork-link,
    .talismans-link {
        text-decoration: none !important;
        color: inherit !important;
        display: block !important;
        text-align: center !important;
    }

    .swiper-pagination-bullet {
        background-color: #c0a678 !important;
        opacity: 0.4 !important;
    }

    .swiper-pagination-bullet-active {
        background-color: #c0a678 !important;
        opacity: 1 !important;
    }

    /* Redondeo de imágenes y videos dentro de .product-media (ya estaba, reafirmo) */
    .product-media img,
    .product-media video,
    .product-media .swiper-slide img {
        border-radius: 12px !important;
        overflow: hidden;
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    /* Nuevo bloque para la galería de fotos */
    .photo-grid {
        display: grid;
        grid-template-columns: 1fr;
        /* Una sola columna para que la imagen ocupe todo el ancho */
        gap: 20px;
        /* Espacio entre imágenes si hubiera más de una */
        justify-items: center;
        /* Centra los ítems dentro de la cuadrícula */
        margin: 40px auto;
        /* Margen superior/inferior y centrado horizontal */
        max-width: 1000px;
        /* Ancho máximo de la galería */
        padding: 0 20px;
        /* Espacio lateral en pantallas pequeñas */
    }

    .photo-grid img {
        width: 100%;
        /* La imagen toma el 100% del ancho disponible en la columna */
        height: 450px;
        /* Altura deseada para el efecto banner. Ajusta este valor si quieres que sea más alta o más baja. */
        object-fit: cover;
        /* Asegura que la imagen cubra todo el espacio, recortando si es necesario. Si prefieres que la imagen completa se vea sin recortes (aunque pueda dejar espacios vacíos), cambia a 'contain'. */
        display: block;
        margin: 0 auto;
        /* Centra la imagen */
    }

    @media (max-width: 768px) {

        .product-card.vertical video,
        .hover-video {
            width: 100vw !important;
            height: auto !important;
            max-width: 100vw !important;
            margin: 0 !important;
            object-fit: cover !important;
            display: block !important;
        }

        .product-media {
            padding: 0 !important;
            margin: 0 !important;
        }
    }

    /* REGLA UNIVERSAL PARA TODAS LAS IMÁGENES */
    /* Aplica borde redondeado a TODAS las imágenes del sitio */
    * img,
    img,
    [src*=".jpg"],
    [src*=".jpeg"],
    [src*=".png"],
    [src*=".gif"],
    [src*=".webp"],
    [src*=".svg"],
    picture img,
    figure img,
    div img,
    section img,
    article img,
    main img,
    header img,
    footer img,
    aside img,
    nav img {
        border-radius: 8px !important;
        /* Asegura que se aplique incluso con otros estilos */
        box-sizing: border-box !important;
    }

    /* EXCEPCIÓN ESPECÍFICA PARA LA PÁGINA STORE */
    /* Mantener el border-radius de 12px para imágenes de productos */
    .product-card img,
    .product-media img,
    .product-media .swiper-slide img,
    .store-page img,
    [class*="product"] img,
    [id*="product"] img {
        border-radius: 12px !important;
    }

    /* REGLA DE RESPALDO MÁS AGRESIVA */
    /* En caso de que algunas imágenes aún no se capturen */
    html * img:not([style*="border-radius"]) {
        border-radius: 8px !important;
    }

    /* RESPONSIVE - Mantenimiento de la regla en todos los dispositivos */
    @media screen and (max-width: 768px) {

        * img,
        img {
            border-radius: 8px !important;
        }

        /* Mantener Store específico en móvil */
        .product-card img,
        .product-media img,
        .product-media .swiper-slide img,
        .store-page img,
        [class*="product"] img,
        [id*="product"] img {
            border-radius: 12px !important;
        }
    }

    @media screen and (max-width: 480px) {

        * img,
        img {
            border-radius: 8px !important;
        }

        /* Mantener Store específico en móvil pequeño */
        .product-card img,
        .product-media img,
        .product-media .swiper-slide img,
        .store-page img,
        [class*="product"] img,
        [id*="product"] img {
            border-radius: 12px !important;
        }
    }
}

/* REGLA ALTERNATIVA MÁS SIMPLE (usar solo si la anterior no funciona) */
/*
img:not(.no-border-radius) {
    border-radius: 8px !important;
}

.store-page img:not(.no-border-radius),
.product-card img:not(.no-border-radius),
.product-media img:not(.no-border-radius) {
    border-radius: 12px !important;
}
*/

.languageselector {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #ffffff;
}

.languageselector a {
    width: auto;
}