.elementor-354 .elementor-element.elementor-element-5b300c8e{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:0;}.elementor-354 .elementor-element.elementor-element-5b300c8e.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-354 .elementor-element.elementor-element-7396dae3 img{width:100%;height:410px;transition-duration:0s;}.elementor-354 .elementor-element.elementor-element-3e6a2515 img{height:410px;}.elementor-354 .elementor-element.elementor-element-6aaf9c4c img{height:410px;}.elementor-354 .elementor-element.elementor-element-3d7c46b8 img{height:410px;}.elementor-354 .elementor-element.elementor-element-558e86d img{height:410px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-354 .elementor-element.elementor-element-5b300c8e{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-354 .elementor-element.elementor-element-5b300c8e{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-354 .elementor-element.elementor-element-7396dae3 img{height:350px;}}/* Start custom CSS for image, class: .elementor-element-3e6a2515 *//* EFECTO HOVER PRODUCTOS TL */
.producto-imagen {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    display: block;
}

.producto-imagen img {
    transition: all 0.5s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.producto-imagen:hover img {
    opacity: 0.65;
    transform: scale(1.1);
}

/* Overlay */
.producto-imagen::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    opacity: 0;
    transition: all 0.4s ease;   /* Velocidad del Overlay*/
    z-index: 1;
}

.producto-imagen:hover::after {
    opacity: 1;
}

/* Nombre del producto */
.producto-imagen::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffd700;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    width: 90%;
    opacity: 0;
    transition: all 0.4s ease;    /* Velocidad del Texto*/
    text-shadow: 0 3px 10px rgba(0,0,0,0.9);
    z-index: 2;
    pointer-events: none;
}

.producto-imagen:hover::before {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6aaf9c4c *//* EFECTO HOVER PRODUCTOS TL */
.producto-imagen {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    display: block;
}

.producto-imagen img {
    transition: all 0.5s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.producto-imagen:hover img {
    opacity: 0.65;
    transform: scale(1.1);
}

/* Overlay */
.producto-imagen::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    opacity: 0;
    transition: all 0.4s ease;   /* Velocidad del Overlay*/
    z-index: 1;
}

.producto-imagen:hover::after {
    opacity: 1;
}

/* Nombre del producto */
.producto-imagen::before {
    content: attr(title);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffd700;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    width: 90%;
    opacity: 0;
    transition: all 0.4s ease;    /* Velocidad del Nombre*/
    text-shadow: 0 3px 10px rgba(0,0,0,0.9);
    z-index: 2;
    pointer-events: none;
}

.producto-imagen:hover::before {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3d7c46b8 *//* EFECTO HOVER PRODUCTOS TL */
.producto-imagen {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    display: block;
}

.producto-imagen img {
    transition: all 0.5s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.producto-imagen:hover img {
    opacity: 0.65;
    transform: scale(1.1);
}

/* Overlay */
.producto-imagen::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    opacity: 0;
    transition: all 0.4s ease;   /* Velocidad del Overlay*/
    z-index: 1;
}

.producto-imagen:hover::after {
    opacity: 1;
}

/* Nombre del producto */
.producto-imagen::before {
    content: attr(title);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffd700;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    width: 90%;
    opacity: 0;
    transition: all 0.4s ease;    /* Velocidad del Nombre*/
    text-shadow: 0 3px 10px rgba(0,0,0,0.9);
    z-index: 2;
    pointer-events: none;
}

.producto-imagen:hover::before {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-558e86d *//* EFECTO HOVER PRODUCTOS TL */
.producto-imagen {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    display: block;
}

.producto-imagen img {
    transition: all 0.5s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.producto-imagen:hover img {
    opacity: 0.65;
    transform: scale(1.1);
}

/* Overlay */
.producto-imagen::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    opacity: 0;
    transition: all 0.4s ease;   /* Velocidad del Overlay*/
    z-index: 1;
}

.producto-imagen:hover::after {
    opacity: 1;
}

/* Nombre del producto */
.producto-imagen::before {
    content: attr(title);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffd700;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    width: 90%;
    opacity: 0;
    transition: all 0.4s ease;    /* Velocidad del Nombre*/
    text-shadow: 0 3px 10px rgba(0,0,0,0.9);
    z-index: 2;
    pointer-events: none;
}

.producto-imagen:hover::before {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS *//* ===================================================
   TL PREMIUM BACKGROUND
   Compatible con Elementor
=================================================== */

body{
    background:
        radial-gradient(circle at 15% 20%, rgba(15,90,110,.08), transparent 35%),
        radial-gradient(circle at 85% 75%, rgba(200,160,45,.08), transparent 35%),
        linear-gradient(135deg,
            #050505 0%,
            #080808 25%,
            #0d0d0d 50%,
            #070707 75%,
            #030303 100%);
    background-attachment: fixed;
}

/* Contenedor principal de Elementor */

.elementor-location-header,
.elementor-location-footer,
.elementor{
    position: relative;
    z-index: 2;
}

/* Fondo con vetas */

body{

    background-image:

    linear-gradient(
        115deg,
        transparent 0%,
        rgba(255,255,255,.015) 18%,
        transparent 22%,
        transparent 45%,
        rgba(255,255,255,.02) 48%,
        transparent 52%,
        transparent 70%,
        rgba(255,255,255,.015) 74%,
        transparent 78%
    ),

    linear-gradient(
        35deg,
        transparent 0%,
        rgba(255,255,255,.01) 30%,
        transparent 35%,
        transparent 60%,
        rgba(255,255,255,.015) 65%,
        transparent 70%
    ),

    radial-gradient(circle at 20% 20%, rgba(0,120,150,.06), transparent 35%),

    radial-gradient(circle at 80% 70%, rgba(190,150,35,.08), transparent 40%),

    linear-gradient(135deg,#050505,#0b0b0b,#050505);

    background-size:

    900px 900px,
    1200px 1200px,
    cover,
    cover,
    cover;

    animation: tlMarbleMove 80s ease-in-out infinite alternate;
}

/* Movimiento */

@keyframes tlMarbleMove{

    0%{

        background-position:

        0px 0px,
        0px 0px,
        left top,
        right bottom,
        center;

    }

    100%{

        background-position:

        -40px -20px,
        30px 25px,
        left top,
        right bottom,
        center;

    }

}/* End custom CSS */