@charset "utf-8";

/*==================================================
====================================================
    DETALLE PRODUCTO MCTIRE
    DISEÑO PREMIUM AUTOMOTRIZ
    DESKTOP / TABLET / MOBILE
====================================================
==================================================*/


/*==================================================
    VARIABLES
==================================================*/

.project-detail{

    --mct-red:#d71920;
    --mct-red-dark:#b51218;
    --mct-black:#151515;
    --mct-dark:#202020;
    --mct-text:#303030;
    --mct-muted:#777;
    --mct-light:#f6f6f6;
    --mct-border:#e8e8e8;
    --mct-white:#fff;

    position:relative;

    width:100%;

    background:#f7f7f7;

    color:var(--mct-text);

    font-family:
        "Inter",
        sans-serif;

    overflow:hidden;

}


/*==================================================
    CONTENEDOR
==================================================*/

.project-detail > .container{

    width:100%;

    max-width:1240px;

    margin:0 auto;

    padding:
        0 22px 70px;

}


/*==================================================
====================================================
    BREADCRUMB
====================================================
==================================================*/

.project-breadcrumb{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:8px;

    min-height:50px;

    margin:0;

    padding:10px 0;

    color:#888;

    font-size:11px;

    font-weight:600;

}


.project-breadcrumb a{

    color:#777;

    text-decoration:none;

    transition:
        color .25s ease;

}


.project-breadcrumb a:hover{

    color:var(--mct-red);

}


.project-breadcrumb span{

    color:#c7c7c7;

}


.project-breadcrumb strong{

    max-width:280px;

    overflow:hidden;

    color:#222;

    font-weight:800;

    text-overflow:ellipsis;

    white-space:nowrap;

}


/*==================================================
====================================================
    HERO PRODUCTO / LLANTA
====================================================
==================================================*/

.project-hero{

    position:relative;

    width:100%;

    margin:0 0 28px;

    overflow:visible;

}


.project-slider{

    position:relative;

    width:100%;

    max-width:1100px;

    height:520px;

    margin:0 auto;

    overflow:hidden;

    background:#f5f5f5;

    border-radius:20px;

    box-shadow:
        0 18px 45px
        rgba(0,0,0,.10);

}


/*==================================================
    TRACK
==================================================*/

.project-slider-track{

    display:flex;

    width:100%;

    height:100%;

    transition:
        transform .65s
        cubic-bezier(.65,0,.35,1);

}


/*==================================================
    SLIDE
==================================================*/

.project-slide{

    position:relative;

    flex:0 0 100%;

    width:100%;

    height:100%;

    overflow:hidden;

    background:#f7f7f7;

}


.project-slide img{

    display:block;

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center;

    transition:
        transform .7s ease;

}


/*==================================================
    OVERLAY
==================================================*/

.project-overlay{

    position:absolute;

    inset:0;

    z-index:2;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.58) 0%,
            rgba(0,0,0,.22) 42%,
            rgba(0,0,0,.04) 72%,
            rgba(0,0,0,.10) 100%
        );

}


/*==================================================
    CONTENIDO
==================================================*/

.project-hero-content{

    position:absolute;

    left:45px;

    bottom:45px;

    z-index:5;

    max-width:560px;

    color:#fff;

}


.project-hero-content h1{

    margin:0;

    color:#fff;

    font-family:
        "Montserrat",
        sans-serif;

    font-size:
        clamp(
            1.8rem,
            3.5vw,
            3rem
        );

    font-weight:850;

    line-height:1.05;

    letter-spacing:-1px;

    text-shadow:
        0 3px 15px
        rgba(0,0,0,.25);

}


.project-category{

    display:inline-flex;

    align-items:center;

    margin-top:12px;

    padding:6px 11px;

    color:#fff;

    background:
        rgba(215,25,32,.92);

    border-radius:6px;

    font-family:
        "Inter",
        sans-serif;

    font-size:10px;

    font-weight:800;

    letter-spacing:.8px;

    text-transform:uppercase;

}


.project-location{

    display:flex;

    align-items:center;

    gap:8px;

    margin-top:12px;

    color:rgba(255,255,255,.92);

    font-family:
        "Inter",
        sans-serif;

    font-size:12px;

    font-weight:600;

}


.project-location i{

    color:#fff;

    font-size:13px;

}


/*==================================================
    FLECHAS
==================================================*/

.slider-prev,
.slider-next{

    position:absolute;

    top:50%;

    z-index:10;

    display:flex;

    align-items:center;

    justify-content:center;

    width:42px;

    height:42px;

    margin:0;

    padding:0;

    color:#fff;

    background:
        rgba(0,0,0,.38);

    border:
        1px solid
        rgba(255,255,255,.25);

    border-radius:50%;

    cursor:pointer;

    transform:
        translateY(-50%);

    backdrop-filter:
        blur(8px);

    -webkit-backdrop-filter:
        blur(8px);

    transition:
        background .25s ease,
        transform .25s ease;

}


.slider-prev{

    left:20px;

}


.slider-next{

    right:20px;

}


.slider-prev:hover,
.slider-next:hover{

    background:#d71920;

    transform:
        translateY(-50%)
        scale(1.06);

}


.slider-prev i,
.slider-next i{

    font-size:12px;

}


/*==================================================
    DOTS
==================================================*/

.slider-dots{

    position:absolute;

    left:50%;

    bottom:18px;

    z-index:10;

    display:flex;

    align-items:center;

    gap:6px;

    transform:
        translateX(-50%);

}


.slider-dot{

    width:7px;

    height:7px;

    margin:0;

    padding:0;

    background:
        rgba(255,255,255,.55);

    border:0;

    border-radius:50%;

    cursor:pointer;

    transition:
        width .25s ease,
        background .25s ease;

}


.slider-dot.active{

    width:22px;

    background:#fff;

    border-radius:5px;

}


/*==================================================
====================================================
    TABLET
====================================================
====================================================*/

@media(max-width:850px){

    .project-slider{

        height:440px;

        border-radius:16px;

    }


    .project-hero-content{

        left:30px;

        bottom:35px;

        max-width:480px;

    }


    .project-hero-content h1{

        font-size:2.2rem;

    }

}


/*==================================================
====================================================
    MOBILE
====================================================
====================================================*/

@media(max-width:576px){

    .project-hero{

        margin-bottom:20px;

    }


    .project-slider{

        width:calc(100% - 20px);

        height:auto;

        aspect-ratio:1 / 1.08;

        margin:0 auto;

        border-radius:14px;

        box-shadow:
            0 12px 30px
            rgba(0,0,0,.09);

    }


    .project-slide img{

        object-fit:cover;

        object-position:center;

    }


    .project-overlay{

        background:
            linear-gradient(
                180deg,
                rgba(0,0,0,.04) 15%,
                rgba(0,0,0,.10) 42%,
                rgba(0,0,0,.68) 100%
            );

    }


    .project-hero-content{

        left:18px;

        right:18px;

        bottom:32px;

        max-width:none;

    }


    .project-hero-content h1{

        font-size:1.55rem;

        line-height:1.08;

        letter-spacing:-.5px;

    }


    .project-category{

        margin-top:8px;

        padding:5px 8px;

        font-size:8px;

    }


    .project-location{

        gap:6px;

        margin-top:8px;

        font-size:10px;

    }


    .project-location i{

        font-size:11px;

    }


    .slider-prev,
    .slider-next{

        width:34px;

        height:34px;

    }


    .slider-prev{

        left:10px;

    }


    .slider-next{

        right:10px;

    }


    .slider-prev i,
    .slider-next i{

        font-size:9px;

    }


    .slider-dots{

        bottom:13px;

        gap:5px;

    }


    .slider-dot{

        width:6px;

        height:6px;

    }


    .slider-dot.active{

        width:18px;

    }

}


/*==================================================
====================================================
    MOBILE PEQUEÑO
====================================================
====================================================*/

@media(max-width:380px){

    .project-slider{

        width:calc(100% - 14px);

        aspect-ratio:1 / 1.05;

        border-radius:12px;

    }


    .project-hero-content{

        left:15px;

        right:15px;

        bottom:28px;

    }


    .project-hero-content h1{

        font-size:1.35rem;

    }


    .project-location{

        font-size:9px;

    }


    .slider-prev,
    .slider-next{

        width:31px;

        height:31px;

    }

}

/*==================================================
====================================================
    CONTENIDO PRINCIPAL
====================================================
==================================================*/

.project-main{

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        360px;

    align-items:start;

    gap:30px;

}


/*==================================================
    COLUMNA IZQUIERDA
==================================================*/

.project-left{

    min-width:0;

}


/*==================================================
====================================================
    TARJETAS
====================================================
==================================================*/

.project-card{

    position:relative;

    margin:0 0 24px;

    padding:30px;

    background:#fff;

    border:
        1px solid
        var(--mct-border);

    border-radius:20px;

    box-shadow:
        0 8px 30px
        rgba(0,0,0,.045);

}


/*==================================================
    HEADER TARJETAS
==================================================*/

.card-header{

    position:relative;

    margin:0 0 24px;

}


.card-header > span{

    display:block;

    margin-bottom:6px;

    color:var(--mct-red);

    font-size:9px;

    font-weight:850;

    letter-spacing:1.8px;

    text-transform:uppercase;

}


.card-header h2{

    margin:0;

    color:#171717;

    font-family:
        "Montserrat",
        sans-serif;

    font-size:
        clamp(
            1.5rem,
            3vw,
            2rem
        );

    font-weight:850;

    line-height:1.05;

    letter-spacing:-.8px;

}


.card-header p{

    max-width:600px;

    margin:9px 0 0;

    color:#777;

    font-size:12px;

    line-height:1.6;

}


/*==================================================
====================================================
    UBICACIÓN
====================================================
==================================================*/

.property-location{

    display:flex;

    align-items:center;

    gap:12px;

    margin-top:22px;

    padding:13px 15px;

    background:#fafafa;

    border:
        1px solid
        #eeeeee;

    border-radius:12px;

}


.property-location-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:35px;

    height:35px;

    color:#fff;

    background:var(--mct-red);

    border-radius:10px;

    font-size:16px;

}


.property-location-content{

    display:flex;

    flex-direction:column;

    gap:3px;

    min-width:0;

}


.property-location-label{

    color:#999;

    font-size:8px;

    font-weight:850;

    letter-spacing:1px;

    text-transform:uppercase;

}


.property-location-content strong{

    color:#222;

    font-size:12px;

    font-weight:800;

}


/*==================================================
====================================================
    DESCRIPCIÓN
====================================================
==================================================*/

.project-card-description{

    color:#626262;

    font-size:16px;

    line-height:1.8;

}


.project-card-description p{

    margin:
        0 0 14px;

}


.project-card-description p:last-child{

    margin-bottom:0;

}


/*==================================================
====================================================
    CARACTERÍSTICAS
====================================================
==================================================*/

.project-features-grid{

    display:grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );

    gap:10px;

}


.feature-item{

    display:flex;

    align-items:center;

    gap:11px;

    min-height:55px;

    padding:
        11px 13px;

    background:#fafafa;

    border:
        1px solid
        #eeeeee;

    border-radius:12px;

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

}


.feature-item:hover{

    background:#fff;

    border-color:
        rgba(215,25,32,.25);

    transform:
        translateY(-2px);

}


.feature-item i{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:31px;

    height:31px;

    color:var(--mct-red);

    background:#fff1f1;

    border-radius:9px;

    font-size:13px;

}


.feature-item span{

    color:#333;

    font-size:10px;

    font-weight:750;

    line-height:1.35;

}


/*==================================================
====================================================
    ENTREGA
====================================================
==================================================*/

.project-delivery-section{

    margin:
        0 0 24px;

}


.project-delivery-section .container{

    width:100%;

    margin:0;

    padding:0;

}


.project-delivery{

    position:relative;

    padding:30px;

    background:
        linear-gradient(
            135deg,
            #171717,
            #242424
        );

    border-radius:20px;

    overflow:hidden;

    box-shadow:
        0 15px 35px
        rgba(0,0,0,.10);

}


.project-delivery::after{

    position:absolute;

    right:-80px;

    bottom:-100px;

    width:260px;

    height:260px;

    content:"";

    background:
        rgba(215,25,32,.12);

    border-radius:50%;

}


.delivery-header{

    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    gap:13px;

    margin-bottom:20px;

}


.delivery-header i{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:42px;

    height:42px;

    color:#fff;

    background:var(--mct-red);

    border-radius:12px;

}


.delivery-header h3{

    margin:0;

    color:#fff;

    font-family:
        "Montserrat",
        sans-serif;

    font-size:18px;

    font-weight:800;

}


.delivery-list{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );

    gap:10px 25px;

    margin:0;

    padding:0;

    list-style:none;

}


.delivery-list li{

    position:relative;

    padding-left:20px;

    color:#ddd;

    font-size:11px;

    line-height:1.6;

}


.delivery-list li::before{

    position:absolute;

    left:0;

    top:8px;

    width:6px;

    height:6px;

    content:"";

    background:var(--mct-red);

    border-radius:50%;

}


.delivery-note{

    position:relative;

    z-index:2;

    margin-top:20px;

    padding-top:17px;

    color:#aaa;

    border-top:
        1px solid
        rgba(255,255,255,.10);

    font-size:10px;

    line-height:1.6;

}


.delivery-note strong{

    color:#fff;

}


/*==================================================
====================================================
    GALERÍA
====================================================
==================================================*/

.project-gallery-grid{

    display:grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );

    gap:10px;

}


.gallery-item{

    position:relative;

    display:block;

    aspect-ratio:
        4 / 3;

    overflow:hidden;

    background:#eee;

    border-radius:13px;

}


.gallery-item::after{

    position:absolute;

    inset:0;

    z-index:2;

    content:"";

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.45),
            transparent 50%
        );

    opacity:0;

    transition:
        opacity .3s ease;

}


.gallery-item::before{

    position:absolute;

    left:50%;

    top:50%;

    z-index:4;

    display:flex;

    align-items:center;

    justify-content:center;

    width:42px;

    height:42px;

    content:"\f00e";

    color:#fff;

    background:
        rgba(215,25,32,.95);

    border-radius:50%;

    font-family:"Font Awesome 6 Free";

    font-weight:900;

    opacity:0;

    transform:
        translate(
            -50%,
            -50%
        )
        scale(.7);

    transition:
        opacity .3s ease,
        transform .3s ease;

}


.gallery-item:hover::after{

    opacity:1;

}


.gallery-item:hover::before{

    opacity:1;

    transform:
        translate(
            -50%,
            -50%
        )
        scale(1);

}


.gallery-item img{

    display:block;

    width:100%;

    height:100%;

    object-fit:cover;

    transition:
        transform .5s ease;

}


.gallery-item:hover img{

    transform:
        scale(1.07);

}


/*==================================================
====================================================
    VIDEOS
====================================================
==================================================*/

.project-video-grid{

    display:grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );

    gap:12px;

}


.video-item{

    position:relative;

    aspect-ratio:
        16 / 9;

    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #151515,
            #333
        );

    border-radius:15px;

    cursor:pointer;

}


.video-preview{

    position:absolute;

    inset:0;

    display:flex;

    align-items:center;

    justify-content:center;

}


.video-preview::before{

    position:absolute;

    inset:0;

    content:"";

    background:
        radial-gradient(
            circle at center,
            rgba(215,25,32,.22),
            transparent 55%
        );

}


.video-preview i{

    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:center;

    width:58px;

    height:58px;

    padding-left:3px;

    color:#fff;

    background:var(--mct-red);

    border-radius:50%;

    box-shadow:
        0 8px 25px
        rgba(0,0,0,.25);

    transition:
        transform .3s ease,
        background .3s ease;

}


.video-item:hover
.video-preview i{

    background:#fff;

    color:var(--mct-red);

    transform:
        scale(1.1);

}


/*==================================================
====================================================
    COLUMNA DERECHA
====================================================
==================================================*/

.project-right{

    position:relative;

    min-width:0;

}


.project-sidebar{

    position:sticky;

    top:20px;

}


.sidebar-card{

    position:relative;

    padding:0;

    background:#fff;

    border:
        1px solid
        var(--mct-border);

    border-radius:22px;

    overflow:hidden;

    box-shadow:
        0 15px 40px
        rgba(0,0,0,.08);

}


/*==================================================
====================================================
    LOGO
====================================================
==================================================*/

.project-logo{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:190px;

    padding:25px;

    background:
        radial-gradient(
            circle at center,
            #fff 0%,
            #f5f5f5 100%
        );

    border-bottom:
        1px solid
        #eeeeee;

}


.project-logo img{

    display:block;

    width:auto;

    max-width:75%;

    height:150px;

    object-fit:contain;

}

/*==================================================
FABRICANTE
==================================================*/

.project-manufacturer
{
    position:relative;

    margin:
    22px 0 8px;

    padding:
    18px 16px;

    background:
    #fff;

    border:
    1px solid
    rgba(0,0,0,.07);

    border-radius:14px;

    overflow:hidden;
}


/*==================================================
DETALLE SUPERIOR
==================================================*/

.manufacturer-label
{
    display:flex;

    align-items:center;

    gap:8px;

    margin-bottom:14px;
}


.manufacturer-line
{
    flex:1;

    height:1px;

    background:
    #e8e8e8;
}


.manufacturer-title
{
    color:#999;

    font-size:.62rem;

    font-weight:800;

    letter-spacing:
    1.4px;

    text-transform:
    uppercase;

    white-space:nowrap;
}


/*==================================================
MARCA
==================================================*/

.manufacturer-brand
{
    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    min-height:70px;
}


/*==================================================
LOGO
==================================================*/

.manufacturer-logo
{
    display:flex;

    align-items:center;

    justify-content:center;

    width:150px;

    height:65px;

    padding:8px 12px;

    background:#fff;

    border-radius:10px;
}


.manufacturer-logo img
{
    display:block;

    width:auto;

    max-width:100%;

    height:auto;

    max-height:48px;

    object-fit:contain;
}


/*==================================================
NOMBRE MARCA
==================================================*/

.manufacturer-name
{
    color:#111;

    font-size:.78rem;

    font-weight:800;

    letter-spacing:.5px;

    text-transform:uppercase;
}


/*==================================================
EFECTO SUTIL
==================================================*/

.project-manufacturer::before
{
    content:"";

    position:absolute;

    left:0;

    top:0;

    width:3px;

    height:100%;

    background:
    var(--primary);

    transform:
    scaleY(.35);

    transform-origin:center;

    transition:
    transform .35s ease;
}


.project-manufacturer:hover::before
{
    transform:
    scaleY(1);
}


/*==================================================
MOBILE
==================================================*/

@media(max-width:576px)
{
    .project-manufacturer
    {
        margin:
        18px 0 6px;

        padding:
        15px 12px;
    }


    .manufacturer-brand
    {
        min-height:60px;

        gap:10px;
    }


    .manufacturer-logo
    {
        width:125px;

        height:55px;

        padding:6px 8px;
    }


    .manufacturer-logo img
    {
        max-height:40px;
    }


    .manufacturer-name
    {
        font-size:.68rem;
    }
}

/*==================================================
    ESTADO
==================================================*/

.project-status{

    position:absolute;

    top:18px;

    right:18px;

    z-index:5;

    display:inline-flex;

    align-items:center;

    padding:
        7px 12px;

    color:#fff;

    background:var(--mct-red);

    border-radius:30px;

    font-size:9px;

    font-weight:850;

    letter-spacing:.8px;

    text-transform:uppercase;

    box-shadow:
        0 5px 15px
        rgba(215,25,32,.25);

}


.project-status.sold-out{

    background:#333;

}


/*==================================================
====================================================
    SIDEBAR HEADER
====================================================
==================================================*/

.sidebar-header{

    padding:
        25px 25px 17px;

}


.sidebar-header span{

    display:block;

    margin-bottom:6px;

    color:var(--mct-red);

    font-size:9px;

    font-weight:850;

    letter-spacing:1.5px;

    text-transform:uppercase;

}


.sidebar-header h3{

    margin:0;

    color:#171717;

    font-family:
        "Montserrat",
        sans-serif;

    font-size:20px;

    font-weight:850;

    line-height:1.15;

}


/*==================================================
====================================================
    INFORMACIÓN
====================================================
==================================================*/

.sidebar-info{

    margin:
        0 25px;

    padding:
        5px 0;

    border-top:
        1px solid
        #eeeeee;

    border-bottom:
        1px solid
        #eeeeee;

}


.sidebar-item{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    padding:
        15px 0;

    border-bottom:
        1px solid
        #f0f0f0;

}


.sidebar-item:last-child{

    border-bottom:0;

}


.sidebar-item span{

    color:#888;

    font-size:10px;

    font-weight:650;

}


.sidebar-item strong{

    color:#171717;

    font-family:
        "Montserrat",
        sans-serif;

    font-size:17px;

    font-weight:850;

    text-align:right;

}


.sidebar-sale{

    margin:
        0 -10px;

    padding:
        15px 10px;

    background:#fff5f5;

    border-radius:10px;

}


.sidebar-sale span{

    color:var(--mct-red);

    font-weight:750;

}


.sidebar-sale strong{

    color:var(--mct-red);

}


/*==================================================
====================================================
    BOTONES
====================================================
==================================================*/

.sidebar-buttons{

    display:flex;

    flex-direction:column;

    gap:9px;

    padding:
        20px 25px 25px;

}


.btn-project-primary,
.btn-project-brochure,
.btn-project-whatsapp a{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:9px;

    width:100%;

    min-height:47px;

    padding:
        0 15px;

    border-radius:11px;

    text-decoration:none;

    font-size:11px;

    font-weight:850;

    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;

}


.btn-project-primary{

    color:#fff;

    background:var(--mct-red);

    border:
        1px solid
        var(--mct-red);

    box-shadow:
        0 8px 20px
        rgba(215,25,32,.20);

}


.btn-project-primary:hover{

    color:#fff;

    background:var(--mct-red-dark);

    border-color:var(--mct-red-dark);

    transform:
        translateY(-2px);

}


.btn-project-brochure{

    color:#333;

    background:#fff;

    border:
        1px solid
        #dedede;

}


.btn-project-brochure:hover{

    color:var(--mct-red);

    border-color:var(--mct-red);

    transform:
        translateY(-2px);

}

/*==================================================
BOTÓN WHATSAPP
MCTIRE / EFECTO ELÉCTRICO PREMIUM
==================================================*/

.btn-project-whatsapp
{
    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    min-height:64px;

    padding:17px 25px;

    color:#fff;

    background:
        linear-gradient(
            135deg,
            #151918 0%,
            #101413 55%,
            #151918 100%
        );

    border:
        1px solid
        rgba(37,211,102,.35);

    border-radius:15px;

    text-decoration:none;

    overflow:hidden;

    isolation:isolate;

    box-shadow:
        0 8px 24px
        rgba(0,0,0,.14);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}


/*==================================================
BORDE ELÉCTRICO
==================================================*/

.btn-project-whatsapp::before
{
    content:"";

    position:absolute;

    inset:0;

    padding:1.5px;

    border-radius:15px;

    background:
        conic-gradient(
            from 0deg,
            transparent 0deg,
            transparent 240deg,
            #25d366 275deg,
            #8affb5 292deg,
            #25d366 308deg,
            transparent 335deg,
            transparent 360deg
        );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

    animation:
        whatsappElectric
        2.4s
        linear
        infinite;

    pointer-events:none;
}


/*==================================================
LUZ INTERIOR MUY SUTIL
==================================================*/

.btn-project-whatsapp::after
{
    content:"";

    position:absolute;

    top:0;

    left:-30%;

    width:35%;

    height:100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(37,211,102,.10),
            transparent
        );

    transform:
        skewX(-18deg);

    animation:
        whatsappSweep
        4.5s
        ease-in-out
        infinite;

    pointer-events:none;
}


/*==================================================
CONTENIDO
==================================================*/

.btn-project-whatsapp
{
    font-size:.92rem;

    font-weight:800;

    letter-spacing:.2px;

    text-shadow:
        0 1px 2px
        rgba(0,0,0,.4);
}


/*==================================================
ICONO
==================================================*/

.btn-project-whatsapp i
{
    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:center;

    width:38px;

    height:38px;

    margin-right:12px;

    color:#25d366;

    background:
        rgba(37,211,102,.10);

    border:
        1px solid
        rgba(37,211,102,.35);

    border-radius:50%;

    font-size:20px;

    box-shadow:
        0 0 12px
        rgba(37,211,102,.12);

    transition:
        transform .35s ease,
        background .35s ease,
        box-shadow .35s ease;
}


/*==================================================
HOVER
==================================================*/

.btn-project-whatsapp:hover
{
    color:#fff;

    border-color:
        rgba(37,211,102,.65);

    transform:
        translateY(-3px);

    box-shadow:
        0 12px 28px
        rgba(0,0,0,.20),

        0 0 18px
        rgba(37,211,102,.12);
}


.btn-project-whatsapp:hover i
{
    color:#fff;

    background:
        #25d366;

    border-color:
        #25d366;

    transform:
        scale(1.12)
        rotate(-8deg);

    box-shadow:
        0 0 18px
        rgba(37,211,102,.35);
}


/*==================================================
ANIMACIÓN BORDE ELÉCTRICO
==================================================*/

@keyframes whatsappElectric
{
    0%
    {
        transform:
            rotate(0deg);
    }

    100%
    {
        transform:
            rotate(360deg);
    }
}


/*==================================================
RECORRIDO DE LUZ
==================================================*/

@keyframes whatsappSweep
{
    0%
    {
        left:-35%;

        opacity:0;
    }

    20%
    {
        opacity:.8;
    }

    50%
    {
        left:115%;

        opacity:.8;
    }

    55%,
    100%
    {
        left:115%;

        opacity:0;
    }
}


/*==================================================
MOBILE
==================================================*/

@media(max-width:576px)
{
    .btn-project-whatsapp
    {
        min-height:60px;

        padding:15px 18px;

        border-radius:14px;

        font-size:.85rem;
    }


    .btn-project-whatsapp i
    {
        width:35px;

        height:35px;

        margin-right:10px;

        font-size:18px;
    }
}


/*==================================================
REDUCIR MOVIMIENTO
==================================================*/

@media(prefers-reduced-motion:reduce)
{
    .btn-project-whatsapp::before,
    .btn-project-whatsapp::after
    {
        animation:none;
    }
}

/*==================================================
====================================================
    PROYECTOS RELACIONADOS
====================================================
==================================================*/

.related-projects{

    margin-top:45px;

}


.section-title{

    margin-bottom:22px;

}


.section-title > span{

    display:block;

    margin-bottom:6px;

    color:var(--mct-red);

    font-size:9px;

    font-weight:850;

    letter-spacing:1.7px;

    text-transform:uppercase;

}


.section-title h2{

    margin:0;

    color:#171717;

    font-family:
        "Montserrat",
        sans-serif;

    font-size:28px;

    font-weight:850;

    letter-spacing:-1px;

}


.section-title p{

    margin:8px 0 0;

    color:#777;

    font-size:12px;

}


.related-grid{

    display:grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );

    gap:16px;

}


.related-card{

    overflow:hidden;

    background:#fff;

    border:
        1px solid
        #e6e6e6;

    border-radius:17px;

    box-shadow:
        0 8px 25px
        rgba(0,0,0,.045);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}


.related-card:hover{

    transform:
        translateY(-5px);

    box-shadow:
        0 18px 35px
        rgba(0,0,0,.10);

}


.related-card > a{

    display:block;

    color:inherit;

    text-decoration:none;

}


.related-image{

    position:relative;

    aspect-ratio:
        16 / 10;

    overflow:hidden;

    background:#f4f4f4;

}


.related-image img{

    display:block;

    width:100%;

    height:100%;

    object-fit:cover;

    transition:
        transform .45s ease;

}


.related-card:hover
.related-image img{

    transform:
        scale(1.06);

}


.related-content{

    padding:17px;

}


.related-category{

    display:inline-block;

    margin-bottom:6px;

    color:var(--mct-red);

    font-size:8px;

    font-weight:850;

    letter-spacing:1px;

    text-transform:uppercase;

}


.related-content h3{

    margin:0;

    color:#222;

    font-family:
        "Montserrat",
        sans-serif;

    font-size:15px;

    font-weight:800;

    line-height:1.2;

}


.related-price{

    margin-top:12px;

    color:#999;

    font-size:9px;

}


.related-price strong{

    display:block;

    margin-top:2px;

    color:#171717;

    font-family:
        "Montserrat",
        sans-serif;

    font-size:16px;

    font-weight:850;

}


.related-link{

    display:inline-flex;

    align-items:center;

    gap:7px;

    margin-top:13px;

    color:#222;

    font-size:10px;

    font-weight:850;

    transition:
        color .25s ease;

}


.related-card:hover
.related-link{

    color:var(--mct-red);

}


.related-link i{

    transition:
        transform .25s ease;

}


.related-card:hover
.related-link i{

    transform:
        translateX(4px);

}


/*==================================================
====================================================
    MODAL GALERÍA
====================================================
==================================================*/

.gallery-modal{

    position:fixed;

    inset:0;

    z-index:999999;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:25px;

    visibility:hidden;

    opacity:0;

    transition:
        opacity .3s ease,
        visibility .3s ease;

}


.gallery-modal.show{

    visibility:visible;

    opacity:1;

}


.gallery-backdrop{

    position:absolute;

    inset:0;

    background:
        rgba(0,0,0,.92);

    backdrop-filter:
        blur(8px);

}


.gallery-box{

    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:center;

    width:
        min(
            1100px,
            100%
        );

    height:
        min(
            90vh,
            760px
        );

}


.gallery-content{

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    height:100%;

}


.gallery-image{

    display:block;

    max-width:100%;

    max-height:82vh;

    object-fit:contain;

    border-radius:8px;

    box-shadow:
        0 20px 60px
        rgba(0,0,0,.40);

}


.gallery-close,
.gallery-prev,
.gallery-next{

    position:absolute;

    z-index:5;

    display:flex;

    align-items:center;

    justify-content:center;

    width:44px;

    height:44px;

    margin:0;

    padding:0;

    color:#fff;

    background:
        rgba(255,255,255,.12);

    border:
        1px solid
        rgba(255,255,255,.20);

    border-radius:50%;

    cursor:pointer;

    backdrop-filter:
        blur(8px);

    transition:
        background .25s ease,
        transform .25s ease;

}


.gallery-close{

    top:10px;

    right:10px;

}


.gallery-prev{

    left:0;

    top:50%;

    transform:
        translateY(-50%);

}


.gallery-next{

    right:0;

    top:50%;

    transform:
        translateY(-50%);

}


.gallery-close:hover,
.gallery-prev:hover,
.gallery-next:hover{

    background:var(--mct-red);

}


.gallery-counter{

    position:absolute;

    left:50%;

    bottom:8px;

    color:#fff;

    font-size:11px;

    font-weight:700;

    transform:
        translateX(-50%);

}


/*==================================================
====================================================
    MODAL VIDEO
====================================================
==================================================*/

.video-modal{

    position:fixed;

    inset:0;

    z-index:999999;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:20px;

    visibility:hidden;

    opacity:0;

    transition:
        opacity .3s ease,
        visibility .3s ease;

}


.video-modal.show{

    visibility:visible;

    opacity:1;

}


.video-backdrop{

    position:absolute;

    inset:0;

    background:
        rgba(0,0,0,.92);

    backdrop-filter:
        blur(8px);

}


.video-box{

    position:relative;

    z-index:2;

    width:
        min(
            1050px,
            100%
        );

    background:#000;

    border-radius:15px;

    overflow:hidden;

    box-shadow:
        0 25px 70px
        rgba(0,0,0,.45);

}


.video-player{

    display:block;

    width:100%;

    max-height:80vh;

    background:#000;

}


.video-close{

    position:absolute;

    top:12px;

    right:12px;

    z-index:5;

    display:flex;

    align-items:center;

    justify-content:center;

    width:38px;

    height:38px;

    color:#fff;

    background:
        rgba(0,0,0,.60);

    border:
        1px solid
        rgba(255,255,255,.20);

    border-radius:50%;

    cursor:pointer;

}


/*==================================================
====================================================
    TABLET
====================================================
==================================================*/

@media(max-width:1050px){

    .project-main{

        grid-template-columns:
            minmax(0,1fr)
            320px;

        gap:20px;

    }


    .project-hero-content{

        left:40px;

        bottom:50px;

    }


    .project-features-grid{

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );

    }


    .related-grid{

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );

    }

}


/*==================================================
====================================================
    TABLET PEQUEÑO
====================================================
==================================================*/

@media(max-width:850px){

    .project-main{

        grid-template-columns:1fr;

    }


    .project-sidebar{

        position:relative;

        top:auto;

    }


    .project-right{

        order:-1;

    }


    .sidebar-card{

        display:grid;

        grid-template-columns:
            240px
            minmax(0,1fr);

    }


    .project-logo{

        min-height:100%;

        border-bottom:0;

        border-right:
            1px solid
            #eeeeee;

    }


    .sidebar-header{

        padding-top:25px;

    }


    .sidebar-buttons{

        grid-column:
            1 / -1;

    }

}


/*==================================================
====================================================
    MOBILE
====================================================
==================================================*/

@media(max-width:576px){

    .project-detail{

        background:#f6f6f6;

    }


    .project-detail > .container{

        padding:
            0 10px 45px;

    }


    /*==============================================
        BREADCRUMB
    ==============================================*/

    .project-breadcrumb{

        min-height:42px;

        gap:6px;

        padding:
            8px 3px;

        font-size:9px;

    }


    .project-breadcrumb strong{

        max-width:150px;

    }


    /*==============================================
        HERO
    ==============================================*/

    .project-hero{

        margin-bottom:18px;

    }


    .project-slider{

        height:390px;

        border-radius:16px;

        box-shadow:
            0 15px 35px
            rgba(0,0,0,.13);

    }


    .project-slide img{

        object-fit:cover;

    }


    .project-overlay{

        background:
            linear-gradient(
                180deg,
                rgba(0,0,0,.05) 0%,
                rgba(0,0,0,.20) 40%,
                rgba(0,0,0,.85) 100%
            );

    }


    .project-hero-content{

        left:20px;

        bottom:45px;

        width:
            calc(100% - 40px);

    }


    .project-hero-content h1{

        font-size:
            clamp(
                2rem,
                9vw,
                2.7rem
            );

        letter-spacing:-1px;

    }


    .project-category{

        margin-top:13px;

        padding:
            6px 10px;

        font-size:8px;

    }


    .project-location{

        margin-top:12px;

        font-size:10px;

    }


    .slider-prev,
    .slider-next{

        width:36px;

        height:36px;

    }


    .slider-prev{

        left:10px;

    }


    .slider-next{

        right:10px;

    }


    .slider-dots{

        bottom:15px;

    }


    /*==============================================
        MAIN
    ==============================================*/

    .project-main{

        display:flex;

        flex-direction:column;

        gap:0;

    }


    .project-left{

        width:100%;

    }


    .project-right{

        width:100%;

        order:-1;

        margin-bottom:15px;

    }


    /*==============================================
        SIDEBAR MOBILE
    ==============================================*/

    .sidebar-card{

        display:block;

        border-radius:17px;

    }


    .project-logo{

        min-height:150px;

        padding:20px;

        border-right:0;

        border-bottom:
            1px solid
            #eeeeee;

    }


    .project-logo img{

        height:105px;

        max-width:65%;

    }


    .project-status{

        top:12px;

        right:12px;

        padding:
            6px 9px;

        font-size:8px;

    }


    .sidebar-header{

        padding:
            18px 18px 13px;

    }


    .sidebar-header span{

        font-size:8px;

    }


    .sidebar-header h3{

        font-size:17px;

    }


    .sidebar-info{

        margin:
            0 18px;

    }


    .sidebar-item{

        padding:
            12px 0;

    }


    .sidebar-item strong{

        font-size:15px;

    }


    .sidebar-buttons{

        gap:7px;

        padding:
            15px 18px 18px;

    }


    .btn-project-primary,
    .btn-project-brochure,
    .btn-project-whatsapp a{

        min-height:43px;

        font-size:10px;

    }


    /*==============================================
        TARJETAS
    ==============================================*/

    .project-card{

        margin-bottom:15px;

        padding:20px 17px;

        border-radius:16px;

    }


    .card-header{

        margin-bottom:18px;

    }


    .card-header > span{

        font-size:8px;

        letter-spacing:1.4px;

    }


    .card-header h2{

        font-size:22px;

    }


    .card-header p{

        font-size:10px;

    }


    /*==============================================
        DESCRIPCIÓN
    ==============================================*/

    .project-card-description{

        font-size:11px;

        line-height:1.7;

    }


    /*==============================================
        UBICACIÓN
    ==============================================*/

    .property-location{

        gap:9px;

        margin-top:16px;

        padding:10px;

    }


    .property-location-icon{

        width:31px;

        height:31px;

        font-size:14px;

    }


    .property-location-label{

        font-size:7px;

    }


    .property-location-content strong{

        font-size:10px;

    }


    /*==============================================
        CARACTERÍSTICAS
    ==============================================*/

    .project-features-grid{

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );

        gap:7px;

    }


    .feature-item{

        min-height:49px;

        gap:7px;

        padding:8px;

        border-radius:10px;

    }


    .feature-item i{

        width:27px;

        height:27px;

        font-size:11px;

    }


    .feature-item span{

        font-size:8.5px;

    }


    /*==============================================
        ENTREGA
    ==============================================*/

    .project-delivery-section{

        margin-bottom:15px;

    }


    .project-delivery{

        padding:20px 17px;

        border-radius:16px;

    }


    .delivery-header{

        align-items:flex-start;

        gap:10px;

    }


    .delivery-header i{

        width:35px;

        height:35px;

        font-size:12px;

        border-radius:9px;

    }


    .delivery-header h3{

        font-size:14px;

        line-height:1.25;

    }


    .delivery-list{

        grid-template-columns:1fr;

        gap:8px;

    }


    .delivery-list li{

        font-size:9px;

    }


    .delivery-note{

        font-size:8.5px;

    }


    /*==============================================
        GALERÍA
    ==============================================*/

    .project-gallery-grid{

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );

        gap:7px;

    }


    .gallery-item{

        border-radius:10px;

    }


    .gallery-item::before{

        width:32px;

        height:32px;

        font-size:10px;

    }


    /*==============================================
        VIDEOS
    ==============================================*/

    .project-video-grid{

        grid-template-columns:1fr;

        gap:8px;

    }


    .video-item{

        border-radius:11px;

    }


    .video-preview i{

        width:48px;

        height:48px;

        font-size:13px;

    }


    /*==============================================
        RELACIONADOS
    ==============================================*/

    .related-projects{

        margin-top:30px;

    }


    .section-title{

        margin-bottom:15px;

    }


    .section-title h2{

        font-size:22px;

    }


    .section-title p{

        font-size:10px;

    }


    .related-grid{

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );

        gap:8px;

    }


    .related-card{

        border-radius:12px;

    }


    .related-content{

        padding:11px;

    }


    .related-category{

        font-size:7px;

    }


    .related-content h3{

        font-size:11px;

    }


    .related-price{

        margin-top:8px;

        font-size:7px;

    }


    .related-price strong{

        font-size:12px;

    }


    .related-link{

        margin-top:9px;

        font-size:8px;

    }


    /*==============================================
        MODAL
    ==============================================*/

    .gallery-modal,
    .video-modal{

        padding:10px;

    }


    .gallery-box{

        height:90vh;

    }


    .gallery-image{

        max-height:78vh;

        border-radius:5px;

    }


    .gallery-close,
    .gallery-prev,
    .gallery-next{

        width:36px;

        height:36px;

    }


    .gallery-close{

        top:5px;

        right:5px;

    }


    .gallery-prev{

        left:3px;

    }


    .gallery-next{

        right:3px;

    }


    .gallery-counter{

        bottom:3px;

        font-size:9px;

    }


    .video-box{

        border-radius:10px;

    }


}


/*==================================================
====================================================
    MOBILE MUY PEQUEÑO
====================================================
==================================================*/

@media(max-width:380px){

    .project-detail > .container{

        padding-left:7px;

        padding-right:7px;

    }


    .project-slider{

        height:350px;

    }


    .project-hero-content{

        left:16px;

        bottom:40px;

        width:
            calc(100% - 32px);

    }


    .project-hero-content h1{

        font-size:1.85rem;

    }


    .project-card{

        padding:
            17px 14px;

    }


    .card-header h2{

        font-size:20px;

    }


    .project-features-grid{

        gap:5px;

    }


    .feature-item{

        padding:7px;

    }


    .feature-item span{

        font-size:8px;

    }


    .related-grid{

        gap:6px;

    }


    .related-content{

        padding:9px;

    }


    .related-content h3{

        font-size:10px;

    }

}


/*==================================================
====================================================
    REDUCIR MOVIMIENTO
====================================================
==================================================*/

@media(prefers-reduced-motion:reduce){

    .project-slider-track,
    .project-card,
    .feature-item,
    .gallery-item img,
    .gallery-item::before,
    .gallery-item::after,
    .related-card,
    .related-image img,
    .related-link i,
    .video-preview i,
    .slider-prev,
    .slider-next,
    .btn-project-primary,
    .btn-project-brochure,
    .btn-project-whatsapp a{

        transition:none !important;

    }

}


/*==================================================
====================================================
    AJUSTE TIPOGRÁFICO MCTIRE
    MAYOR LEGIBILIDAD SIN ALTERAR ESPACIOS
    NI EFECTOS VISUALES
====================================================
==================================================*/


/*==================================================
    TEXTO GENERAL
==================================================*/

.project-detail{

    font-size:16px;

}


/*==================================================
    BREADCRUMB
==================================================*/

.project-breadcrumb{

    font-size:11px;

}


/*==================================================
    HERO
==================================================*/

.project-hero-content h1{

    font-size:
        clamp(
            2rem,
            3.5vw,
            3rem
        );

}


.project-category{

    font-size:11px;

}


.project-location{

    font-size:13px;

}


.project-location i{

    font-size:14px;

}


/*==================================================
    ENCABEZADOS DE TARJETAS
==================================================*/

.card-header > span{

    font-size:11px;

}


.card-header h2{

    font-size:
        clamp(
            1.65rem,
            3vw,
            2.15rem
        );

}


.card-header p{

    font-size:14px;

    line-height:1.55;

}


/*==================================================
    DESCRIPCIÓN
==================================================*/

.project-card-description{

    font-size:16px;

    line-height:1.75;

}


/*==================================================
    UBICACIÓN
==================================================*/

.property-location-label{

    font-size:10px;

}


.property-location-content strong{

    font-size:14px;

}


/*==================================================
    CARACTERÍSTICAS
==================================================*/

.feature-item span{

    font-size:12px;

    line-height:1.4;

}


/*==================================================
    ENTREGA
==================================================*/

.delivery-header h3{

    font-size:19px;

}


.delivery-list li{

    font-size:13px;

    line-height:1.55;

}


.delivery-note{

    font-size:12px;

    line-height:1.55;

}


/*==================================================
    FABRICANTE
==================================================*/

.manufacturer-title{

    font-size:.72rem;

}


.manufacturer-name{

    font-size:.85rem;

}


/*==================================================
    SIDEBAR
==================================================*/

.sidebar-header span{

    font-size:10px;

}


.sidebar-header h3{

    font-size:21px;

}


.sidebar-item span{

    font-size:12px;

}


.sidebar-item strong{

    font-size:17px;

}


/*==================================================
    BOTONES
==================================================*/

.btn-project-primary,
.btn-project-brochure{

    font-size:13px;

}


.btn-project-whatsapp{

    font-size:.95rem;

}


/*==================================================
    RELACIONADOS
==================================================*/

.section-title > span{

    font-size:10px;

}


.section-title h2{

    font-size:30px;

}


.section-title p{

    font-size:13px;

}


.related-category{

    font-size:10px;

}


.related-content h3{

    font-size:16px;

}


.related-price{

    font-size:11px;

}


.related-price strong{

    font-size:17px;

}


.related-link{

    font-size:12px;

}


/*==================================================
====================================================
    TABLET
====================================================
==================================================*/

@media(max-width:850px){

    .project-breadcrumb{

        font-size:11px;

    }


    .card-header h2{

        font-size:
            clamp(
                1.65rem,
                4vw,
                2.1rem
            );

    }


    .card-header p{

        font-size:14px;

    }


    .project-card-description{

        font-size:15px;

    }


    .feature-item span{

        font-size:11px;

    }


    .delivery-list li{

        font-size:12px;

    }


    .delivery-note{

        font-size:11px;

    }


    .sidebar-item span{

        font-size:11px;

    }


    .sidebar-item strong{

        font-size:16px;

    }

}


/*==================================================
====================================================
    MOBILE
====================================================
====================================================*/

@media(max-width:576px){

    /*----------------------------------------------
        BREADCRUMB
    ----------------------------------------------*/

    .project-breadcrumb{

        font-size:10.5px;

    }


    /*----------------------------------------------
        HERO
    ----------------------------------------------*/

    .project-hero-content h1{

        font-size:
            clamp(
                2rem,
                9vw,
                2.7rem
            );

        line-height:1.08;

    }


    .project-category{

        font-size:10px;

    }


    .project-location{

        font-size:12px;

    }


    .project-location i{

        font-size:13px;

    }


    /*----------------------------------------------
        SIDEBAR
    ----------------------------------------------*/

    .sidebar-header span{

        font-size:9px;

    }


    .sidebar-header h3{

        font-size:19px;

    }


    .sidebar-item span{

        font-size:11px;

    }


    .sidebar-item strong{

        font-size:16px;

    }


    /*----------------------------------------------
        BOTONES
    ----------------------------------------------*/

    .btn-project-primary,
    .btn-project-brochure{

        font-size:12px;

    }


    .btn-project-whatsapp{

        font-size:.9rem;

    }


    /*----------------------------------------------
        TARJETAS
    ----------------------------------------------*/

    .card-header > span{

        font-size:9px;

    }


    .card-header h2{

        font-size:24px;

        line-height:1.08;

    }


    .card-header p{

        font-size:13px;

        line-height:1.55;

    }


    /*----------------------------------------------
        DESCRIPCIÓN
    ----------------------------------------------*/

    .project-card-description{

        font-size:14px;

        line-height:1.75;

    }


    .project-card-description p{

        margin-bottom:12px;

    }


    /*----------------------------------------------
        UBICACIÓN
    ----------------------------------------------*/

    .property-location-label{

        font-size:9px;

    }


    .property-location-content strong{

        font-size:13px;

    }


    /*----------------------------------------------
        CARACTERÍSTICAS
    ----------------------------------------------*/

    .feature-item span{

        font-size:11px;

        line-height:1.35;

    }


    .feature-item i{

        font-size:12px;

    }


    /*----------------------------------------------
        ENTREGA
    ----------------------------------------------*/

    .delivery-header h3{

        font-size:16px;

    }


    .delivery-list li{

        font-size:11px;

        line-height:1.55;

    }


    .delivery-note{

        font-size:10.5px;

        line-height:1.55;

    }


    /*----------------------------------------------
        FABRICANTE
    ----------------------------------------------*/

    .manufacturer-title{

        font-size:.68rem;

    }


    .manufacturer-name{

        font-size:.78rem;

    }


    /*----------------------------------------------
        RELACIONADOS
    ----------------------------------------------*/

    .section-title > span{

        font-size:9px;

    }


    .section-title h2{

        font-size:24px;

    }


    .section-title p{

        font-size:12px;

    }


    .related-category{

        font-size:8px;

    }


    .related-content h3{

        font-size:13px;

        line-height:1.25;

    }


    .related-price{

        font-size:9px;

    }


    .related-price strong{

        font-size:14px;

    }


    .related-link{

        font-size:10px;

    }

}


/*==================================================
====================================================
    MOBILE PEQUEÑO
====================================================
==================================================*/

@media(max-width:380px){

    .project-breadcrumb{

        font-size:10px;

    }


    .project-hero-content h1{

        font-size:1.9rem;

    }


    .card-header h2{

        font-size:22px;

    }


    .card-header p{

        font-size:12.5px;

    }


    .project-card-description{

        font-size:13.5px;

    }


    .property-location-label{

        font-size:8.5px;

    }


    .property-location-content strong{

        font-size:12px;

    }


    .feature-item span{

        font-size:10px;

    }


    .delivery-list li{

        font-size:10.5px;

    }


    .delivery-note{

        font-size:10px;

    }


    .sidebar-header h3{

        font-size:18px;

    }


    .sidebar-item span{

        font-size:10.5px;

    }


    .sidebar-item strong{

        font-size:15px;

    }


    .related-content h3{

        font-size:12px;

    }


    .related-price strong{

        font-size:13px;

    }

}