/*=========================================================
IMPORTS
=========================================================*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

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

:root{

    --gold:#d4af37;
    --gold-soft:#e3c55a;

    --black:#050505;
    --black2:#0b0b0b;
    --black3:#151515;

    --white:#ffffff;
    --gray:#cfcfcf;
    --gray2:#8e8e8e;

    --transition:.45s ease;

    --radius:18px;

}

/*=========================================================
RESET
=========================================================*/

*{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    background:var(--black);
    color:var(--white);

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

    overflow-x:hidden;

}

img{

    max-width:100%;
    display:block;

}

video{

    display:block;

}

a{

    color:inherit;
    text-decoration:none;

}

ul{

    list-style:none;

}

.container{

    width:min(92%,1400px);

    margin:auto;

}

/*=========================================================
SCROLLBAR
=========================================================*/

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#050505;

}

::-webkit-scrollbar-thumb{

    background:var(--gold);
    border-radius:100px;

}

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

.hero-cinematic{

    position:relative;

    height:100vh;

    overflow:hidden;

    display:flex;

    align-items:center;

}

.hero-video{

    position:absolute;

    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;

    z-index:-3;

}

.hero-dark{

    position:absolute;

    inset:0;

    background:linear-gradient(
        rgba(0,0,0,.45),
        rgba(0,0,0,.75)
    );

    z-index:-2;

}

.hero-grid{

    position:absolute;

    inset:0;

    background-image:

    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);

    background-size:70px 70px;

    z-index:-1;

}

.hero-noise{

    position:absolute;

    inset:0;

    opacity:.05;

    background-image:url("../img/noise.png");

    animation:noiseMove 10s linear infinite;

}

@keyframes noiseMove{

    from{

        transform:translate(0);

    }

    to{

        transform:translate(-200px,-200px);

    }

}


/*=========================================================
SCROLL
=========================================================*/

.scroll-indicator{

    position:absolute;

    bottom:50px;

    left:50%;

    transform:translateX(-50%);

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:10px;

}

.scroll-indicator span{

    width:2px;

    height:80px;

    background:var(--gold);

    animation:scrollLine 2s infinite;

}

.scroll-indicator small{

    letter-spacing:5px;

    font-size:.8rem;

    color:#ddd;

}

@keyframes scrollLine{

    0%{

        transform:scaleY(.2);
        transform-origin:top;

    }

    50%{

        transform:scaleY(1);

    }

    100%{

        transform:scaleY(.2);
        transform-origin:bottom;

    }

}

/*=========================================================
RESPONSIVE
=========================================================*/

@media(max-width:768px){

.hero-content{

    text-align:center;

}

.hero-content h1{

    font-size:3.8rem;

}

.hero-content p{

    font-size:1rem;

}

.hero-small{

    letter-spacing:3px;

}

}
/*=========================================================
PART 2
TM-2P
=========================================================*/

.machine-story{

    position:relative;

    min-height:100vh;

    display:flex;

    align-items:center;

    overflow:hidden;

    background:

    radial-gradient(circle at center,#141414 0%,#090909 60%,#050505 100%);

}

.machine-background{

    position:absolute;

    inset:0;

}

.machine-background::before{

    content:"";

    position:absolute;

    width:900px;

    height:900px;

    left:50%;

    top:50%;

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

    border-radius:50%;

    background:

    radial-gradient(circle,
    rgba(212,175,55,.08),
    transparent 70%);

    filter:blur(70px);

}

.machine-watermark{

    position:absolute;

    left:50%;

    top:50%;

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

    font-size:26vw;

    font-weight:900;

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

    line-height:1;

    user-select:none;

    pointer-events:none;

}

/*=========================================================
LAYOUT
=========================================================*/

.machine-container{

    position:relative;

    z-index:5;

    display:grid;

    grid-template-columns:1.1fr .9fr;

    align-items:center;

    gap:80px;

    min-height:100vh;

}

.machine-image{

    display:flex;

    justify-content:center;

    align-items:center;

}

.machine-image img{

    width:115%;

    max-width:1100px;

    transform:translateX(-40px);

    filter:
        drop-shadow(0 50px 90px rgba(0,0,0,.8));

    transition:.7s;

}

.machine-story:hover .machine-image img{

    transform:
        translateX(-40px)
        scale(1.04);

}
.machine-story .container{

    width:95%;

    max-width:1800px;

}
/*=========================================================
TEXT
=========================================================*/

.machine-info{

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.machine-info span{

    color:var(--gold);

    font-size:.85rem;

    letter-spacing:6px;

    margin-bottom:18px;

}

.machine-info h2{

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

    font-weight:900;

    line-height:.9;

    letter-spacing:-4px;

    text-transform:uppercase;

}

.machine-info h3{

    margin-top:18px;

    font-size:1.3rem;

    color:#e8e8e8;

    font-weight:300;

    letter-spacing:5px;

}

.machine-info p{

    margin-top:35px;

    color:#bfbfbf;

    line-height:2;

    font-size:1.05rem;

    max-width:560px;

}

/*=========================================================
SPECIFICATIONS
=========================================================*/

.machine-specs{

    display:grid;

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

    background:#070707;

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

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

}

.spec{

    padding:90px 30px;

    text-align:center;

    position:relative;

}

.spec:not(:last-child){

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

}

.spec h3{

    color:var(--gold);

    font-size:clamp(2.8rem,5vw,4.5rem);

    font-weight:900;

}

.spec small{

    display:block;

    margin-top:12px;

    color:#cfcfcf;

    font-size:.85rem;

    letter-spacing:4px;

}

/*=========================================================
TRANSITION
=========================================================*/

.transition-break{

    position:relative;

    height:60vh;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    background:#050505;

}

.transition-break::before{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    border-radius:50%;

    background:

    radial-gradient(circle,
    rgba(212,175,55,.10),
    transparent 70%);

    filter:blur(70px);

}

.transition-text{

    position:relative;

    z-index:2;

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

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

    font-weight:900;

    line-height:.9;

    letter-spacing:-3px;

}

.transition-text span{

    display:block;

}

.transition-text .line-white{

    color:#ffffff;

}

.transition-text .line-gold{

    color:var(--gold);

    text-shadow:
        0 0 15px rgba(212,175,55,.35),
        0 0 40px rgba(212,175,55,.18);

}

/*=========================================================
RESPONSIVE
=========================================================*/

@media(max-width:1100px){

.machine-container{

    grid-template-columns:1fr;

    text-align:center;

    padding:120px 0 80px;

}

.machine-info{

    align-items:center;

}

.machine-info p{

    max-width:700px;

}

.machine-specs{

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

}

}

@media(max-width:768px){

.machine-watermark{

    font-size:42vw;

}

.machine-specs{

    grid-template-columns:1fr;

}

.spec{

    padding:60px 20px;

}

.machine-info h2{

    font-size:3.5rem;

}

.machine-info h3{

    font-size:1rem;

}

}
/*=========================================================
PART 3
VF-2Y
=========================================================*/

.machine-story-02{

    position:relative;

    min-height:110vh;

    overflow:hidden;

    display:grid;

    grid-template-columns:45% 55%;

    align-items:center;

    background:
    linear-gradient(180deg,#030303 0%,#090909 50%,#030303 100%);

}

.machine-story-02 .machine-background{

    position:absolute;

    inset:0;

}

.machine-story-02 .machine-background::before{

    content:"";

    position:absolute;

    right:-250px;

    top:50%;

    width:900px;

    height:900px;

    transform:translateY(-50%);

    background:
    radial-gradient(circle,
    rgba(255,255,255,.08),
    transparent 70%);

    filter:blur(80px);

}

.machine-story-02 .machine-watermark{

    position:absolute;

    right:5%;

    top:50%;

    transform:translateY(-50%);

    font-size:26vw;

    font-weight:900;

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

    pointer-events:none;

}

.machine-story-02 .machine-info{

    padding-left:8%;

    z-index:5;

}

.machine-story-02 .machine-info span{

    color:var(--gold);

    letter-spacing:6px;

    font-size:.85rem;

}

.machine-story-02 .machine-info h2{

    margin-top:20px;

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

    font-weight:900;

    line-height:.9;

    letter-spacing:-4px;

}

.machine-story-02 .machine-info h3{

    margin-top:18px;

    color:#dddddd;

    font-weight:300;

    letter-spacing:4px;

}

.machine-story-02 .machine-info p{

    margin-top:35px;

    max-width:520px;

    color:#bfbfbf;

    line-height:2;

}

.machine-story-02 .machine-image{

    display:flex;

    justify-content:center;

    align-items:center;

    z-index:5;

}

.machine-story-02 .machine-image img{

    width:92%;

    max-width:950px;

    filter:
    drop-shadow(0 40px 80px rgba(0,0,0,.8));

    transition:.6s;

}

.machine-story-02:hover .machine-image img{

    transform:
    scale(1.04);

}

/*=========================================================
VF2 SPECS
=========================================================*/

.machine-spec-list{

    position:absolute;

    right:6%;

    bottom:8%;

    display:flex;

    gap:55px;

    z-index:10;

}

.machine-spec-list div{

    text-align:center;

}

.machine-spec-list strong{

    display:block;

    color:var(--gold);

    font-size:2.7rem;

    font-weight:900;

}

.machine-spec-list span{

    display:block;

    margin-top:10px;

    color:#bdbdbd;

    font-size:.8rem;

    letter-spacing:3px;

}

/*=========================================================
LASER EXPERIENCE
=========================================================*/

.laser-experience{

    position:relative;

    min-height:100vh;

    overflow:hidden;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#000;

}

.laser-video{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    object-fit:cover;

    filter:brightness(.45);

}

.laser-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        rgba(0,0,0,.18),
        rgba(0,0,0,.45)
    );

}

.laser-content{

    position:relative;

    z-index:5;

    width:min(90%,1200px);

    text-align:center;

}

.laser-label{

    display:inline-block;

    color:var(--gold);

    letter-spacing:8px;

    margin-bottom:30px;

}

.laser-content h2{

    font-size:clamp(4rem,9vw,8rem);

    line-height:.88;

    font-weight:900;

    letter-spacing:-5px;

    text-transform:uppercase;

}

.laser-content p{

    width:min(700px,90%);

    margin:40px auto 0;

    color:#d0d0d0;

    line-height:2;

    font-size:1.05rem;

}

/*=========================================================
LASER DATA
=========================================================*/

.laser-data{

    display:grid;

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

    background:#060606;

}

.laser-number{

    padding:90px 30px;
    text-align:center;

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

    font-size:clamp(3rem,5vw,4.5rem);

    font-weight:900;
    color:var(--gold);

}

.laser-number:last-child{

    font-size:clamp(2.5rem,3.8vw,3.6rem);
    border-right:none;

}

.laser-number span{

    display:block;

    margin-top:14px;

    color:#cfcfcf;

    font-size:.85rem;

    letter-spacing:4px;

    font-weight:400;

}

/*=========================================================
RESPONSIVE
=========================================================*/

@media(max-width:1100px){

.machine-story-02{

    grid-template-columns:1fr;

    padding:120px 0;

    text-align:center;

}

.machine-story-02 .machine-info{

    padding:0 8%;

}

.machine-story-02 .machine-image{

    margin-top:60px;

}

.machine-spec-list{

    position:relative;

    right:auto;

    bottom:auto;

    justify-content:center;

    margin-top:60px;

    flex-wrap:wrap;

}

.laser-data{

    grid-template-columns:1fr;

}

.laser-number{

    border-right:none;

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

}

}

@media(max-width:768px){

.machine-story-02 .machine-watermark{

    font-size:45vw;

}

.machine-story-02 .machine-info h2{

    font-size:3.5rem;

}

.machine-spec-list{

    gap:30px;

}

.machine-spec-list strong{

    font-size:2rem;

}

.laser-content h2{

    font-size:3.5rem;

}

}
/*=========================================================
INDUSTRIAL BANNER
=========================================================*/

.machine-banner{

    background:#050505;

    padding:80px 0 40px;

    display:flex;
    flex-direction:column;
    align-items:center;

}

.banner-image{

    width:72%;
    max-width:1120px;

}

.banner-image img{

    width:100%;
    display:block;

}

.banner-content{

    margin-top:25px;

    text-align:center;

}

.banner-label{

    display:block;

    color:var(--gold);

    font-size:1.1rem;

    letter-spacing:10px;

    margin-bottom:15px;

}

.banner-content h2{

    font-size:clamp(3.8rem,5.5vw,6rem);

    font-weight:900;

    color:#fff;

    line-height:.9;

    letter-spacing:-3px;

}

.banner-content h3{

    font-size:clamp(5rem,7vw,7.5rem);

    font-weight:900;

    color:var(--gold);

    line-height:.85;

    letter-spacing:-3px;

    text-shadow:
        0 0 25px rgba(212,175,55,.25);

}

.banner-lines{

    margin-top:18px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:80px;

}

.banner-lines span{

    width:220px;

    height:2px;

    background:var(--gold);

}

/*=========================================================
GALLERY
=========================================================*/

.industrial-gallery{

    padding:140px 0;

    background:#050505;

}

.gallery-title{

    text-align:center;

    margin-bottom:80px;

}

.gallery-title span{

    color:var(--gold);

    letter-spacing:6px;

}

.gallery-title h2{

    margin-top:20px;

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

    line-height:.9;

    letter-spacing:-3px;

}

.gallery-grid{

    width:min(92%,1500px);

    margin:auto;

    display:grid;

    gap:22px;

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

    grid-auto-rows:260px;

}

.gallery-item{

    overflow:hidden;

    border-radius:18px;

}

.gallery-item img{

    width:100%;
    height:100%;

    object-fit:contain;

    transition:.6s;

}

.gallery-item:hover img{

    transform:scale(1.08);

}

.large{

    grid-column:span 2;

    grid-row:span 2;

}

.tall{

    grid-row:span 2;

}

.wide{

    grid-column:span 2;

}

/*=========================================================
CTA
=========================================================*/

.final-screen{

    position:relative;

    min-height:90vh;

    display:flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;

    background:#030303;

}

.final-background{

    position:absolute;

    inset:0;

    background:

    radial-gradient(circle,

    rgba(212,175,55,.08),

    transparent 70%);

}

.final-content{

    position:relative;

    z-index:2;

    text-align:center;

}

.final-content span{

    color:var(--gold);

    letter-spacing:6px;

}

.final-content h2{

    margin:25px 0;

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

    line-height:.9;

}

.final-content p{

    max-width:700px;

    margin:0 auto 45px;

    color:#cfcfcf;

    line-height:2;

}

.final-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 42px;

    border:2px solid var(--gold);

    color:var(--gold);

    transition:.4s;

}

.final-button:hover{

    background:var(--gold);

    color:#000;

}
/*=========================================================
INDUSTRIAL QUOTE
=========================================================*/

.industrial-quote{

    position:relative;

    padding:120px 0;

    background-image:url("../img/maquinaria/laser.png");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    overflow:hidden;

}

.industrial-quote::before{

    content:"";

    position:absolute;

    inset:0;

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

    z-index:1;

}

/*=========================================================
QUOTE
=========================================================*/

.quote-line{

    width:90px;

    height:2px;

    background:var(--gold);

    margin:0 auto 25px;

}

.quote-content{

    position:relative;

    z-index:2;

    max-width:1100px;

    margin:auto;

    text-align:center;

}

.quote-content h2{

    margin:0;

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

    line-height:.88;

    font-weight:900;

    letter-spacing:-4px;

    text-transform:uppercase;

    color:#fff;

}

.quote-content h3{

    margin-top:15px;

    color:var(--gold);

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

    font-weight:800;

    letter-spacing:2px;

    text-transform:uppercase;

    text-shadow:
        0 0 12px rgba(212,175,55,.35);

}

/*=========================================================
CONTACT
=========================================================*/

.contact-experience{

    padding:140px 0;

    background:#090909;

}

.contact-container{

    display:grid;

    grid-template-columns:1fr 420px;

    gap:80px;

}

.contact-left span{

    color:var(--gold);

    letter-spacing:6px;

}

.contact-left h2{

    margin:25px 0;

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

    line-height:.9;

}

.contact-left p{

    max-width:650px;

    color:#cfcfcf;

    line-height:2;

}

.contact-right{

    display:flex;

    flex-direction:column;

    justify-content:center;

    gap:30px;

}

.experience-button{

    display:flex;

    justify-content:center;

    align-items:center;

    height:60px;

    border:2px solid var(--gold);

    color:var(--gold);

    transition:.4s;

}

.experience-button:hover{

    background:var(--gold);

    color:#000;

}

.contact-info{

    display:flex;

    flex-direction:column;

    gap:16px;

}

.contact-info a,

.contact-info span{

    color:#cfcfcf;

}

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

.logo-ending{

    padding:120px 0;

    background:#030303;

    display:flex;

    justify-content:center;

}

.logo-wrapper img{

    width:220px;

    opacity:.9;

}

/*=========================================================
FOOTER
=========================================================*/

.footer-industrial{

    background:#020202;

}

.footer-top{

    display:grid;

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

    gap:40px;

    padding:80px 0;

}

.footer-column h4{

    margin-bottom:18px;

    color:var(--gold);

}

.footer-column ul{

    display:flex;

    flex-direction:column;

    gap:12px;

}

.footer-column p,

.footer-column li,

.footer-column a{

    color:#bdbdbd;

}

.footer-bottom{

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

    padding:25px;

    text-align:center;

    color:#8f8f8f;

}

/*=========================================================
CURSOR
=========================================================*/

.cursor-light{

    position:fixed;

    width:18px;

    height:18px;

    border-radius:50%;

    background:rgba(212,175,55,.5);

    pointer-events:none;

    mix-blend-mode:screen;

    z-index:9999;

}

/*=========================================================
LOADER
=========================================================*/

.page-loader{

    position:fixed;

    inset:0;

    background:#000;

    display:flex;

    justify-content:center;

    align-items:center;

    z-index:99999;

}

.loader-content{

    text-align:center;

}

.loader-content img{

    width:180px;

    margin:auto auto 25px;

}

.loader-content span{

    color:var(--gold);

    letter-spacing:6px;

}

/*=========================================================
RESPONSIVE
=========================================================*/

@media(max-width:1100px){

.gallery-grid{

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

}

.contact-container{

    grid-template-columns:1fr;

}

.footer-top{

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

}

}

@media(max-width:768px){

.gallery-grid{

    grid-template-columns:1fr;

    grid-auto-rows:240px;

}

.large,
.tall,
.wide{

    grid-column:auto;

    grid-row:auto;

}

.banner-content{

    left:30px;
    
    

}

.footer-top{

    grid-template-columns:1fr;

}

.final-content h2{

    font-size:3.5rem;

}

.contact-left h2{

    font-size:3rem;

}

}
/*=========================================================
HERO WRAPPER
=========================================================*/

.hero-wrapper{

    position:absolute;

    top:50%;
    left:8%;

    transform:translateY(-50%);

    width:min(900px,90vw);

    z-index:20;

}

.hero-wrapper .hero-small{

    display:inline-block;

    color:var(--gold);

    font-size:1rem;

    font-weight:700;

    letter-spacing:8px;

    text-transform:uppercase;

    margin-bottom:20px;

}

.hero-wrapper h1{

    margin:20px 0;

    font-size:clamp(5rem,8vw,8rem);

    line-height:.88;

    font-weight:900;

    letter-spacing:-5px;

    text-transform:uppercase;

}

.hero-wrapper p{

    max-width:650px;

    color:var(--gray);

    font-size:1.2rem;

    line-height:1.8;

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

@media (max-width:768px){

/* HERO */

.hero-cinematic{

    min-height:100vh;

    padding-top:90px;

}

.hero-wrapper{

    position:relative;

    top:auto;
    left:auto;

    transform:none;

    width:90%;

    margin:0 auto;

    text-align:center;

}

.hero-wrapper .hero-small{

    font-size:.85rem;

    letter-spacing:4px;

}

.hero-wrapper h1{

    font-size:clamp(3rem,13vw,4.5rem);

    line-height:.9;

    letter-spacing:-2px;

}

.hero-wrapper p{

    max-width:100%;

    font-size:1rem;

}

/* TM2 */

.machine-container{

    grid-template-columns:1fr;

    gap:45px;

    text-align:center;

}

.machine-image img{

    width:100%;

    max-width:420px;

    transform:none;

}

.machine-story:hover .machine-image img{

    transform:none;

}

.machine-info{

    align-items:center;

}

.machine-info h2{

    font-size:3rem;

}

.machine-info h3{

    font-size:.95rem;

    letter-spacing:2px;

}

.machine-info p{

    max-width:100%;

}

/* SPECS */

.machine-specs{

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

}

.spec{

    padding:45px 20px;

}

/* VF2 */

.machine-story-02{

    display:flex;

    flex-direction:column;

    padding:80px 0;

}

.machine-story-02 .machine-info{

    order:2;

    padding:0 8%;

    text-align:center;

}

.machine-story-02 .machine-image{

    order:1;

}

.machine-story-02 .machine-image img{

    width:100%;

    max-width:430px;

}

.machine-spec-list{

    position:relative;

    right:auto;

    bottom:auto;

    margin-top:35px;

    justify-content:center;

    flex-wrap:wrap;

}

/* LASER */

.laser-content{

    width:90%;

}

.laser-content h2{

    font-size:3rem;

}

.laser-content p{

    width:100%;

}

.laser-data{

    grid-template-columns:1fr;

}

/* BANNER */

.banner-image{

    width:92%;

}

.banner-content h2{

    font-size:2.6rem;

}

.banner-content h3{

    font-size:3.3rem;

}

.banner-lines{

    gap:25px;

}

.banner-lines span{

    width:90px;

}

/* GALERÍA */

.industrial-gallery{

    padding:70px 0;

}

.gallery-grid{

    grid-template-columns:1fr;

    grid-auto-rows:220px;

}

.large,
.tall,
.wide{

    grid-column:auto;

    grid-row:auto;

}

/* CONTACTO */

.contact-container{

    grid-template-columns:1fr;

    text-align:center;

}

.contact-right{

    align-items:center;

}


}
/*=========================================================
FOOTER MÓVIL
=========================================================*/

@media (max-width:768px){

.footer-industrial{

    padding:0;

}

.footer-top{

    grid-template-columns:1fr;

    gap:20px;

    padding:35px 20px;

    text-align:center;

}

.footer-column h4{

    font-size:1rem;

    margin-bottom:10px;

}

.footer-column ul{

    gap:8px;

}

.footer-column p,
.footer-column li,
.footer-column a{

    font-size:.9rem;

    line-height:1.5;

}

.footer-bottom{

    padding:15px 10px;

    font-size:.8rem;

}

.logo-ending{

    padding:40px 0;

}

.logo-wrapper img{

    width:140px;

}

}