.elementor-2882 .elementor-element.elementor-element-96b8d3a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2882 .elementor-element.elementor-element-fa251da{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2882 .elementor-element.elementor-element-9ee52ca{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 0px 30px 0px;--alignment:center;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;--e-share-buttons-primary-color:var( --e-global-color-1209033 );--e-share-buttons-secondary-color:var( --e-global-color-500724e );}.elementor-2882 .elementor-element.elementor-element-9ee52ca .elementor-share-btn__title{font-family:"Roboto", Sans-serif;}.elementor-2882 .elementor-element.elementor-element-62167b6{width:auto;max-width:auto;}.elementor-2882 .elementor-element.elementor-element-62167b6.elementor-element{--align-self:center;}.elementor-2882 .elementor-element.elementor-element-f619a16{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2882 .elementor-element.elementor-element-0f86b20{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-2882 .elementor-element.elementor-element-f2757dc .elementor-icon-wrapper{text-align:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2882 .elementor-element.elementor-element-e7aa4fd{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2882 .elementor-element.elementor-element-e7aa4fd .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:200;}.elementor-2882 .elementor-element.elementor-element-453c232{background-color:#FCFAF8;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:50px 50px 50px 50px;border-style:none;box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.06);}.elementor-2882 .elementor-element.elementor-element-6381ca8{background-color:#FCFAF8;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 50px 50px 50px;border-style:none;box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.06);}.elementor-2882 .elementor-element.elementor-element-b7d2f7b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2882 .elementor-element.elementor-element-b70bd8e{background-color:#FCFAF8;padding:20px 20px 20px 20px;border-style:none;box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.06);}.elementor-2882 .elementor-element.elementor-element-491c06e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2882 .elementor-element.elementor-element-11461c6{background-color:#FCFAF8;padding:20px 20px 20px 20px;border-style:none;box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.06);}@media(max-width:1024px){.elementor-2882 .elementor-element.elementor-element-96b8d3a{--padding-top:50px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;} .elementor-2882 .elementor-element.elementor-element-9ee52ca{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2882 .elementor-element.elementor-element-e7aa4fd .elementor-heading-title{font-size:35px;}}@media(max-width:767px){.elementor-2882 .elementor-element.elementor-element-96b8d3a{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 30px;--row-gap:50px;--column-gap:30px;--padding-top:0px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;} .elementor-2882 .elementor-element.elementor-element-9ee52ca{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2882 .elementor-element.elementor-element-e7aa4fd .elementor-heading-title{font-size:22px;}}/* Start custom CSS for share-buttons, class: .elementor-element-9ee52ca */.elementor-2882 .elementor-element.elementor-element-9ee52ca .elementor-grid-item{
    transition: all .3s ease-in-out;
}
.elementor-2882 .elementor-element.elementor-element-9ee52ca .elementor-grid-item:hover{
    transform: translatey(-5px)
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-62167b6 */.elementor-2882 .elementor-element.elementor-element-62167b6 {
    max-width: 200px!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96b8d3a *//* --- Estructura y Cuerpo de Tarjeta --- */
.lp-tn-card {
    border: none !important;
    font-family: 'Roboto', sans-serif !important;
}

.lp-tn-card:hover {
    transform: translate(0) !important;
}

.lp-tn-product-detail-card__body {
    display: flex !important;
    flex-direction: column !important;
    gap: 30px !important;
}

.lp-tn-product-detail-card__body label {
    text-align: left !important;
}

@media only screen and (min-width: 1024px) {
    .lp-tn-product-detail-card__body {
        padding: 80px !important;
    }
}

/* --- Header y Tipografía --- */
.lp-tn-product-detail-card__head {
    flex-direction: column !important;
    text-align: left !important;
}

/* Limpieza de itálicas en títulos y strong */
.lp-tn-product-detail-card__head h1,
.lp-tn-product-detail-card__head strong {
    font-weight: 300 !important;
    font-style: normal !important;
}

.lp-tn-product-detail-card__head strong {
    color: black !important;
}

.lp-tn-product-detail-card__price {
    border-top: solid 1px rgba(0,0,0,0.02); /* Ajustado para suavidad */
    padding-top: 10px !important;
}

/* --- Contenido (Reset de Fuentes) --- */
.lp-tn-product-detail-card__content,
.lp-tn-product-detail-card__content p,
.lp-tn-product-detail-card__content span {
    text-align: left !important;
    font-family: 'Roboto', sans-serif !important;
}

/*Botón*/
.lp-tn-card__actions button{
    font-size: 30px!important;
    padding: 10px 15px 10px 15px!important;
    font-weight: 300!important;
    font-family: 'roboto', Sans-Serif!important;
    border:none!important;
    transition: all .6s ease-in-out!important;
}
.lp-tn-card__actions button:hover {
    transform: scale(1.05);
}

/* --- Galería de Fotos --- */
.lp-tn-product-detail-card__media {
    width: 100% !important;
    height: 100% !important; 
    max-height: 80vh !important;
    overflow-y: auto !important; 
    /* Firefox scroll */
    scrollbar-width: thin !important;
    scrollbar-color: #06EDF3 transparent !important;
}

.lp-tn-product-gallery {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    justify-content: flex-start !important;
}

.lp-tn-product-gallery__item {
    min-height: 100% !important;
    background: transparent !important;
    border: none !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer;
}

.lp-tn-product-gallery__item img {
    width: 100% !important;
    height: auto !important; /* Cambiado a auto para mantener proporción si es cover */
    min-height: 100% !important;
    object-fit: cover !important;
}

/* --- Personalización Scrollbar (Webkit) --- */
.lp-tn-product-detail-card__media::-webkit-scrollbar {
    width: 2px !important;
}

.lp-tn-product-detail-card__media::-webkit-scrollbar-track {
    background: transparent !important;
}

.lp-tn-product-detail-card__media::-webkit-scrollbar-thumb {
    background-color: #06EDF3 !important;
    border-radius: 10px !important;
}

.lp-tn-product-detail-card__media::-webkit-scrollbar-button {
    display: none !important;
    height: 0 !important;
}

.lp-tn-product-detail-card__media::-webkit-scrollbar-thumb:hover {
    background-color: #04d1d6 !important;
}


/*Mobile*/
@media only screen and (max-width: 767px) {
    /* 1. Cambiamos el scroll de vertical a horizontal */
    .lp-tn-product-detail-card__media {
        max-height: none !important; /* Liberamos la altura */
        width: 100% !important;
        overflow-x: auto !important; /* Scroll horizontal */
        overflow-y: hidden !important; /* Matamos el vertical */
        display: block !important;
        -webkit-overflow-scrolling: touch; /* Scroll suave en iOS */
    }

    /* 2. Alineamos los botones en fila */
    .lp-tn-product-gallery {
        flex-direction: row !important;
        gap: 10px !important;
        width: auto !important; /* Importante para que desborde */
        display: inline-flex !important; /* Permite que el contenido dicte el ancho */
    }

    /* 3. Definimos el tamaño de cada foto en mobile */
    .lp-tn-product-gallery__item {
        width: 80vw !important; /* Cada foto ocupa el 80% del ancho de pantalla */
        min-width: 70vw !important; /* Evita que encojan */
        aspect-ratio: 1 / 1 !important;/* Mantenemos proporción cuadrada */
        flex-shrink: 0 !important; /* Obligatorio para que no se aplasten */
        
    }

    /* 4. Adaptamos la barrita de scroll para que sea horizontal */
    .lp-tn-product-detail-card__media::-webkit-scrollbar {
        height: 3px !important; /* Ahora controlamos la altura, no el ancho */
        width: auto !important;
    }
    
    /* 5. Ajuste de imagen para asegurar que llene el item */
    .lp-tn-product-gallery__item img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-453c232 *//*Flechas*/
.elementor-2882 .elementor-element.elementor-element-453c232 .lp-tn-related__nav--prev, .elementor-2882 .elementor-element.elementor-element-453c232 .lp-tn-related__nav--next {
    position: absolute;
    top: 0;
}
.elementor-2882 .elementor-element.elementor-element-453c232 .lp-tn-related__nav--prev {
    left: -50px;
}
.elementor-2882 .elementor-element.elementor-element-453c232 .lp-tn-related__nav--next {
    right: -50px;
}
@media only screen and (max-width: 1024px) {
    .elementor-2882 .elementor-element.elementor-element-453c232 .lp-tn-related__nav--prev {
    left: -30px;
}
.elementor-2882 .elementor-element.elementor-element-453c232 .lp-tn-related__nav--next {
    right: -30px;
}
}
@media only screen and (max-width: 767px) {
    .elementor-2882 .elementor-element.elementor-element-453c232 .lp-tn-related__nav--prev {
    left: -30px;
}
.elementor-2882 .elementor-element.elementor-element-453c232 .lp-tn-related__nav--next {
    right: -30px;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6381ca8 */.elementor-2882 .elementor-element.elementor-element-6381ca8 .lp-tn-related__head h3{display:none}
.elementor-2882 .elementor-element.elementor-element-6381ca8 .lp-tn-related__head::after{
    content: "Productos en blends y teashop";
    font-family: roboto, Sans-Serif;
    font-size: 30px;
    font-weight: 300;
}

/*Flechas*/
.elementor-2882 .elementor-element.elementor-element-6381ca8 .lp-tn-related__nav--prev, .elementor-2882 .elementor-element.elementor-element-6381ca8 .lp-tn-related__nav--next {
    position: absolute;
    top: 0;
}
.elementor-2882 .elementor-element.elementor-element-6381ca8 .lp-tn-related__nav--prev {
    left: -50px;
}
.elementor-2882 .elementor-element.elementor-element-6381ca8 .lp-tn-related__nav--next {
    right: -50px;
}
@media only screen and (max-width: 1024px) {
    .elementor-2882 .elementor-element.elementor-element-6381ca8 .lp-tn-related__nav--prev {
    left: -30px;
}
.elementor-2882 .elementor-element.elementor-element-6381ca8 .lp-tn-related__nav--next {
    right: -30px;
}
}
@media only screen and (max-width: 767px) {
    .elementor-2882 .elementor-element.elementor-element-6381ca8 .lp-tn-related__nav--prev {
    left: -30px;
}
.elementor-2882 .elementor-element.elementor-element-6381ca8 .lp-tn-related__nav--next {
    right: -30px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f619a16 */.lp-tn-related__head h3{
    font-family: roboto, Sans-Serif!important;
    font-weight: 300;
    font-size: 30px;
    text-align: left;
    color: black;
}
.lp-tn-related-card--product {
    overflow: visible!important;
}

.lp-tn-related-card--product:hover img{
    transform: rotate(-3deg);
}
.lp-tn-related-card__media img {
    transition: all .4s ease-in-out;
}

.lp-tn-related-card__body {
    text-align: left;
    font-family: roboto, Sans-Serif;
    color: black;
    p {
        font-weight: 300;
        font-size: 14px;
        color: #57534e;
    }
    h4 {
        font-weight: 300;
        font-size: 22px;
    }
    strong {
        font-weight: 300;
        font-size: 18px;
        text-align: right;
    }
}

.elementor-2882 .elementor-element.elementor-element-f619a16 .lp-tn-related__nav--next, .elementor-2882 .elementor-element.elementor-element-f619a16 .lp-tn-related__nav--prev {
    width: 80px!important;
    height: 80px!important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b70bd8e */.elementor-2882 .elementor-element.elementor-element-b70bd8e .lp-tn-related-card {
    overflow: visible!important;
}
.elementor-2882 .elementor-element.elementor-element-b70bd8e .lp-tn-related-card__media img {
    object-fit: contain!important;
    transition: all .4s ease-in-out;
}
.elementor-2882 .elementor-element.elementor-element-b70bd8e .lp-tn-related-card__media img:hover {
    transform: rotate(-3deg);
}
.elementor-2882 .elementor-element.elementor-element-b70bd8e .lp-tn-related__grid {
    gap: 30px!important;
    overflow: visible!important;
}
.lp-tn-related-card--banner .lp-tn-related-card__media {
    overflow: visible!important;
}
.elementor-2882 .elementor-element.elementor-element-b70bd8e .lp-tn-related-card--banner .lp-tn-related-card__media img {
    aspect-ratio: unset!important;
}

/*Flechas*/
.elementor-2882 .elementor-element.elementor-element-b70bd8e .lp-tn-related__nav--prev, .elementor-2882 .elementor-element.elementor-element-b70bd8e .lp-tn-related__nav--next {
    position: absolute;
    top: 0;
}
.elementor-2882 .elementor-element.elementor-element-b70bd8e .lp-tn-related__nav--prev {
    left: -50px;
}
.elementor-2882 .elementor-element.elementor-element-b70bd8e .lp-tn-related__nav--next {
    right: -50px;
}
@media only screen and (max-width: 1024px) {
    .elementor-2882 .elementor-element.elementor-element-b70bd8e .lp-tn-related__nav--prev {
    left: -30px;
}
.elementor-2882 .elementor-element.elementor-element-b70bd8e .lp-tn-related__nav--next {
    right: -30px;
}
}
@media only screen and (max-width: 767px) {
    .elementor-2882 .elementor-element.elementor-element-b70bd8e .lp-tn-related__nav--prev {
    left: -30px;
}
.elementor-2882 .elementor-element.elementor-element-b70bd8e .lp-tn-related__nav--next {
    right: -30px;
}
}
.elementor-2882 .elementor-element.elementor-element-b70bd8e .lp-tn-related__head h3{display:none}
.elementor-2882 .elementor-element.elementor-element-b70bd8e .lp-tn-related__head::after{
    content: "Productos que te invitan a viajar desde casa";
    font-family: roboto, Sans-Serif;
    font-size: 30px;
    font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7d2f7b */.elementor-2882 .elementor-element.elementor-element-b7d2f7b .lp-tn-related__nav--next, .elementor-2882 .elementor-element.elementor-element-b7d2f7b .lp-tn-related__nav--prev {
    width: 80px!important;
    height: 80px!important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-11461c6 */.elementor-2882 .elementor-element.elementor-element-11461c6 .lp-tn-related-card {
    overflow: visible!important;
}
.elementor-2882 .elementor-element.elementor-element-11461c6 .lp-tn-related-card__media img {
    object-fit: contain!important;
    transition: all .4s ease-in-out;
}
.elementor-2882 .elementor-element.elementor-element-11461c6 .lp-tn-related-card__media img:hover {
    transform: rotate(-3deg);
}
.elementor-2882 .elementor-element.elementor-element-11461c6 .lp-tn-related__grid {
    gap: 30px!important;
    overflow: visible!important;
}
.lp-tn-related-card--banner .lp-tn-related-card__media {
    overflow: visible!important;
}
.elementor-2882 .elementor-element.elementor-element-11461c6 .lp-tn-related-card--banner .lp-tn-related-card__media img {
    aspect-ratio: unset!important;
}
.elementor-2882 .elementor-element.elementor-element-11461c6 .lp-tn-related-card__media img{
    object-fit: cover!important;
    height: 100%!important;
}

/*Flechas*/
.elementor-2882 .elementor-element.elementor-element-11461c6 .lp-tn-related__nav--prev, .elementor-2882 .elementor-element.elementor-element-11461c6 .lp-tn-related__nav--next {
    position: absolute;
    top: 0;
}
.elementor-2882 .elementor-element.elementor-element-11461c6 .lp-tn-related__nav--prev {
    left: -50px;
}
.elementor-2882 .elementor-element.elementor-element-11461c6 .lp-tn-related__nav--next {
    right: -50px;
}
@media only screen and (max-width: 1024px) {
    .elementor-2882 .elementor-element.elementor-element-11461c6 .lp-tn-related__nav--prev {
    left: -30px;
}
.elementor-2882 .elementor-element.elementor-element-11461c6 .lp-tn-related__nav--next {
    right: -30px;
}
}
@media only screen and (max-width: 767px) {
    .elementor-2882 .elementor-element.elementor-element-11461c6 .lp-tn-related__nav--prev {
    left: -30px;
}
.elementor-2882 .elementor-element.elementor-element-11461c6 .lp-tn-related__nav--next {
    right: -30px;
}
}

.elementor-2882 .elementor-element.elementor-element-11461c6 .lp-tn-related__head h3{display:none}
.elementor-2882 .elementor-element.elementor-element-11461c6 .lp-tn-related__head::after{
    content: "Eventos por el mundo";
    font-family: roboto, Sans-Serif;
    font-size: 30px;
    font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-491c06e */.elementor-2882 .elementor-element.elementor-element-491c06e .lp-tn-related__nav--next, .elementor-2882 .elementor-element.elementor-element-491c06e .lp-tn-related__nav--prev {
    width: 80px!important;
    height: 80px!important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto';
	font-display: auto;
	src: url('https://disenoportuaria.tresbarbas.com.ar/wp-content/uploads/sites/162/2026/04/Roboto-VariableFont_wdthwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */