@charset "utf-8";
/* CSS Document */

/*==================================================
    MCTIRE
    SECCIÓN NOSOTROS
    DISEÑO COMPLETO
    RESPONSIVE
==================================================*/


/*==================================================
    SECCIÓN PRINCIPAL
==================================================*/

.about-mctire{

    position:relative;

    width:100%;

    padding:20px 0 80px;

    background:

        radial-gradient(
            circle at 90% 8%,
            rgba(215,25,32,.08),
            transparent 30%
        ),

        radial-gradient(
            circle at 5% 90%,
            rgba(0,0,0,.035),
            transparent 28%
        ),

        linear-gradient(
            135deg,
            #fafafa 0%,
            #eeeeee 52%,
            #f8f8f8 100%
        );

    overflow:hidden;

}


/*==================================================
    DECORACIÓN DE FONDO
==================================================*/

.about-mctire::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    right:-270px;

    top:-250px;

    border:
        1px solid
        rgba(215,25,32,.09);

    border-radius:50%;

    pointer-events:none;

}


.about-mctire::after{

    content:"";

    position:absolute;

    width:340px;

    height:340px;

    left:-210px;

    bottom:-210px;

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

    border-radius:50%;

    pointer-events:none;

}


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

.about-mctire .container{

    position:relative;

    z-index:2;

}


/*==================================================
    ENCABEZADO PRINCIPAL
==================================================*/

.about-mctire-heading{

    width:100%;

    max-width:820px;

    margin:
        0 auto 60px;

    text-align:center;

}


/*==================================================
    BADGE
==================================================*/

.about-mctire .section-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    margin-bottom:15px;

    padding:
        7px 14px;

    color:var(--primary);

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

    border:
        1px solid
        rgba(215,25,32,.13);

    border-radius:50px;

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

    font-size:13px !important;

    font-weight:800;

    line-height:1.3;

    letter-spacing:1.4px;

    text-transform:uppercase;

}


.about-mctire .section-badge i{

    font-size:12px;

}


/*==================================================
    H1 PRINCIPAL
==================================================*/

.about-mctire-heading h1{

    margin:
        0 0 16px !important;

    color:#111 !important;

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

    font-size:
        clamp(
            2.8rem,
            4.5vw,
            4.4rem
        ) !important;

    font-weight:800 !important;

    line-height:1.06 !important;

    letter-spacing:-1.8px !important;

}


/*==================================================
    LÍNEA DECORATIVA H1
==================================================*/

.about-mctire-heading h1::after{

    content:"";

    display:block;

    width:55px;

    height:3px;

    margin:
        17px auto 0;

    background:var(--primary);

    border-radius:20px;

}


/*==================================================
    TEXTO DEL ENCABEZADO
==================================================*/

.about-mctire-heading > p{

    max-width:720px;

    margin:
        20px auto 0 !important;

    color:#555 !important;

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

    font-size:
        18px !important;

    line-height:
        1.7 !important;

    font-weight:400 !important;

}


/*==================================================
    BLOQUE PRINCIPAL
==================================================*/

.about-mctire-main{

    display:grid;

    grid-template-columns:
        minmax(0,1.25fr)
        minmax(320px,.75fr);

    align-items:stretch;

    gap:55px;

}


/*==================================================
    HISTORIA
==================================================*/

.about-mctire-story{

    position:relative;

    padding:
        42px 45px;

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

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

    border-radius:22px;

    box-shadow:
        0 16px 40px
        rgba(0,0,0,.065);

    overflow:hidden;

}


/*==================================================
    LÍNEA ROJA LATERAL
==================================================*/

.about-mctire-story::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:4px;

    height:100%;

    background:var(--primary);

}


/*==================================================
    AÑO
==================================================*/

.about-mctire-year{

    display:inline-block;

    margin-bottom:14px;

    color:var(--primary);

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

    font-size:14px;

    font-weight:800;

    letter-spacing:1.5px;

    line-height:1.3;

    text-transform:uppercase;

}


/*==================================================
    H2 HISTORIA
==================================================*/

.about-mctire-story h2{

    max-width:700px;

    margin:
        0 0 20px !important;

    color:#111 !important;

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

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

    font-weight:800 !important;

    line-height:1.08 !important;

    letter-spacing:-1px !important;

}


/*==================================================
    PÁRRAFOS HISTORIA
==================================================*/

.about-mctire-story > p{

    max-width:760px;

    margin:
        0 0 15px !important;

    color:#555 !important;

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

    font-size:
        17px !important;

    line-height:
        1.75 !important;

    font-weight:400 !important;

}


/*==================================================
    DESTACADOS
==================================================*/

.about-mctire-highlights{

    display:grid;

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

    gap:14px;

    margin-top:28px;

    padding-top:24px;

    border-top:
        1px solid
        rgba(0,0,0,.08);

}


/*==================================================
    DESTACADO
==================================================*/

.about-highlight{

    display:flex;

    align-items:center;

    gap:10px;

    min-width:0;

}


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

.about-highlight > i{

    display:flex;

    align-items:center;

    justify-content:center;

    width:42px;

    height:42px;

    flex-shrink:0;

    color:#fff;

    background:#151515;

    border-radius:10px;

    font-size:14px;

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

}


/*==================================================
    HOVER ICONO DESTACADO

    SE MANTIENE NEGRO
==================================================*/

.about-highlight:hover > i{

    color:#fff;

    background:#151515;

    transform:
        translateY(-2px);

    box-shadow:
        0 7px 15px
        rgba(0,0,0,.14);

}


/*==================================================
    TEXTO DESTACADO
==================================================*/

.about-highlight strong{

    display:block;

    margin:0 !important;

    color:#111 !important;

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

    font-size:14px !important;

    font-weight:800 !important;

    line-height:1.25 !important;

}


.about-highlight span{

    display:block;

    margin-top:3px;

    color:#777 !important;

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

    font-size:12px !important;

    line-height:1.35 !important;

}


/*==================================================
    SERVICIO INTEGRAL
==================================================*/

.about-mctire-service{

    position:relative;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:
        40px 38px;

    color:#fff;

    background:

        radial-gradient(
            circle at 90% 10%,
            rgba(215,25,32,.30),
            transparent 35%
        ),

        linear-gradient(
            145deg,
            #181818,
            #0b0b0b
        );

    border-radius:22px;

    box-shadow:
        0 18px 42px
        rgba(0,0,0,.17);

    overflow:hidden;

}


.about-mctire-service::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    right:-100px;

    bottom:-100px;

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

    border-radius:50%;

    pointer-events:none;

}


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

.about-service-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:54px;

    height:54px;

    margin-bottom:19px;

    color:#fff;

    background:var(--primary);

    border-radius:13px;

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

}


.about-service-icon i{

    color:#fff;

    font-size:21px;

}


/*==================================================
    LABEL SERVICIO
==================================================*/

.about-service-label{

    display:block;

    margin-bottom:9px;

    color:#ddd;

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

    font-size:12px;

    font-weight:800;

    letter-spacing:1.6px;

    line-height:1.3;

    text-transform:uppercase;

}


/*==================================================
    H2 SERVICIO
==================================================*/

.about-mctire-service h2{

    margin:
        0 0 16px !important;

    color:#fff !important;

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

    font-size:
        clamp(
            1.9rem,
            2.7vw,
            2.6rem
        ) !important;

    font-weight:800 !important;

    line-height:1.1 !important;

    letter-spacing:-.8px !important;

}


/*==================================================
    P SERVICIO
==================================================*/

.about-mctire-service > p{

    margin:
        0 0 22px !important;

    color:#c7c7c7 !important;

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

    font-size:
        16px !important;

    line-height:
        1.7 !important;

}


/*==================================================
    LISTA SERVICIO
==================================================*/

.about-service-list{

    display:flex;

    flex-direction:column;

    gap:11px;

    margin:0;

    padding:
        19px 0 0;

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

}


.about-service-list li{

    display:flex;

    align-items:center;

    gap:10px;

    margin:0 !important;

    padding:0 !important;

    color:#eee !important;

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

    font-size:
        15px !important;

    line-height:
        1.45 !important;

    font-weight:500 !important;

}


.about-service-list li i{

    display:flex;

    align-items:center;

    justify-content:center;

    width:19px;

    height:19px;

    flex-shrink:0;

    color:#fff;

    background:var(--primary);

    border-radius:50%;

    font-size:8px;

}


/*==================================================
    ESTADÍSTICAS
==================================================*/

.about-mctire-stats{

    display:grid;

    grid-template-columns:
        repeat(5,1fr);

    margin-top:45px;

    padding:
        25px 10px;

    background:#fff;

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

    border-radius:18px;

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

}


/*==================================================
    ESTADÍSTICA
==================================================*/

.about-stat{

    position:relative;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    min-height:85px;

    padding:
        5px 15px;

    text-align:center;

}


.about-stat:not(:last-child)::after{

    content:"";

    position:absolute;

    top:12px;

    right:0;

    width:1px;

    height:60px;

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

}


/*==================================================
    NÚMERO
==================================================*/

.about-stat strong{

    display:block;

    color:#111;

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

    font-size:32px;

    font-weight:850;

    line-height:1;

    letter-spacing:-1px;

}


.about-stat:first-child strong{

    color:var(--primary);

}


/*==================================================
    TEXTO ESTADÍSTICA
==================================================*/

.about-stat span{

    display:block;

    margin-top:8px;

    color:#6b6b6b;

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

    font-size:12px;

    line-height:1.4;

}


/*==================================================
    FILOSOFÍA
==================================================*/

.about-mctire-philosophy{

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:18px;

    margin-top:45px;

}


/*==================================================
    TARJETA FILOSOFÍA
==================================================*/

.about-philosophy-card{

    position:relative;

    min-height:360px;

    padding:
        30px 27px;

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

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

    border-radius:19px;

    box-shadow:
        0 10px 27px
        rgba(0,0,0,.05);

    overflow:hidden;

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

}


.about-philosophy-card:hover{

    transform:
        translateY(-5px);

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

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

}


/*==================================================
    NÚMERO TARJETA
==================================================*/

.about-card-number{

    position:absolute;

    top:17px;

    right:19px;

    color:
        rgba(0,0,0,.07);

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

    font-size:34px;

    font-weight:850;

    line-height:1;

}


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

.about-philosophy-card > i{

    display:flex;

    align-items:center;

    justify-content:center;

    width:48px;

    height:48px;

    margin-bottom:21px;

    color:#fff;

    background:#111;

    border-radius:12px;

    font-size:18px;

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

}


/*==================================================
    HOVER ICONO TARJETA

    SE MANTIENE NEGRO
==================================================*/

.about-philosophy-card:hover > i{

    color:#fff;

    background:#111;

    transform:
        translateY(-2px);

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

}


/*==================================================
    H2 TARJETA
==================================================*/

.about-philosophy-card h2{

    margin:
        0 0 13px !important;

    color:#111 !important;

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

    font-size:
        22px !important;

    font-weight:
        800 !important;

    line-height:
        1.18 !important;

    letter-spacing:
        -.4px !important;

}


/*==================================================
    P TARJETA
==================================================*/

.about-philosophy-card p{

    margin:
        0 0 13px !important;

    color:#626262 !important;

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

    font-size:
        15px !important;

    line-height:
        1.68 !important;

    font-weight:
        400 !important;

}


/*==================================================
    LISTA VALORES
==================================================*/

.about-philosophy-card ul{

    display:flex;

    flex-direction:column;

    gap:8px;

    margin:
        17px 0 0;

    padding:
        16px 0 0;

    border-top:
        1px solid
        rgba(0,0,0,.08);

}


.about-philosophy-card li{

    position:relative;

    margin:0 !important;

    padding:
        0 0 0 16px !important;

    color:#333 !important;

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

    font-size:
        14px !important;

    line-height:
        1.45 !important;

    font-weight:600 !important;

}


.about-philosophy-card li::before{

    content:"";

    position:absolute;

    left:0;

    top:7px;

    width:6px;

    height:6px;

    background:var(--primary);

    border-radius:50%;

}

/*==================================================
    CIERRE
==================================================*/

.about-mctire-bottom{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:22px;

    width:100%;

    margin-top:55px;

    padding:30px 40px;

    min-height:105px;

    background:#111;

    border-radius:20px;

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

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

    text-align:left;

}


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

.about-bottom-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:58px;

    height:58px;

    flex-shrink:0;

    color:#fff;

    background:var(--primary);

    border-radius:15px;

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

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

}


.about-bottom-icon i{

    color:#fff;

    font-size:23px;

}


/*==================================================
    PEQUEÑA ANIMACIÓN DEL ICONO
==================================================*/

.about-mctire-bottom:hover .about-bottom-icon{

    transform:translateY(-3px);

    box-shadow:
        0 12px 28px
        rgba(215,25,32,.32);

}


/*==================================================
    TEXTO CIERRE
==================================================*/

.about-mctire-bottom > div:last-child{

    min-width:0;

}


.about-mctire-bottom strong{

    display:block;

    margin:0 !important;

    color:#FFF !important;

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

    font-size:21px !important;

    font-weight:800 !important;

    line-height:1.3 !important;

    letter-spacing:-.3px;

}


.about-mctire-bottom p{

    margin:7px 0 0 !important;

    color:#bdbdbd !important;

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

    font-size:16px !important;

    line-height:1.55 !important;

    font-weight:400 !important;

}


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

@media(max-width:900px){

    .about-mctire-bottom{

        margin-top:25px;

        padding:18px 32px;

        min-height:100px;

        gap:20px;

    }


    .about-bottom-icon{

        width:55px;

        height:55px;

        border-radius:14px;

    }


    .about-bottom-icon i{

        font-size:21px;

    }


    .about-mctire-bottom strong{

        font-size:20px !important;

    }


    .about-mctire-bottom p{

        font-size:15px !important;

    }

}


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

@media(max-width:768px){

    .about-mctire-bottom{

        justify-content:flex-start;

        align-items:center;

        gap:16px;

        margin-top:15px;

        padding:15px 22px;

        min-height:95px;

        border-radius:17px;

    }


    .about-bottom-icon{

        width:52px;

        height:52px;

        border-radius:13px;

    }


    .about-bottom-icon i{

        font-size:20px;

    }


    .about-mctire-bottom strong{

        font-size:18px !important;

        line-height:1.3 !important;

    }


    .about-mctire-bottom p{

        margin-top:5px !important;

        font-size:14px !important;

        line-height:1.5 !important;

    }

}


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

@media(max-width:480px){

    .about-mctire-bottom{

        align-items:flex-start;

        gap:14px;

        padding:15px 18px;

        min-height:90px;

        border-radius:15px;

    }


    .about-bottom-icon{

        width:48px;

        height:48px;

        border-radius:12px;

    }


    .about-bottom-icon i{

        font-size:18px;

    }


    .about-mctire-bottom strong{

        font-size:17px !important;

    }


    .about-mctire-bottom p{

        font-size:13px !important;

        line-height:1.5 !important;

    }

}

/*==================================================
    RESPONSIVE MCTIRE
    AJUSTE TABLET + MÓVIL
    NO MODIFICA EL DISEÑO DESKTOP
==================================================*/


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

@media (max-width: 1100px){

    .about-mctire{

        padding-left:20px;
        padding-right:20px;

    }


    .about-mctire-main{

        grid-template-columns:
            minmax(0,1fr)
            minmax(280px,.8fr);

        gap:30px;

    }


    .about-mctire-story{

        padding:35px 32px;

    }


    .about-mctire-service{

        padding:35px 30px;

    }


    .about-mctire-philosophy{

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

        gap:16px;

    }


    .about-philosophy-card{

        min-height:330px;

    }


    .about-mctire-stats{

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

    }

}


/*==================================================
    TABLET PEQUEÑA
==================================================*/

@media (max-width: 900px){

    .about-mctire{

        padding-top:20px;

        padding-bottom:60px;

    }


    /*------------------------------------------
        ENCABEZADO
    ------------------------------------------*/

    .about-mctire-heading{

        max-width:700px;

        margin-bottom:40px;

    }


    .about-mctire-heading h1{

        font-size:
            clamp(
                2.5rem,
                6vw,
                3.6rem
            ) !important;

    }


    .about-mctire-heading > p{

        max-width:650px;

        font-size:17px !important;

    }


    /*------------------------------------------
        BLOQUE PRINCIPAL
    ------------------------------------------*/

    .about-mctire-main{

        grid-template-columns:1fr;

        gap:25px;

    }


    .about-mctire-story{

        padding:35px;

    }


    .about-mctire-service{

        padding:35px;

        min-height:auto;

    }


    /*------------------------------------------
        ESTADÍSTICAS
    ------------------------------------------*/

    .about-mctire-stats{

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

        margin-top:35px;

    }


    .about-stat{

        min-height:80px;

        padding:
            5px 10px;

    }


    .about-stat strong{

        font-size:28px;

    }


    .about-stat span{

        font-size:11px;

    }


    .about-stat:nth-child(3)::after{

        display:none;

    }


    /*------------------------------------------
        FILOSOFÍA
    ------------------------------------------*/

    .about-mctire-philosophy{

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

        gap:15px;

        margin-top:35px;

    }


    .about-philosophy-card{

        min-height:320px;

        padding:27px 24px;

    }


    /*------------------------------------------
        CIERRE
    ------------------------------------------*/

    .about-mctire-bottom{

        margin-top:35px;

        padding:25px 30px;

        min-height:100px;

        gap:18px;

    }


    .about-bottom-icon{

        width:55px;

        height:55px;

    }


    .about-bottom-icon i{

        font-size:21px;

    }


    .about-mctire-bottom strong{

        font-size:19px !important;

    }


    .about-mctire-bottom p{

        font-size:14px !important;

    }

}


/*==================================================
    MÓVIL
==================================================*/

@media (max-width: 768px){

    .about-mctire{

        padding:
            45px 15px 50px;

    }


    .about-mctire .container{

        width:100%;

        max-width:100%;

        padding-left:0;

        padding-right:0;

    }



    /*------------------------------------------
        ENCABEZADO
    ------------------------------------------*/

    .about-mctire-heading{

        width:100%;

        margin:
            0 auto 32px;

    }


    .about-mctire .section-badge{

        margin-bottom:12px;

        padding:
            6px 11px;

        font-size:11px !important;

    }


    .about-mctire-heading h1{

        font-size:
            clamp(
                2.15rem,
                9vw,
                2.8rem
            ) !important;

        line-height:
            1.08 !important;

        letter-spacing:
            -1.1px !important;

    }


    .about-mctire-heading h1::after{

        width:45px;

        height:3px;

        margin-top:13px;

    }


    .about-mctire-heading > p{

        width:100%;

        margin-top:
            16px !important;

        padding:
            0 5px;

        font-size:
            15px !important;

        line-height:
            1.65 !important;

    }


    /*------------------------------------------
        BLOQUE PRINCIPAL
    ------------------------------------------*/

    .about-mctire-main{

        display:flex;

        flex-direction:column;

        width:100%;

        gap:20px;

    }


    /*------------------------------------------
        HISTORIA
    ------------------------------------------*/

    .about-mctire-story{

        width:100%;

        padding:
            28px 22px;

        border-radius:17px;

    }


    .about-mctire-story h2{

        font-size:
            1.8rem !important;

        line-height:
            1.12 !important;

        letter-spacing:
            -.7px !important;

    }


    .about-mctire-story > p{

        font-size:
            15px !important;

        line-height:
            1.7 !important;

    }


    /*------------------------------------------
        DESTACADOS
    ------------------------------------------*/

    .about-mctire-highlights{

        grid-template-columns:1fr;

        gap:12px;

        margin-top:23px;

        padding-top:20px;

    }


    .about-highlight{

        width:100%;

        gap:10px;

    }


    .about-highlight > i{

        width:40px;

        height:40px;

        border-radius:9px;

    }


    .about-highlight strong{

        font-size:13px !important;

    }


    .about-highlight span{

        font-size:11px !important;

    }


    /*------------------------------------------
        SERVICIO
    ------------------------------------------*/

    .about-mctire-service{

        width:100%;

        padding:
            28px 22px;

        border-radius:17px;

    }


    .about-service-icon{

        width:50px;

        height:50px;

        margin-bottom:16px;

    }


    .about-mctire-service h2{

        font-size:
            1.8rem !important;

        line-height:
            1.12 !important;

    }


    .about-mctire-service > p{

        font-size:
            15px !important;

        line-height:
            1.65 !important;

    }


    .about-service-list{

        gap:10px;

        padding-top:17px;

    }


    .about-service-list li{

        font-size:
            14px !important;

    }


    /*------------------------------------------
        ESTADÍSTICAS
    ------------------------------------------*/

    .about-mctire-stats{

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

        width:100%;

        margin-top:25px;

        padding:
            10px 5px;

        border-radius:15px;

    }


    .about-stat{

        min-height:75px;

        padding:
            6px 5px;

    }


    .about-stat strong{

        font-size:25px;

    }


    .about-stat span{

        margin-top:6px;

        font-size:11px;

    }


    .about-stat:nth-child(2)::after,
    .about-stat:nth-child(4)::after{

        display:none;

    }


    /*------------------------------------------
        FILOSOFÍA
    ------------------------------------------*/

    .about-mctire-philosophy{

        grid-template-columns:1fr;

        gap:14px;

        margin-top:27px;

    }


    .about-philosophy-card{

        width:100%;

        min-height:auto;

        padding:
            25px 21px;

        border-radius:16px;

    }


    .about-philosophy-card > i{

        width:46px;

        height:46px;

        margin-bottom:18px;

    }


    .about-philosophy-card h2{

        font-size:
            20px !important;

    }


    .about-philosophy-card p{

        font-size:
            14px !important;

        line-height:
            1.65 !important;

    }


    /*------------------------------------------
        CIERRE
    ------------------------------------------*/

    .about-mctire-bottom{

        display:flex;

        align-items:center;

        justify-content:flex-start;

        width:100%;

        margin-top:27px;

        padding:
            22px 20px;

        min-height:95px;

        gap:15px;

        border-radius:15px;

    }


    .about-bottom-icon{

        width:50px;

        height:50px;

        border-radius:12px;

    }


    .about-bottom-icon i{

        font-size:19px;

    }


    .about-mctire-bottom > div:last-child{

        flex:1;

        min-width:0;

    }


    .about-mctire-bottom strong{

        font-size:
            17px !important;

        line-height:
            1.3 !important;

    }


    .about-mctire-bottom p{

        margin-top:
            5px !important;

        font-size:
            13px !important;

        line-height:
            1.5 !important;

    }

}


/*==================================================
    MÓVIL PEQUEÑO
==================================================*/

@media (max-width: 480px){

    .about-mctire{

        padding:
            40px 12px 45px;

    }


    .about-mctire-heading{

        margin-bottom:28px;

    }


    .about-mctire-heading h1{

        font-size:
            2.05rem !important;

        letter-spacing:
            -.9px !important;

    }


    .about-mctire-heading > p{

        padding:0;

        font-size:
            14px !important;

    }


    .about-mctire-story{

        padding:
            25px 18px;

    }


    .about-mctire-story h2{

        font-size:
            1.65rem !important;

    }


    .about-mctire-story > p{

        font-size:
            14px !important;

        line-height:
            1.68 !important;

    }


    .about-mctire-service{

        padding:
            25px 18px;

    }


    .about-mctire-service h2{

        font-size:
            1.65rem !important;

    }


    .about-mctire-stats{

        margin-top:22px;

    }


    .about-stat{

        min-height:70px;

    }


    .about-stat strong{

        font-size:23px;

    }


    .about-stat span{

        font-size:10px;

    }


    .about-philosophy-card{

        padding:
            23px 18px;

    }


    /*------------------------------------------
        CIERRE
    ------------------------------------------*/

    .about-mctire-bottom{

        align-items:center;

        padding:
            19px 16px;

        gap:12px;

        min-height:88px;

    }


    .about-bottom-icon{

        width:46px;

        height:46px;

        border-radius:11px;

    }


    .about-bottom-icon i{

        font-size:17px;

    }


    .about-mctire-bottom strong{

        font-size:
            16px !important;

    }


    .about-mctire-bottom p{

        font-size:
            12px !important;

    }

}


/*==================================================
    MÓVILES MUY PEQUEÑOS
==================================================*/

@media (max-width: 360px){

    .about-mctire{

        padding-left:10px;

        padding-right:10px;

    }


    .about-mctire-story,
    .about-mctire-service{

        padding-left:16px;

        padding-right:16px;

    }


    .about-mctire-bottom{

        padding:
            17px 13px;

        gap:10px;

    }


    .about-bottom-icon{

        width:43px;

        height:43px;

        flex-shrink:0;

    }


    .about-mctire-bottom strong{

        font-size:
            15px !important;

    }


    .about-mctire-bottom p{

        font-size:
            11px !important;

    }

}


/*==================================================
    REDUCIR ANIMACIONES
==================================================*/

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

    .about-highlight > i,
    .about-philosophy-card,
    .about-philosophy-card > i,
    .about-bottom-icon{

        transition:none !important;

    }

}
/*==================================================
    REDUCIR ANIMACIONES
==================================================*/

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

    .about-bottom-icon{

        transition:none;

    }

}