/* _content/mdntec.site/Components/Contact.razor.rz.scp.css */
.form-container[b-lty1428i35]{display:grid;grid-auto-flow:row;grid-auto-rows:auto;grid-row-gap:.5rem;--_bg-form: var(--mdn-color4);background:var(--_bg-form)}.form-control-container[b-lty1428i35]{margin:20px 0;position:relative}.form-control-label[b-lty1428i35]{position:absolute;transform:translateY(-50%);top:1.8rem;top:0;background:var(--_bg-form);left:1rem;font-size:16px;pointer-events:none;padding:0 5px;transition:.5s}.form-control-terms[b-lty1428i35]{cursor:pointer}[b-lty1428i35] .form-control{width:100%;height:60px;font-size:var(--font-size-0);padding:0 15px;border:1px solid var(--mdn-color1);background:transparent;outline:none;border-radius:1rem}[b-lty1428i35] .form-control:focus~.form-control-label,[b-lty1428i35] .form-control:user-valid~.form-control-label{top:0;background:var(--_bg-form);font-size:var(--font-size--1)}[b-lty1428i35] .form-control.textarea{padding-top:1rem;field-sizing:content;max-height:250px;min-height:100px}.form-action-container[b-lty1428i35]{display:grid;grid-column:span var(--form-columns-span);justify-content:center}[b-lty1428i35] .form-validation{position:absolute;grid-column:span 12;text-align:right;color:color-mix(in lab, red 80%, black);right:1rem}

/*# sourceMappingURL=contact.razor.css.map */
/* _content/mdntec.site/Components/Layout/Footer.razor.rz.scp.css */
/* ______________________________________________________________ */
[b-3a39ugn8ps] .page-footer {
    --bg-navbar: var(--bg-light);
}

.footer-brand[b-3a39ugn8ps] {
    flex: 1;
    display: inline-flex;
    align-items: center;
}
.footer-brand-img[b-3a39ugn8ps] {
    width: auto;
    height: var(--brand-h, 2.5rem);
}

/* ________________________________________________ */
/* FOOTER */
/*__________*/

.bg-footer[b-3a39ugn8ps] { 
    width:100%;
    position: relative;
    isolation: isolate;
    background-image: url(./images/footer-bg-2.webp);
    background-blend-mode: normal;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;    
    background-attachment:fixed;
    
    &:after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background-image: linear-gradient(to top in oklab, var(--mdn-color4), var(--mdn-color2));
        mix-blend-mode: multiply;
    }
}
/* _content/mdntec.site/Components/Layout/MainLayout.razor.rz.scp.css */

.page[b-tc4zkoy4x4] {
    --bg-main: var(--bg-light);
    --bg-header: var(--bg-light);    
    /* display: grid; */
    grid-template-areas: "header" "main" "footer";
    grid-template-rows: auto 1fr auto;
}
/* STRUCTURE */
.page-header[b-tc4zkoy4x4] {
    --bg-header: var(--bg-light);
    height: var(--header-h);
    grid-area: header;
    position: sticky;
    top: 0;
    z-index: 5;
    background: var(--bg-header);
}
.page-main[b-tc4zkoy4x4] {
    grid-area: main;
    min-height: 100vh;
    min-height: 100dvh;
    background: var(--bg-main);
}
.page-footer[b-tc4zkoy4x4]{
    grid-area: footer;
    background: var(--bg-footer);
}

/* STYLE */ 

.page-header[b-tc4zkoy4x4] {
    display: flex;
    background: var(--bg-header);
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}


#blazor-error-ui[b-tc4zkoy4x4] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-tc4zkoy4x4] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* _content/mdntec.site/Components/Layout/NavMenu.razor.rz.scp.css */
/* ______________________________________________________________ */
[b-83snp4uyxo] .page-header{
    --bg-navbar:var(--bg-light);
}

.header-brand[b-83snp4uyxo] {
    flex: 1;
    display: inline-flex;
    align-items: center;
}
.header-brand-img[b-83snp4uyxo]{
    width: auto;
    height: var(--brand-h, 2.5rem);
}
/* */
/* __________________________________________________________________*/
/* STATUS MENU :CHECKED */

#menu-status[b-83snp4uyxo] {
    display: none;
}
/* Mobile*/
@media screen and (max-width: 800px) {

    #menu-status[b-83snp4uyxo] {

        &:checked ~ .menu {
            right: 0;
        
        }
        &:not(:checked) ~ .menu:focus-within[b-83snp4uyxo]  .nav-link {
            pointer-events: none;
        }
        &:checked ~ .menu:focus-within[b-83snp4uyxo]  .nav-link {
            pointer-events: auto;
        }
    }

}

/* */
/* __________________________________________________________________*/
/* nav-bar */

.nav-bar[b-83snp4uyxo] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    position: relative;
    padding: 0px 20px;
    background: var(--bg-navbar);
}

.menu[b-83snp4uyxo] {
    display: flex;
    //overflow-y:auto;

    & li
{
    position: relative;
    padding-inline: min(15px, 1vw);
    font-size: var(--font-size--1);

        @media screen and (min-width: 800px) {
            &.separator[b-83snp4uyxo]::before {
                content: "";
                position: absolute;
                background: var(--text-color);
                opacity: .4;
                width: 2px;
                left: -1px;
                top: 30%;
                bottom: 30%;
            }
        }
    }
}

/* Mobile*/
@media screen and (max-width: 800px) {
    .menu[b-83snp4uyxo] {
        position: fixed;
        top: 0;
        right: -100%;
        //flex-direction: column;
        flex-wrap:wrap;
        align-items: center;
        align-content:start;
        width: 80vw;
        height: 100vh;
        height: 100dvh;
        padding-block: 2rem;
        background-color: var(--bg-navbar);
        transition: all 0.2s ease-in-out;
        overflow:auto;
    }

    & li[b-83snp4uyxo] {
        flex-basis:100%;
        
        &.separator{
            //margin-top:1rem;

            &::before {
                content: "";
                position: absolute;
                background: var(--text-color);
                opacity: .4;
                height: 2px;
                top: -1px;
                left: 30%;
                right: 30%;
            } 
        }
    }
}

/* */
/* __________________________________________________________________*/
/* MENU ITEMS STYLE */

nav[b-83snp4uyxo]  .nav-link {
    position: relative;
    text-transform: uppercase;
    display: flex;
    color: var(--text-color);
    text-decoration: none;
    padding-block: 1em;
    padding-inline: min(1rem, 1% );
    transition: background-color 150ms ease;


        &:hover {
            color: var(--primary-color);
        }

}

/* Mobile*/
@media screen and (max-width: 800px) {
    nav[b-83snp4uyxo]  .nav-link {
        justify-content:center;
        text-align:center;
    }
}


nav[b-83snp4uyxo]  .nav-link.active,
nav[b-83snp4uyxo]  .nav-link:has( + ul .active) {
    color: var(--primary-color);



    &::after {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        background-color: var(--accent-color);
        height: 4px;
        width: 100%;
    }


}


nav[b-83snp4uyxo]  .nav-link.accent-link {
    background-color: var(--accent-color);
    background-color:red;
}

/* */
/* __________________________________________________________________*/
/* buton burger - close */

.button-open-close[b-83snp4uyxo] {
    display: none;
}
/* Mobile*/
@media screen and (max-width: 800px) {

    .button-open-close[b-83snp4uyxo] {
        display: block;
        z-index:1;
    }

    /* Animation button */

    .button-open-close[b-83snp4uyxo] {
        --button-color: #333;
    }

    #menu-status ~ .button-open-close .line[b-83snp4uyxo] {
        transition: y 150ms ease-in 150ms, rotate 150ms ease-in, opacity 0ms 150ms;
        transform-origin: center;
    }

    #menu-status:checked ~ .button-open-close .line[b-83snp4uyxo] {
        transition: y 150ms ease-in, rotate 150ms ease-in 150ms, opacity 0ms 150ms;
    }

    #menu-status:checked ~ .button-open-close :is(.top, .bottom)[b-83snp4uyxo] {
        y: 45;
    }

    #menu-status:checked ~ .button-open-close .top[b-83snp4uyxo] {
        rotate: 45deg;
    }

    #menu-status:checked ~ .button-open-close .middle[b-83snp4uyxo] {
        opacity: 0;
    }

    #menu-status:checked ~ .button-open-close .bottom[b-83snp4uyxo] {
        rotate: -45deg;
    }
}

/* Overlay is a mask over the nav-bar. when clicked it closes the menu */
/* for desktop is hidden*/
#overlay[b-83snp4uyxo] {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    inset: 0;
    z-index: -1;
    display: none;
}
/* on smart phones is shown when the menu is opened */
/* Mobile*/
@media screen and (max-width: 800px) {

    #menu-status:checked ~ #overlay[b-83snp4uyxo] {
        display: block;
    }
}

.skip-link[b-83snp4uyxo] {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1000;
    background-color: var(--accent-color);
    color: #ffffff;
    padding: 12px 24px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 1rem;
    transition: opacity 0.3s ease;

    &:focus {
        opacity: 1;
        pointer-events: auto;
        outline: 3px solid #ffffff;
    }
}


/* SUB MENU */

.sub-nav-bar[b-83snp4uyxo] {
    padding:1rem;
}
/* Desktop */
@media screen and (min-width: 801px) {

    .sub-nav-bar[b-83snp4uyxo] {
        position: absolute;
        right: 0;
        display: none;
        box-shadow: var(--mdn-shadow-md);
        background: var(--bg-navbar);
        overflow: auto;
        max-height: 75vh;
    }
    .menu > li:hover > ul[b-83snp4uyxo] {
        display: block;
    }
}

/* Mobile */
@media screen and (max-width: 800px) {

    .sub-nav-bar[b-83snp4uyxo] {
        position: relative;
        background: color-mix( in lab, var(--bg-navbar) 97%, black);
    }
}


/*  */
[b-83snp4uyxo] .nav-link {

    & .item-innova img {  
        filter: grayscale(100%);
    }
    &:hover .item-innova img[b-83snp4uyxo] {  
        filter: grayscale(0%);
    }

    &.active .item-innova img[b-83snp4uyxo] {
        filter: grayscale(0%);
    }

}


/* _content/mdntec.site/Components/Pages/AboutUs.razor.rz.scp.css */

.hero-aboutus[b-w0zc9lv870] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    --media-h: clamp(250px, calc(45vh + 10vw), 600px);
    height: var(--media-h);
    isolation: isolate;
    background-image: url("../images/hero-aboutus.webp"), linear-gradient(hsl(from var(--mdn-color1) h s l / 0%) 40%, hsl(from var(--mdn-color1) h s l / 100%)), linear-gradient(hsl(from var(--mdn-color3) h s l / 0%) 40%, hsl(from var(--mdn-color3) h s l / 100%));
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*--_bg-gradient: linear-gradient(to left, white, white);*/
    --_bg-gradient: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85));
    background-blend-mode: multiply;
    &:after {
        content: "";
        position: absolute;
        inset: 0;
        background-image: 
            url(./images/textures/bg-abstract-01.webp), 
            linear-gradient(to right top in oklab, var(--mdn-color2) 15%, var(--mdn-color1));
        mix-blend-mode: multiply;
        mix-blend-mode: soft-light;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom, center;
        background-blend-mode: multiply;
        background-attachment: fixed, scroll;
        //opacity: .9;
    }
}

/* _____________________________________________________*/
/* IIOT Eficiente, conectado y competitiva */
.aboutus-img-bg-2[b-w0zc9lv870] {
    background-image: linear-gradient( rgba(255, 255, 255, 0.7),rgba(255, 255, 255, 0.7)), url('./images/iiot_img_bg-2.webp'), linear-gradient(to right top, var(--mdn-color3) 5%, var(--mdn-color2), var(--mdn-color1), var(--mdn-color1));
    /*background:linear-gradient(in oklab, blue, red);*/

    background-blend-mode: multiply;
    background-position: center, center bottom, left;
    background-repeat: no-repeat;
    background-size: 100%, cover, 100%;
}

.mdn-values[b-w0zc9lv870] {
    background-image: url('./images/valores-bg.webp'), linear-gradient(to right bottom, var(--mdn-color3) 5%, var(--mdn-color2), var(--mdn-color1), var(--mdn-color1));
    background-image: url('./images/valores-bg.webp'), linear-gradient(to right bottom, var(--mdn-color4), var(--mdn-color4));
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-blend-mode: soft-light;
}
/* _content/mdntec.site/Components/Pages/Contactus.razor.rz.scp.css */
.hero-contactus[b-8es64d8kr1] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    --media-h: clamp(250px, calc(45vh + 10vw), 600px);
    height: var(--media-h);
    isolation: isolate;
    background-image: url('../../images/hero-contact-01.webp');
    transform: scaleX(-1);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    //--_bg-gradient: linear-gradient(to left, white, white);
    --_bg-gradient: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85));
    background-blend-mode: multiply;
    &:after {
        content: "";
        position: absolute;
        inset: 0;
        background-image: 
            url(./images/textures/bg-abstract-01.webp), 
            linear-gradient(to right top in oklab, var(--mdn-color2) 15%, var(--mdn-color1));
        mix-blend-mode: multiply;
        mix-blend-mode: soft-light;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom, center;
        background-blend-mode: multiply;
        background-attachment: fixed, scroll;
        z-index:-1;
        //opacity: .9;
    }
}

.own-office[b-8es64d8kr1] {
    
    & .country-list {
        list-style: disc;
        list-style-position: inside
    }

    & .country[b-8es64d8kr1] {
        font-size: var(--font-size--1);
        text-transform:uppercase;
        //color: var(--mdn-color1);
        list-style:
    }

    & .address[b-8es64d8kr1]{
        font-size: var(--font-size--1);
     
    }

    & .state[b-8es64d8kr1] {
        font-weight:500;
     
    }

    & .country-separator[b-8es64d8kr1] {
        color: var(--mdn-color1);
        margin-block:1rem;
    }


}
/* _content/mdntec.site/Components/Pages/Home.razor.rz.scp.css */
/* HERO HOME */
.hero-home[b-zy8a5uuzbs] {
    position: relative;
    display: block;
    min-height: 100vh;
    min-height: 100dvh;
    background-image: 
        url("../images/hero_home_bg.webp"),
        linear-gradient(to left, var(--mdn-color1), var(--mdn-color2), var(--mdn-color3), var(--mdn-color4)); 
    background-position: center bottom, left;
    background-repeat: no-repeat;
    background-size: cover, 300%;
    
    background-blend-mode:multiply;
    /*mask-image: linear-gradient(to left, transparent, black 15%, black 85%, transparent );*/

    /* ANIMATION */
    animation: hero-bg-animation-b-zy8a5uuzbs 5s infinite alternate;
}

/* ANIMATION BG GRADIENT UNDER IMAGE */
@media (prefers-reduced-motion: no-preference) {
    @keyframes hero-bg-animation-b-zy8a5uuzbs {
        0% {
            background-position: center bottom, left;
        }
        100% {
            background-position: center bottom, right;
        }
    }
}

.hero-home-text[b-zy8a5uuzbs] {
    position: sticky;
    text-align: center;
    color: white;
    display:grid;
    top:min(max(16vw,80px), 12rem);
}

.hero-home-brand[b-zy8a5uuzbs] {
    height:100%;
    inset:0;
    grid-template-rows:
              
                    minmax(4rem, 1fr) 
                    25vh
                    [iso-start] 
                    auto
                    [iso-end]
                    minmax(4rem, 1fr) ;

    grid-template-columns:

                    minmax(4rem, 1fr) 
                    [iso-start] 
                    clamp(100px, 80vw, 500px)
                    [iso-end]
                    minmax(4rem, 1fr) ;

    & .hero-home-iso {
        grid-row: iso;
        grid-column: iso;
        //width:100%;
        aspect-ratio:1/1;
        margin-inline:auto;
    }
}



/* __________________________________________________ */
/* CARDS HOME NEWS CONTAINER */
/* VARS */
.home-news-container[b-zy8a5uuzbs] {
    --_title-font-weight: 500;
}

.home-news-container[b-zy8a5uuzbs] {
    container-type: inline-size;
    container-name: home-news-container;
    --numcards: 4;
    view-timeline-name: --cards-element-scrolls-in-body;
}

/* IMAGES and colors FOR ARTICLES */

[b-zy8a5uuzbs] #Card_1 .card-media {
    /*
    background-image: url(https://media.istockphoto.com/id/1349338716/es/foto/almac%C3%A9n-minorista-de-tecnolog%C3%ADa-futurista-trabajador-que-realiza-caminatas-de-inventario.jpg?s=2048x2048&w=is&k=20&c=nqN8qQDm4AaZYvwbkTq3sutc2mh9TwBEFXMqVTIjHeY=);
    */
}

[b-zy8a5uuzbs] #Card_2 .card-media {
    background-image: url(./images/home_iiot_hero.webp);
}

[b-zy8a5uuzbs] #Card_3 .card-media {
    background-image: url(./images/home_digital_transformation_hero.webp);
}

[b-zy8a5uuzbs] #Card_4 .card-media {
    background-image: url(./images/home-grape.webp);
}


[b-zy8a5uuzbs] .home-news-wrapper:nth-child(4n + 1) {
    --bg-card: var(--mdn-color2);
}

[b-zy8a5uuzbs] .home-news-wrapper:nth-child(4n + 2) {
    --bg-card: var(--mdn-color1);
}

[b-zy8a5uuzbs] .home-news-wrapper:nth-child(4n + 3) {
    --bg-card: var(--mdn-color4);
}

[b-zy8a5uuzbs] .home-news-wrapper:nth-child(4n + 4) {
    --bg-card: var(--mdn-color3);
}

/* ANIMATIONS */
@media (prefers-reduced-motion: no-preference) {

    /*::deep .animate-fade-right {
        isolation:isolate;

        & .card-text{
            animation-timeline: --scroll-home-card;
            view-timeline-axis: block;
            view-timeline-name: --scroll-home-card;
            animation-name: home-card-in;
            animation-range: entry 30% cover 40%;
            animation-timing-function:ease-in;
            animation-fill-mode: both;
              }

    }

    @keyframes home-card-in {
        0% {
            transform: translateX(100%);
            z-index: -1;
        }
        69% {
            z-index: -1;
        }
        70%{
            transform: translateX(-7rem);
            z-index:inherit;
        }
        100% {
            transform: translateX(0px);
            z-index:inherit;
        }
    }*/
   
}
@media (prefers-reduced-motion: no-preference) {

    [b-zy8a5uuzbs] .home-news-wrapper {
        --index0: calc(var(--index) - 1);  
        /*0-based index */
        --reverse-index: calc(var(--numcards) - var(--index0));  
        /*reverse index */
        --reverse-index0: calc(var(--reverse-index) - 1); 
        /*0-based reverse index */

        /*position: sticky;
        top: 2rem;*/
        padding-top: calc(var(--index)* var(--card-top-offset));
    }

    @keyframes scale-b-zy8a5uuzbs {
        to {
            transform: scale(calc(1.1 - calc(0.1 * var(--reverse-index))));
            border-radius: var(--container-border-radius);
            box-shadow: var(--mdn-shadow-md);
        }
    }

    /*.home-news-container {
        --numcards: 4;
        --card-top-offset: 3rem;
        view-timeline-name: --cards-element-scrolls-in-body;
    }

    ::deep .home-news {
        overflow: hidden;
        --start-range: calc(var(--index0) / var(--numcards) * 100%);
        --end-range: calc((var(--index)) / var(--numcards) * 100%);
        animation: linear scale forwards;
        animation-timeline: --cards-element-scrolls-in-body;
        animation-range: exit-crossing var(--start-range) exit-crossing var(--end-range);
        transform-origin: 50% 0%;
        will-change: transform;
    }*/

    [b-zy8a5uuzbs] #Card_1 {
        --index: 1;
    }

    [b-zy8a5uuzbs] #Card_2 {
        --index: 2;
    }

    [b-zy8a5uuzbs] #Card_3 {
        --index: 3;
    }

    [b-zy8a5uuzbs] #Card_4 {
        --index: 4;
    }

}
/* _content/mdntec.site/Components/Pages/HomeDigitalizationAndSustainability.razor.rz.scp.css */
/* VARS */
[b-0b7r8x8s1o] .hero-news {
    --_title-color: var(--mdn-color1);
    --_p-color: var(--mdn-color1);
    --_tag-color: var(--mdn-color1);
    --card-bg: transparent;
    --card-text-bg: var(--mdn-color3);
}

[b-0b7r8x8s1o] #Card_4 .card-media {
    background-image: url(./images/home-grape.webp);
    
    /*background-image: url(./images/home-grape.webp),
        linear-gradient(to left, var(--mdn-color1), var(--mdn-color2), var(--mdn-color3), var(--mdn-color4)); */
}

/* HERO Sintaxis con problema de compatibilidad con el compilador sass - codigo en home-news-card.scss */
/* compilador sass no soporta min*/
[b-0b7r8x8s1o] .card-text {
    width: min(90vw, 1200px);
    margin-bottom: min(10vw, 4rem);
}

/* compilador sass no soporta menor, mayo e igual */
/* MEDIA QUERY */
@media (widht <= 680px), (height > 680px) {
    [b-0b7r8x8s1o] .card-media {
        --media-h: clamp(250px, 60vh, 900px);
        //border: 5px solid red;
    }
}

@media (widht > 680px), (height <= 680px) {
    [b-0b7r8x8s1o] .card-media {
        --media-h: clamp(200px, 30vh, 300px);
        //border: 5px solid green;
    }
}

[b-0b7r8x8s1o] .quote {
    position: relative;
    padding-left: 2.2rem;
}
    [b-0b7r8x8s1o] .quote::before,
    [b-0b7r8x8s1o] .quote::after {
        position: absolute;
        font-size: 4rem;
        line-height: 0;
        padding-inline: 1rem;
        margin-top: 1.8rem;
        margin-inline: -1rem;
        display: inline-block;
        flex-grow: 0;
        opacity: .7;
    }
[b-0b7r8x8s1o] .quote::before {
    content: open-quote;
    left: 0;
}
    [b-0b7r8x8s1o] .quote::after {
        content: close-quote;
    }

.dys-img-plant[b-0b7r8x8s1o] {
    position: relative;
    display: grid;
    grid-template-areas: "text" "bg";
    grid-template-rows: auto 1fr;
    /* */
    --_color-gradient: color-mix( in lab, var(--mdn-color3) 30%, #000000 );
    background-image: linear-gradient(to right top, var(--_color-gradient) 80%, var(--_color-gradient)),
        url('images/texture_bg_colors.webp');

    background-blend-mode:hard-light;
    background-size:cover;
}

.dys-img-bg-1[b-0b7r8x8s1o] {
    grid-area: bg;
    width: 70vw;
    aspect-ratio: 300/139;
    margin-inline: auto;
    margin-top: min( 5vw, 5rem);
    margin-bottom: min( 12vw, 14rem);
    /* ____________________ */
    background-image: 
        
        linear-gradient(to left, var(--mdn-color1), var(--mdn-color2), var(--mdn-color3), var(--mdn-color4)); 
    background-position:  left;
    background-repeat: no-repeat;
    background-size: 300%;

    mask-image:url("../images/DYS_img_bg-1.svg");
    mask-repeat:no-repeat;
    
    /* ANIMATION */
    animation: dys-bg-img1-animation-b-0b7r8x8s1o 5s infinite alternate;
}
/* ANIMATION BG GRADIENT UNDER IMAGE */
@media (prefers-reduced-motion: no-preference) {
    @keyframes dys-bg-img1-animation-b-0b7r8x8s1o {
        0% {
            background-position: left;
        }

        100% {
            background-position: right;
        }
    }
}

.dys-img-bg-2[b-0b7r8x8s1o] {
    grid-area: bg;
    align-self: end;
    padding-top:3rem;
    /**/
    position: sticky;
    bottom: 0;
}

.dys-text[b-0b7r8x8s1o] {
    grid-area: text;
    color: var(--mdn-color1);
    border-radius: var(--container-border-radius);
    padding: min(8vw, 4rem);
    margin-top: min(5vw, 10rem);

    /* variable para la clase bg-white-filter */
    --_color: color-mix( in lab, var(--mdn-color3) 85%, #ffffff );
}

@media (width > 1200px) {
    .dys-text[b-0b7r8x8s1o] {
        //width: min(60vw, 700px);
    }

}


/* */
.bg-text-sust-1[b-0b7r8x8s1o] {
    position: relative;
    isolation: isolate;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.90), rgba(255, 255, 255, 0.90)), 
        url(./images/IOT_digital_transformation.webp);
    background-blend-mode: multiply;
    background-blend-mode: luminosity;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.bg-text-sust-2[b-0b7r8x8s1o] {
    position: relative;
    isolation: isolate;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.80), rgba(255, 255, 255, 0.80)),
        url(./images/home_sustentability_bg2.webp);
    /*background-image: 
        url(./images/home_sustentability_bg2.webp);*/
    background-blend-mode: multiply;
    background-blend-mode: luminosity;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
        background-attachment:fixed;

    &:after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background-image: 
            linear-gradient(to right top in oklab,
            var(--mdn-color3) 20%, var(--mdn-color1));
        mix-blend-mode: multiply;
    }

}

.bg-text-sust-3[b-0b7r8x8s1o] {
    position: relative;
    isolation: isolate;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),
        url(./images/home_sustentability_bg2.webp);
    background-blend-mode: normal;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    box-shadow:var(--mdn-shadow-sm);
    height:100%;
    
    &:after {
        --color-mask:var(--_color-mask, var(--mdn-color1));
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background-image: linear-gradient(to right top in oklab, var(--color-mask), var(--color-mask));
        mix-blend-mode: multiply;
    }

    &:hover[b-0b7r8x8s1o]{
        box-shadow:var(--mdn-shadow-md);

    }
}

.list-block[b-0b7r8x8s1o]{
     & > li, & > div {
                overflow:hidden;
                padding: clamp(1rem, 2vw, 2rem);
                text-align:center;
                border-radius: var(--radius-2xl);
                background-color:var(--_bg-block, var(--mdn-color1));
       
            & strong {
                         font-size: var(--font-size-0);
                         color:var(--_title-color-block, var(--mdn-color2));
                     }
            & span[b-0b7r8x8s1o] {
                         font-size: var(--font-size--2);
                         color:var(--_text-color-block, var(--mdn-color4));
                     }
              
     } 

}   
/* _content/mdntec.site/Components/Pages/HomeDigitalTransformation.razor.rz.scp.css */
/* VARS */
[b-uuxonr7rt1] .hero-news {
    --_title-color: var(--mdn-color1);
    --_p-color: var(--mdn-color1);
    --_tag-color: var(--mdn-color1);
    --card-bg: transparent;
    --card-text-bg: var(--mdn-color4);
}

.digitalization-scheme[b-uuxonr7rt1] {
    margin-top: 2rem;

    & a {
            display:grid;
            grid-template-areas: "all";

        & img {
                  grid-area: all;
              }

              &:hover[b-uuxonr7rt1] {

              }
        }

}

.scheme-img[b-uuxonr7rt1]{
    box-shadow: var(--mdn-shadow-md);
    border:1px solid var(--mdn-color2);
    width:100%;
    height:auto;

    &:hover {
                border-color: var(--mdn-color1);
            }
}

.icon-link[b-uuxonr7rt1] {
    justify-self: end;

}
.dt-img-1[b-uuxonr7rt1] {
    position:relative;
    width: min(600px, 80vw);
    aspect-ratio: 1 / 1;
    background-image: url('images/home_digital_transformation_iot.webp');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    mask-image: url('images/mask-image.svg');
    mask-repeat: no-repeat;
    z-index:1;
    backdrop-filter: drop-shadow( 10px 10px 10px rgba(0, 0, 0, 0.85));
}
.dt-img-2[b-uuxonr7rt1] {
    position:relative;
    width: min(600px, 80vw);
    aspect-ratio: 1 / 1;
    background-image: url('images/home_digital_transformation_iot_2.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    mask-image: url('images/mask-image.svg');
    mask-repeat: no-repeat;
    z-index:1;
    backdrop-filter: drop-shadow( 10px 10px 10px rgba(0, 0, 0, 0.85));
}

.bg-text-iot-1[b-uuxonr7rt1] {
    position: relative;
    isolation: isolate;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.80), rgba(255, 255, 255, 0.90)), 
            url(./images/IOT_digital_transformation.webp);
    background-blend-mode: multiply;
    background-blend-mode: luminosity;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment:fixed;
}

.bg-text-iot-2[b-uuxonr7rt1] {
    position: relative;
    isolation: isolate;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.10)),
        url(./images/IOT_digital_transformation.webp);
    background-image: 
        url(./images/IOT_digital_transformation.webp);
    background-blend-mode: multiply;
    background-blend-mode: luminosity;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
        background-attachment:fixed;

    &:after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background-image: 
            linear-gradient(to right top in oklab,
            var(--mdn-color2) 20%, var(--mdn-color1));
        mix-blend-mode: multiply;
    }

}

.bg-text-iot-3[b-uuxonr7rt1] {
    position: relative;
    isolation: isolate;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),
        url(./images/IOT_digital_transformation.webp);
    background-blend-mode: normal;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    box-shadow:var(--mdn-shadow-sm);
    
    &:after {
        --color-mask:var(--_color-mask, var(--mdn-color1));
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background-image: linear-gradient(to right top in oklab, var(--color-mask), var(--color-mask));
        mix-blend-mode: multiply;
    }

    &:hover[b-uuxonr7rt1]{
        box-shadow:var(--mdn-shadow-md);

    }
}

.bg-text-iot-4[b-uuxonr7rt1] {
    position: relative;
    isolation: isolate;
    background-image: 
            url(./images/smart-industry-digital-transformation.webp);
    background-blend-mode: normal;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: var(--mdn-shadow-sm);

    &:after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background-image: linear-gradient(to top in oklab, var(--mdn-color4), var(--mdn-color2));
        mix-blend-mode: multiply;
    }

}

.bg-text-iot-5[b-uuxonr7rt1] {
    position: relative;
    isolation: isolate;
    background-image: 
            url(./images/bg_service_details_3.webp);
    background-blend-mode: normal;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: var(--mdn-shadow-sm);

    &:after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background-image: linear-gradient(to top in oklab, var(--mdn-color1), var(--mdn-color1));
        mix-blend-mode: multiply;
        opacity:.4;
    }

}

.list-block[b-uuxonr7rt1]{
     & > li {
                overflow:hidden;
            padding: clamp(1rem, 2vw, 2rem);
            text-align:center;
            border-radius: var(--radius-2xl);
            background-color:var(--_bg-block, var(--mdn-color1));
       
            & strong {
                         font-size: var(--font-size-0);
                         color:var(--_title-color-block, var(--mdn-color2));
                     }
            & span[b-uuxonr7rt1] {
                         font-size: var(--font-size--2);
                         color:var(--_text-color-block, var(--mdn-color4));
                     }
              
     } 

}


.dir-box[b-uuxonr7rt1] {
    & .box {
             /*grid-template-rows: auto auto 1fr;*/

             & p {
                     line-height:normal;
                     margin:0;
                     padding:0;
                 }
         }
}



[b-uuxonr7rt1] #Card_3 .card-media {
    background-image: url(./images/home_digital_transformation_hero.webp);
}

/* HERO Sintaxis con problema de compatibilidad con el compilador sass - codigo en home-news-card.scss */
/* compilador sass no soporta min*/
[b-uuxonr7rt1] .card-text {
    width: min(90vw, 1200px);
    margin-bottom: min(10vw, 4rem);
}

/* compilador sass no soporta menor, mayo e igual */
/* MEDIA QUERY */
@media (widht <= 680px), (height > 680px) {
    [b-uuxonr7rt1] .card-media {
        --media-h: clamp(250px, 60vh, 900px);
        //border: 5px solid red;
    }
}

@media (widht > 680px), (height <= 680px) {
    [b-uuxonr7rt1] .card-media {
        --media-h: clamp(200px, 30vh, 300px);
        //border: 5px solid green;
    }
}




/* _content/mdntec.site/Components/Pages/HomeIIOT.razor.rz.scp.css */
/* VARS */
[b-hhdkh5ms59] .hero-news {
    --_title-color: var(--mdn-color2);
    --_p-color: white;
    --_tag-color: white;
    --card-bg: transparent;
    --card-text-bg: var(--mdn-color1);
}

[b-hhdkh5ms59] #Card_2 .card-media {
    background-image: url(./images/home_iiot_hero.webp);
}

/* HERO Sintaxis con problema de compatibilidad con el compilador sass - codigo en home-news-card.scss */
/* compilador sass no soporta min*/
[b-hhdkh5ms59] .card-text {
    width: min(90vw, 1200px);
    margin-bottom: min(10vw, 4rem);
}

/* compilador sass no soporta menor, mayo e igual */
/* MEDIA QUERY */
@media (widht <= 680px), (height > 680px) {
    [b-hhdkh5ms59] .card-media {
        --media-h: clamp(250px, 60vh, 900px);
        //border: 5px solid red;
    }
}

@media (widht > 680px), (height <= 680px) {
    [b-hhdkh5ms59] .card-media {
        --media-h: clamp(200px, 30vh, 300px);
        //border: 5px solid green;
    }
}


/* */
/* _____________________________________________________________________*/
/* */

.ecosystem[b-hhdkh5ms59] {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    align-items: center;
    column-gap: 4rem;
    row-gap: 2rem;
}

/* */
/* TODO PELA VER DE PASARLO A ALGÜN LADO MEJOR*/
@property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

.img-mask[b-hhdkh5ms59] {
    --_border-radius: 50%;
    --_border-width: min(10%, 0.8rem);
    --_gap-effect-width: calc(var(--_border-width) / 2);
    --_img-w: calc(100% - var(--_gap-effect-width));
}

.img-mask[b-hhdkh5ms59] {
    --_border-radius: 50%;
    --_border-width: min(10%, 1.5rem);
    --_gap-effect-width: calc(var(--_border-width) / 2);
    position: relative;
    //width: var(--_img-w, 100%);
    aspect-ratio: 1/1;
    text-align: center;
    border-radius: var(--_border-radius);
    border: var(--_gap-effect-width) solid black;
    //border: 0.4rem solid black;
    display: flex;

}

    .img-mask[b-hhdkh5ms59]::after,
    .img-mask:hover[b-hhdkh5ms59]::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background-image: conic-gradient(from var(--angle), var(--mdn-color1), var(--mdn-color2), var(--mdn-color3), var(--mdn-color1));
        /*background-image: conic-gradient(transparent 50%, #10108E);
    inset: 50%;*/
        top: 50%;
        left: 50%;
        translate: -50% -50%;
        z-index: -1;
        padding: var(--_border-width);
        border-radius: calc(var(--_border-radius) + var(--_border-width) - 0.4rem);
        animation: 4s rotate-infinite linear infinite;
    }

img-mask:hover[b-hhdkh5ms59]::before {
    filter: blur(1rem);
    opacity: 0.5;
}

.img-mask[b-hhdkh5ms59] {
    background-image: url(./images/IIOT_ECO_bg-2.svg);
    background-position: center center;
    background-size: var(--_img-w, 100%);
    background-repeat: no-repeat;
}


.ecosys-text[b-hhdkh5ms59] {
    container-type: inline-size;
    container-name: ecosys-container;
    position: relative;
    width: 100%;
    height: 100%;
}

.center-text[b-hhdkh5ms59] {
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

    .center-text > [class*="text-"][b-hhdkh5ms59] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        margin-block: auto;
        font-weight: 700;
        transform: 
            scaleX(var(--sX, 1)) 
            scaleY(var(--sY, 1)) 
            scaleZ(var(--sZ, 1)) 
            rotateX(var(--rX, 0deg))
            rotateY(var(--rY, 0deg))    
            rotateZ(var(--rZ, 0deg)) 
            translateX(var(--tX, 0px)) 
            translateY(var(--tY, 0px)) 
            translateZ(var(--tZ, 0px)) 
            skewX(var(--skX, 0deg)) 
            skewY(var(--skY, 0deg));
    }



.text-IIOT[b-hhdkh5ms59] {
    --tY: 0%;
    /**/
    color: white;
}

.text-connectibity[b-hhdkh5ms59] {
    --tY: 30%;
    --rZ: 60deg;
    /**/
    color: var(--mdn-color1);
}
.text-insights[b-hhdkh5ms59] {
    --tY: 30%;
    --rZ: -60Deg;
    /**/
    color: var(--mdn-color2);
}
.text-intelligence[b-hhdkh5ms59] {
    --tY: -30%;
    /**/
    color: var(--mdn-color1);
}
.text-embed-controls[b-hhdkh5ms59] {
    --tY: -22%;
    --rZ: -55Deg;
    /**/
    color: var(--mdn-color1);
}
.text-data-analysthics[b-hhdkh5ms59] {
    --tY: -22%;
    --rZ: 52Deg;
    /**/
    color: white;
}
.text-telemetry[b-hhdkh5ms59] {
    --tY: 17%;
    --rZ: 0Deg;
    /**/
    color: white;
}


@container ecosys-container ( width <= 400px ) {
    .text-IIOT[b-hhdkh5ms59] {
        font-size: var(--font-size-3);
    }

    .text-connectibity[b-hhdkh5ms59] {
        font-size: var(--font-size--1);
    }

    .text-insights[b-hhdkh5ms59] {
        font-size: var(--font-size-0);
    }

    .text-intelligence[b-hhdkh5ms59] {
        font-size: var(--font-size-0);
    }

    .text-embed-controls[b-hhdkh5ms59] {
        font-size: var(--font-size--2);
    }

    .text-data-analysthics[b-hhdkh5ms59] {
        font-size: calc( var(--font-size--2) * .9);
    }

    .text-telemetry[b-hhdkh5ms59] {
        font-size: var(--font-size--2);
    }
}
@container ecosys-container ( width > 400px ) {
    .text-IIOT[b-hhdkh5ms59] {
        font-size: var(--font-size-5);
    }

    .text-connectibity[b-hhdkh5ms59] {
        font-size: var(--font-size-2);
    }

    .text-insights[b-hhdkh5ms59] {
        font-size: var(--font-size-2);
    }

    .text-intelligence[b-hhdkh5ms59] {
        font-size: var(--font-size-2);
    }

    .text-embed-controls[b-hhdkh5ms59] {
        font-size: var(--font-size--1);
    }

    .text-data-analysthics[b-hhdkh5ms59] {
        font-size: var(--font-size--1);
    }

    .text-telemetry[b-hhdkh5ms59] {
        font-size: var(--font-size--1);
    }
}
/* */


/* */
/* _____________________________________________________*/
/* IIOT Eficiente, conectado y competitiva */
.iiot-img-bg-2[b-hhdkh5ms59] {
    background-image: 
            linear-gradient( rgba(255, 255, 255, 0.7),rgba(255, 255, 255, 0.7)), 
            url('./images/iiot_img_bg-2.webp'), 
            linear-gradient(to right top, var(--mdn-color3) 5%, var(--mdn-color2), var(--mdn-color1), var(--mdn-color1));

    /*background:linear-gradient(in oklab, blue, red);*/

    background-blend-mode: multiply;
    background-position: center, center bottom, left;
    background-repeat: no-repeat;
    background-size: 100%, cover, 100%;
}

/* */
/* _____________________________________________________*/
/* IIOT - STEPS  */


:root[b-hhdkh5ms59] {
    counter-reset: iiot-steps;
}

.iiot-steps-container[b-hhdkh5ms59] {
    container-type: inline-size;
    container-name: iiot-steps;
}

.iiot-steps-grid[b-hhdkh5ms59] {
    position: relative;
    display: grid;
    grid-row-gap: 2rem;
}

.iiot-step[b-hhdkh5ms59] {
    counter-increment: rlts-steps;
    display:flex;
    
}

[b-hhdkh5ms59] .iiot-step::before {
    content: counter(rlts-steps);
    color: var(--mdn-color4);
    font-weight: 900;
    display: flex;
    place-items: center;
    justify-content: end;
    align-items: center;
    grid-area: number;
    align-items: center;
    font-size: min(18vw, 10rem);
    height: min( 18vw, 150px);
    aspect-ratio: 20/16;
    background-color: color-mix( in lab, var(--_number-bg) var(--_percentage), var(--_number-bg2));
    mask-image: url('images/mask-image.svg');
    mask-repeat: no-repeat;
    mask-position: center;
    /* */
    /* --_overlay */
    --_overlay: 2rem;
    transform: translateX(var(--_overlay));
    margin-left: calc(var(--_overlay) * -1);
    /* */
    position:sticky;
    top:7rem;
}

[b-hhdkh5ms59] .iiot-step-text {
    --_border-radius: min(2rem, 5vw);
    //flex: 1;
    align-self: center;
    background: var(--mdn-color4);
    box-shadow: var(--mdn-shadow-md);
    border-radius: 2rem;
    border-top-left-radius: 0rem;
    padding-block: min(1rem, 2vw);
    padding-inline: clamp(2rem, 4vw, 4rem);
}

/* COLOR NUMBER DEFINITION */
.iiot-step[b-hhdkh5ms59] {
    --_number-bg: var(--mdn-color2);
    --_number-bg2: var(--mdn-color1);
    --_percentage: calc((100% / 4) * var(--_step-n));
}

    .iiot-step:nth-child(1)[b-hhdkh5ms59] {
        --_step-n: 1;
    }

    .iiot-step:nth-child(2)[b-hhdkh5ms59] {
        --_step-n: 2;
    }

    .iiot-step:nth-child(3)[b-hhdkh5ms59] {
        --_step-n: 3;
    }

    .iiot-step:nth-child(4)[b-hhdkh5ms59] {
        --_step-n: 4;
    }


.iiot-step[b-hhdkh5ms59]  li {
    position: relative;
    display: flex;
    align-items: center;
    //color: var(--mdn-color1);
    font-weight: 500;
    //margin-left:1rem;
    padding-inline: 1rem;
    margin-bottom:1rem;

    &:has( + li ) {
        margin-bottom: .6rem;
     }
  
    &[b-hhdkh5ms59]::before {
        content: "";
        position: absolute;
        background-color: color-mix( in lab, var(--_number-bg) var(--_percentage), var(--_number-bg2));
        width: .6rem;
        aspect-ratio: 1 / 1;
        border-radius: 25%;
        left: 0rem;
        align-self: start;
        margin-top: 0.7rem;
    }
}
/* _content/mdntec.site/Components/Pages/HomeRTLS.razor.rz.scp.css */
/* VARS */
[b-m2tdq4f7b6] .hero-news {
    --_title-color: var(--mdn-color1);
    --_p-color: var(--mdn-color1);
    --_tag-color: white;
    --card-bg: transparent;
    --card-text-bg: var(--mdn-color2);
}
[b-m2tdq4f7b6] #Card_1 .card-media {
    /*
    background-image: url(https://media.istockphoto.com/id/1349338716/es/foto/almac%C3%A9n-minorista-de-tecnolog%C3%ADa-futurista-trabajador-que-realiza-caminatas-de-inventario.jpg?s=2048x2048&w=is&k=20&c=nqN8qQDm4AaZYvwbkTq3sutc2mh9TwBEFXMqVTIjHeY=);
    */
}

/* HERO Sintaxis con problema de compatibilidad con el compilador sass - codigo en home-news-card.scss */
/* compilador sass no soporta min*/
[b-m2tdq4f7b6] .card-text {
    width: min(90vw, 1200px);
    margin-bottom: min(10vw, 4rem);
}

/* compilador sass no soporta menor, mayo e igual */
/* MEDIA QUERY */
@media (widht <= 680px), (height > 680px) {
    [b-m2tdq4f7b6] .card-media {
        --media-h: clamp(250px, 60vh, 900px);
        //border: 5px solid red;
    }
}
@media (widht > 680px), (height <= 680px) {
    [b-m2tdq4f7b6] .card-media {
        --media-h: clamp(200px, 30vh, 300px);
        //border: 5px solid green;
    }
}

/*.bg-page-prueba {
    position: absolute;
    //background-image: url(./images/brand_iso.svg);
    background-image: url('images/rtls_cycle-v4.svg');
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100vh;
    background-repeat: repeat-y;
    background-position-x: center;
    background-position-y: ;
    backdrop-filter: blur(4px);
    opacity: 0.1;
}*/

/* */
/* ________________________________________________________ */
/* RTLS - CYCLE GRAPHIC*/
/* */
.rtls-cycle-container[b-m2tdq4f7b6]{
    container-type: inline-size;
    container-name: rtls-cycle;
}

.img-cycle[b-m2tdq4f7b6] {
    width: 15rem;
    margin-inline: auto;
    transition: transform 4s linear;
}

.rtls-cycle[b-m2tdq4f7b6] {
    display: grid;
    grid-row-gap: 1rem;
    grid-column-gap: 2rem;
    padding-block: min(4rem, 5vw);
}
.rtls-cycle-center[b-m2tdq4f7b6] {
    position: relative;
    grid-area: arrows;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rtls_cycle_iso[b-m2tdq4f7b6] {
    grid-area: center;
    width: 35%;
    position: absolute;
    //filter: drop-shadow( 0 0 2.5rem rgba(0, 0, 0, 0.60));
}

@container rtls-cycle (width <= 800px) {
    .rtls-cycle[b-m2tdq4f7b6] {
        grid-template-areas:
            "arrows text1 "
            "arrows text2"
            "arrows text3"
            "arrows text4";
        grid-template-columns: 25vw 1fr;
    }

    [class*="cycle-text"][b-m2tdq4f7b6] {
        max-width: 100%;
    }

    .rtls-cycle-center[b-m2tdq4f7b6] {
        animation: 10s step-cycle-mobile-b-m2tdq4f7b6 ease-in-out infinite;
        grid-area: arrows;
    }

    .img-cycle[b-m2tdq4f7b6] {
        animation: 10s step-cycle-arrows-mobile-b-m2tdq4f7b6 ease-in-out infinite;
    }

}

@container rtls-cycle (width > 800px) {
    .rtls-cycle[b-m2tdq4f7b6] {
        grid-template-areas:
            "text1 text1 text1"
            "text4 arrows text2"
            "text3 text3 text3";
    }

    .img-cycle[b-m2tdq4f7b6] {
        animation: 10s step-cycle-arrows-desktop-b-m2tdq4f7b6 ease-in-out infinite;
    }
    .cycle-text4[b-m2tdq4f7b6] {
        width: fit-content;
        justify-self: end;
    }
}


[class*="cycle-text"][b-m2tdq4f7b6] {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-auto-rows: auto;
    align-items: start;
    align-content: center;
    border-radius: 2rem;
    padding-inline: 1.5rem;
    padding-block: 1.5rem;
    background: var(--rtls-cycle-bg);
    box-shadow: var(--mdn-shadow-md);
}

.cycle-text1[b-m2tdq4f7b6] {
    --rtls-cycle-bg: var(--mdn-color1);
    --rtls-cycle-color: var(--mdn-color3);
    --rtls-cycle-bullet: url(./images/bullet-green.svg);
    --rtls-cycle-color-li: var(--mdn-color4);
    grid-area: text1;
    margin-inline: auto;
}
.cycle-text2[b-m2tdq4f7b6] {
    --rtls-cycle-bg: var(--mdn-color2);
    --rtls-cycle-color: var(--mdn-color1);
    --rtls-cycle-bullet: url(./images/bullet-darkblue.svg);
    --rtls-cycle-color-li: var(--mdn-color4);
    grid-area: text2;
}
.cycle-text3[b-m2tdq4f7b6] {
    --rtls-cycle-bg: var(--mdn-color4);
    --rtls-cycle-color: var(--mdn-color2);
    --rtls-cycle-bullet: url(./images/bullet-lightblue.svg);
    //--rtls-cycle-color-li: var(--mdn-color1);
    grid-area: text3;
    margin-inline: auto;
}
.cycle-text4[b-m2tdq4f7b6] {
    --rtls-cycle-bg: var(--mdn-color3);
    --rtls-cycle-color: var(--mdn-color4);
    --rtls-cycle-bullet: url(./images/bullet-gray.svg);
    --rtls-cycle-color-li: var(--mdn-color1);
    grid-area: text4;
}

.rtls-cycle h3[b-m2tdq4f7b6] {
    text-align: center;
    color: var(--rtls-cycle-color);
    //color: color-mix( in lab, black, currentColor);
    //color: color-mix( in lab, var(--mdn-color1) 10% , var(--rtls-cycle-color));
    font-size: var(--font-size-1);
    margin-bottom: 1rem;
    font-weight: 600;
}
.rtls-cycle li[b-m2tdq4f7b6] {
    color:var(--rtls-cycle-color-li,  inherit);
    list-style-image: var(--rtls-cycle-bullet);
    padding-left:0.2rem;
    margin-left:1rem;
    font-size: var(--font-size--1);
    font-weight: 500;
}

@media (prefers-reduced-motion: no-preference) {
    /* ANIMATION RTLS CYCLE*/
    /* animation arrows desktop*/
    /* > 800px */
    @keyframes step-cycle-arrows-desktop-b-m2tdq4f7b6 {
        0% {
            transform: rotate(-90deg);
        }

        30% {
            transform: rotate(270deg);
        }

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

        60% {
            transform: rotate(450deg);
        }

        80% {
            transform: rotate(540deg);
        }

        100% {
            transform: rotate(630deg);
        }
    }
    /* animation arrows mobile*/
    /* <= 800px */
    @keyframes step-cycle-arrows-mobile-b-m2tdq4f7b6 {
        0% {
            transform: rotate(0deg);
        }

        20% {
            transform: rotate(calc(90deg * 3));
        }

        40% {
            transform: rotate(calc(90deg * 6));
        }

        60% {
            transform: rotate(calc(90deg * 9));
        }

        100% {
            transform: rotate(calc(90deg * 12));
        }
    }
    /* animation arrows + logo mobile*/
    /* up and down traslation */
    @keyframes step-cycle-mobile-b-m2tdq4f7b6 {
        0% {
            transform: translate(0%, -35%);
        }

        20% {
            transform: translate(0%, -10%);
        }

        40% {
            transform: translate(0%, 20%);
        }

        60% {
            transform: translate(0%, 40%);
        }

        100% {
            transform: translate(0%, -35%);
        }
    }
}


/* */
/* ________________________________________________________ */
/* RTLS - STEPS */
/* */

:root[b-m2tdq4f7b6] {
    counter-reset: rtls-steps;
}

.rtls-steps-container[b-m2tdq4f7b6] {
    container-type: inline-size;
    container-name: rtls-steps;
}
.rtls-steps-grid[b-m2tdq4f7b6] {
    position: relative;
    display: grid;
    grid-row-gap: 1rem;
}

.number[b-m2tdq4f7b6] {
    counter-increment: rlts-steps;
    --_border-radius: min(2rem, 5vw);
        background-color: color-mix( in lab, var(--_number-bg) var(--_percentage), var(--_number-bg2));
        box-shadow: var(--mdn-shadow-md);
}

    .number[b-m2tdq4f7b6]::after {
        content: counter(rlts-steps);
        color: white;
        font-size: var(--font-size-5);
        font-weight: 700;
        display: flex;
        justify-content: center;
        align-items: center;
        grid-area: number;
        align-items: start;
        padding-top: 2rem;
        position: sticky;
        top: 4rem;
    }

    .number:first-child[b-m2tdq4f7b6]{
        border-top-left-radius: var(--_border-radius);

    }

    .number:last-child[b-m2tdq4f7b6] {
        border-bottom-left-radius: var(--_border-radius);
        border-bottom-right-radius: var(--_border-radius);
    }

@container rtls-steps (width <= 920px) {

    .rtls-steps-grid[b-m2tdq4f7b6] {
        grid-template-columns: auto 1fr;
        grid-template-areas: "number text";
        grid-auto-flow: column;
    }

    .number[b-m2tdq4f7b6] {
        min-width: clamp(60px, 20vw , 100px);
        //position: relative;
        grid-column: 1 / 2;
    }

    .rtls-step[b-m2tdq4f7b6] {
        position: relative;
        grid-column: 2 / -1;
    }
}

@container rtls-steps (width > 920px) {

    .rtls-steps-grid[b-m2tdq4f7b6] {
        grid-template-columns: 1fr auto 1fr;
    }

    .number[b-m2tdq4f7b6] {
        width: 150px;
        grid-column: 2 / -2;
        min-height: 150px;
    }

    .rtls-step[b-m2tdq4f7b6] {
        position: relative;
        grid-row: span 2;
    }
}

/* */
/* COLOR NUMBER DEFINITION */
.number[b-m2tdq4f7b6], 
.rtls-step[b-m2tdq4f7b6] {
    --_number-bg: var(--mdn-color2);
    --_number-bg2: var(--mdn-color1);
    --_percentage: calc((100% / 6) * var(--_step-n));
}

/* Los hijos son (number y rtls-step) por 6 pasos, por lo que son 12 hijos */
.rtls-steps-grid *:nth-child(n + 1):nth-child( -n + 2)[b-m2tdq4f7b6] {
    --_step-n: 1;
}

.rtls-steps-grid *:nth-child(n + 3):nth-child( -n + 4)[b-m2tdq4f7b6] {
    --_step-n: 2;
}

.rtls-steps-grid *:nth-child(n + 5):nth-child( -n + 6)[b-m2tdq4f7b6] {
    --_step-n: 3;
}

.rtls-steps-grid *:nth-child(n + 7):nth-child( -n + 8)[b-m2tdq4f7b6] {
    --_step-n: 4;
}

.rtls-steps-grid *:nth-child(n + 9):nth-child( -n + 10)[b-m2tdq4f7b6] {
    --_step-n: 5;
}

.rtls-steps-grid *:nth-child(n + 11):nth-child( -n + 12)[b-m2tdq4f7b6] {
    --_step-n: 6;
}
/* _content/mdntec.site/Components/Pages/Industries.razor.rz.scp.css */
html[b-by797f7fjg] {
    scroll-padding-top: 10rem;
    background:red;
}

[b-by797f7fjg] .nav-link:hover {
    color:var(--mdn-color1);
}

.hero-industries[b-by797f7fjg] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    --media-h: clamp(250px, calc(45vh + 10vw), 600px);
    height: var(--media-h);
    isolation: isolate;
    background-image: url(./images/hero-industries.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*--_bg-gradient: linear-gradient(to left, white, white);*/
    --_bg-gradient: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85));
    background-blend-mode: multiply;
    &:after {
        content: "";
        position: absolute;
        inset: 0;
        background-image: 
            url(./images/textures/bg-abstract-01.webp), 
            linear-gradient(to right top in oklab, var(--mdn-color2) 15%, var(--mdn-color1));
        mix-blend-mode: multiply;
        mix-blend-mode: soft-light;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom, center;
        background-blend-mode: multiply;
        background-attachment: fixed, scroll;
        //opacity: .9;
    }
}

.industries-nav-link[b-by797f7fjg] {
    position: relative;

    @media (orientation : portrait) and (min-height: 860px) {
        &[b-by797f7fjg] {
            position: sticky;
            top: var(--header-h);
        }
    }

    @media (orientation : landscape) and (min-height: 1100px) {
        &[b-by797f7fjg] {
            position: sticky;
            top: var(--header-h);
        }
    }
}

.industries-nav-link-icons[b-by797f7fjg] {
    & a {
        display:grid;
        grid-template-rows:auto auto;
        justify-items: center;
        grid-row-gap:.5rem;
        position:sticky;
        top:12rem;
    }

    & .icon > img[b-by797f7fjg] {
        height:50px
    }
}
.card[b-by797f7fjg] {
    --_padding: 0.3rem;
    --_bg-card: var(--bg-main);
    --_inner-border-color-card: var(--_bg-card);
    --_inner-radius: var(--container-border-radius);
    --_middle-radius: calc(var(--container-border-radius) + var(--_padding));
    --_outer-radius: calc(var(--container-border-radius) + (var(--_padding) * 2));
    --border-width: min(10%, 0.8rem);
    position: relative;
    isolation: isolate;
    grid-template-rows: subgrid;
    grid-row: span 2;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
    transition: box-shadow .2s ease-in-out;
    padding: var(--_padding);
    display: grid;
    gap: 0;
    border-radius: var(--_outer-radius);

    &::before {
        content: "";
        position: absolute;
        inset:0;
        background-image: conic-gradient(from var(--angle), var(--mdn-color1), var(--mdn-color2), var(--mdn-color3), var(--mdn-color1));
        z-index: -1;
        animation: 10s rotate-infinite linear infinite;
        border-radius: var(--_outer-radius);

    }

    &[b-by797f7fjg]::after {
        content:"";
        position:absolute;
        inset: var(--_padding);
        border-radius: var(--_middle-radius);
        z-index:-1;
        /*Style */
        background:var(--_bg-card);
        border: var(--_padding) solid var(--_inner-border-color-card);


    }

    *[b-by797f7fjg], &[b-by797f7fjg]::before, &[b-by797f7fjg]::after { /* animation */
        transition: all .2s ease-in-out;
    }

    .media[b-by797f7fjg] {
        position:relative;
        margin:var(--_padding);
        //border: var(--_padding) solid var(--_bg-card);
        //border-bottom:none;
         min-height: 200px;
        transition: background-size .2s ease-in-out;
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: cover;
        border-top-left-radius: var(--_inner-radius);
        border-top-right-radius: var(--_inner-radius);
        //border-bottom-left-radius: var(--_inner-radius);
        //border-radius: var(--_inner-radius);

        @media screen and (min-width: 1000px) {

            &[b-by797f7fjg] {
                background-size: 120%;
                min-height: 350px;
                
            }

        }
     }

    .text[b-by797f7fjg] {
        margin:var(--_padding);
        padding-inline: min(2rem, 4vw);
        border-bottom-left-radius: var(--_inner-radius);
        border-bottom-right-radius: var(--_inner-radius);
        display: flex;
        flex-direction: column;
        padding-bottom:clamp(1rem, 2vw, 2rem);
    }

    .icon-industry[b-by797f7fjg] {
        /* TODO PELA ver sacando el disply none para poner o no los iconos en las cards */
        display:none;
        width:clamp(4rem, 5vw, 6rem);
        overflow:hidden;
        aspect-ratio: 1 / 1;
        background: white;
        box-shadow: 0 0 5px 0px var(--mdn-color1);
        border-radius: 20%;
        padding: .8rem;
        position: absolute;
        bottom:0rem;
        left: 50%;
        transform:translateX(-50%) translateY(50%);
    }

    h3[b-by797f7fjg] {
        margin-top:.5rem;
        font-size: var(--font-size-2);
        color: var(--_title-color, var(--mdn-color1));
        //margin-top:2rem;
        font-weight: 500;
        //text-align:center;

        &:has(+p,+ul){
            margin-bottom: .5rem;
        }
    }

    p[b-by797f7fjg] {
        color: var(--_p-color);
        margin-bottom:2rem;
        font-size:var(--font-size-0);
    }

    @media (hover: hover) {
        &:hover[b-by797f7fjg] {
            box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
            --_bg-card: var(--mdn-color1);
            --_inner-border-color-card: var(--bg-main);
            --_title-color: var(--mdn-color2);
            --_p-color: white;
            --_btn-color: var(--mdn-color2);
            --_btn-color-hover: var(--mdn-color3);
            & .media {
                background-size: 140%;
            } 
        }

    }
}

[b-by797f7fjg] .btn-card {
    color: var(--_btn-color, var(--mdn-color1));
    align-self: end;

    &:hover {
        color: var(--_btn-color-hover, var(--mdn-color2));
    }

}
    /* STYLE CARD BLUE */
.card-blue[b-by797f7fjg] {
    --_bg-card: var(--mdn-color1);
    --_bg-text: var(--mdn-color1);
    --_inner-border-color-card: var(--bg-main);
    --_title-color: var(--mdn-color2);
    --_p-color: white;
    --_btn-color: var(--mdn-color2);
    --_btn-color-hover: var(--mdn-color3);
}

/* FIX SMOOTH SCROLL */
#OyG[b-by797f7fjg], #Mining[b-by797f7fjg], #Water[b-by797f7fjg], #Energy[b-by797f7fjg], #Industry[b-by797f7fjg] {
    position: absolute;
    top: -7rem;

    @media screen and (min-width: 800px){
        &[b-by797f7fjg] {
            top: -8rem;

        }

    }
    //background-color:red;
    //z-index:999;
    //width:100%;
    //height:1px;
}
/* */
a[class*="card-"][b-by797f7fjg] {
    position: relative;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
}

.card-oil[b-by797f7fjg] {
    & .media {
        background-image: url('./images/hero_oyg.webp');
    }
}
.card-mining[b-by797f7fjg] {
    & .media {
        background-image: url('./images/hero_mining.webp');
    }
}

.card-water[b-by797f7fjg] {
    & .media {
        background-image: url('./images/hero_water.webp');
    }
}

.card-energy[b-by797f7fjg] {
    & .media {
        background-image: url('./images/hero_energy.webp');
    }
}

.card-industry[b-by797f7fjg] {
    & .media {
        background-image: url('./images/hero_industry.webp');
    }
}



/* ________________________________________________________________ */
/* slider infinite */

.auto-slider-img-bg[b-by797f7fjg] {
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), 
        url(./images/iiot_img_bg-2.webp), 
        linear-gradient(to right top, var(--mdn-color3) 5%, var(--mdn-color2), var(--mdn-color1), var(--mdn-color1));
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), 
        url(./images/textures/shubham-dhage-w3sia2ldmig-unsplash.jpg), 
        linear-gradient(to right top, var(--mdn-color3) 5%, var(--mdn-color2), var(--mdn-color1), var(--mdn-color1));
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), 
        url(./images/textures/bg-abstract-01.webp),
        linear-gradient(to right top, var(--mdn-color3) 5%, var(--mdn-color2), var(--mdn-color1), var(--mdn-color1));
    background-blend-mode: multiply;
    background-position: center, center bottom, left;
    background-repeat: no-repeat;
    background-size: 100%, cover, 100%;
    background-attachment: scroll, fixed, scroll;
    //background-attachment: scroll;
}

.slider-wrapper[b-by797f7fjg] {
    --_animation-duration:  50s;
    margin-top: 2rem;
    width: 90%;
    max-width: 1536px;
    margin-inline: auto;
    height: 100px;
    position: relative;
    overflow: hidden;
    mask-image: linear-gradient( to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) );
}

@media (prefers-reduced-motion: no-preference) {
    @keyframes scrollLeft-b-by797f7fjg {
        to {
            left: -200px;
        }
    }

    @keyframes scrollRight-b-by797f7fjg {
        to {
            right: -200px;
        }
    }
}

.itemLeft[b-by797f7fjg],
.itemRight[b-by797f7fjg] {
    width: 200px;
    height: 100px;
    background-color: rgba(0, 0, 0, 0.19);
    border-radius: 6px;
    position: absolute;
    animation-timing-function: linear;
    animation-duration: var(--_animation-duration, 30s);
    animation-iteration-count: infinite;
}

.itemLeft[b-by797f7fjg] {
    left: max(calc(200px * 8), 100%);
    animation-name: scrollLeft-b-by797f7fjg;
}

.itemRight[b-by797f7fjg] {
    right: max(calc(200px * 8), calc(100% + 200px));
    animation-name: scrollRight-b-by797f7fjg;
}

[class*="slide-item"][b-by797f7fjg] {
    background-size: cover;
    //opacity:.8;
}

[class*="slide-item1"][b-by797f7fjg] {
    animation-delay: calc(var(--_animation-duration, 30s) / 8 * (8 - 1) * -1);
}

[class*="slide-item2"][b-by797f7fjg] {
    animation-delay: calc(var(--_animation-duration, 30s) / 8 * (8 - 2) * -1);
}

[class*="slide-item3"][b-by797f7fjg] {
    animation-delay: calc(var(--_animation-duration, 30s) / 8 * (8 - 3) * -1);
}

[class*="slide-item4"][b-by797f7fjg] {
    animation-delay: calc(var(--_animation-duration, 30s) / 8 * (8 - 4) * -1);
}

[class*="slide-item5"][b-by797f7fjg] {
    animation-delay: calc(var(--_animation-duration, 30s) / 8 * (8 - 5) * -1);
}

[class*="slide-item6"][b-by797f7fjg] {
    animation-delay: calc(var(--_animation-duration, 30s) / 8 * (8 - 6) * -1);
}

[class*="slide-item7"][b-by797f7fjg] {
    animation-delay: calc(var(--_animation-duration, 30s) / 8 * (8 - 7) * -1);
}

[class*="slide-item8"][b-by797f7fjg] {
    animation-delay: calc(var(--_animation-duration, 30s) / 8 * (8 - 8) * -1);
}

.slide-item1-a[b-by797f7fjg] {
    background-image: url('./images/industry_slider/item1-a.webp');
}

.slide-item2-a[b-by797f7fjg] {
    background-image: url('./images/industry_slider/item2-a.webp');
}

.slide-item3-a[b-by797f7fjg] {
    background-image: url('./images/industry_slider/item3-a.webp');
}

.slide-item4-a[b-by797f7fjg] {
    background-image: url('./images/industry_slider/item4-a.webp');
}

.slide-item5-a[b-by797f7fjg] {
    background-image: url('./images/industry_slider/item5-a.webp');
}

.slide-item6-a[b-by797f7fjg] {
    background-image: url('./images/industry_slider/item6-a.webp');
}

.slide-item7-a[b-by797f7fjg] {
    background-image: url('./images/industry_slider/item7-a.webp');
}

.slide-item8-a[b-by797f7fjg] {
    background-image: url('./images/industry_slider/item8-a.webp');
}

.slide-item1-b[b-by797f7fjg] {
    background-image: url('./images/industry_slider/item1-b.webp');
}

.slide-item2-b[b-by797f7fjg] {
    background-image: url('./images/industry_slider/item2-b.webp');
}

.slide-item3-b[b-by797f7fjg] {
    background-image: url('./images/industry_slider/item3-b.webp');
}

.slide-item4-b[b-by797f7fjg] {
    background-image: url('./images/industry_slider/item4-b.webp');
}

.slide-item5-b[b-by797f7fjg] {
    background-image: url('./images/industry_slider/item5-b.webp');
}

.slide-item6-b[b-by797f7fjg] {
    background-image: url('./images/industry_slider/item6-b.webp');
}

.slide-item7-b[b-by797f7fjg] {
    background-image: url('./images/industry_slider/item7-b.webp');
}

.slide-item8-b[b-by797f7fjg] {
    background-image: url('./images/industry_slider/item8-b.webp');
}


/* fin slider infinite */

/* _content/mdntec.site/Components/Pages/IndustriesEnergy.razor.rz.scp.css */
.hero-img[b-ngl1d7ssj5] {
    --_img-bg: url('./images/hero_energy.webp'), 
        linear-gradient(hsl(from var(--mdn-color1) h s l / 0%) 40%, hsl(from var(--mdn-color1) h s l / 100%)),
        linear-gradient(hsl(from var(--mdn-color2) h s l / 0%) 40%, hsl(from var(--mdn-color2) h s l / 100%)),
        linear-gradient(hsl(from var(--mdn-color3) h s l / 0%) 40%, hsl(from var(--mdn-color3) h s l / 100%));
    --_img-bg: url('./images/hero_energy.webp'), 
        linear-gradient(hsl(from var(--mdn-color1) h s l / 0%) 60%, hsl(from var(--mdn-color1) h s l / 100%)),
        linear-gradient(hsl(from var(--mdn-color3) h s l / 0%) 60%, hsl(from var(--mdn-color3) h s l / 100%));

    background-image: var(--_img-bg);
    --media-h: clamp(250px, calc(45vh + 10vw), 600px);
    height: var(--media-h);
    display: grid;
    align-items: end;
    box-shadow: var(--mdn-shadow-md);
    background-position:  bottom right, center right;
}

  .bg-text-energy[b-ngl1d7ssj5] {
    position:relative;
    isolation:isolate;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.80), rgba(255, 255, 255, 0.80)), 
        url(./images/energy_bg_swiper.webp); 
    background-blend-mode: multiply;
    background-blend-mode: luminosity;
    background-position: center, center bottom, left;
    background-repeat: no-repeat;
    background-size: 100%, cover, 100%;

    &:after
        {
            content: "";
            position: absolute;
            inset: 0;
            z-index: -1;
            background-image: linear-gradient(to right top in oklab,var(--mdn-color2) 15%, var(--mdn-color1));
            mix-blend-mode: multiply;
        }

}

.bullet-type-3[b-ngl1d7ssj5] {
    list-style: disc;
    list-style-position: outside;
    padding-left: 1.5rem;
}

.bullet-type-3 li:has( + li )[b-ngl1d7ssj5] {
    margin-bottom:2rem;
}

.energy-img-bg[b-ngl1d7ssj5] {
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url(./images/iiot_img_bg-2.webp), linear-gradient(to right top, var(--mdn-color3) 5%, var(--mdn-color2), var(--mdn-color1), var(--mdn-color1));
    /* background: linear-gradient(in oklab, blue, red); */
    background-blend-mode: multiply;
    background-position: center, center bottom, left;
    background-repeat: no-repeat;
    background-size: 100%, cover, 100%;
}


/* SLIDER */
/* __________________________________________ */

/*.swiper {
    width: 90vw;
    min-height: 100%;
    padding-bottom: 4rem;
}
.swiper-wrapper {
    --swiper-navigation-sides-offset: 2rem;;
}

.swiper-pagination {
    --swiper-pagination-bullet-size: 1rem;
    --swiper-pagination-bullet-inactive-color: var(--mdn-color4);
    --swiper-pagination-color: var(--mdn-color3);
    --swiper-pagination-bullet-border-radius: .3rem;
    --swiper-pagination-bullet-inactive-opacity: .6;

    & *:hover {

    --swiper-pagination-bullet-inactive-opacity: .9;
            }
}
.swiper-scrollbar {
    display:none;
}

[class*="swiper-button"] {
    --swiper-theme-color: var(--mdn-color3);
}*/

/* FIN SLIDER */
/* _content/mdntec.site/Components/Pages/IndustriesIndustry.razor.rz.scp.css */
.hero-img[b-mcr29blg12] {
    --_img-bg: url('./images/hero_industry.webp'), 
        linear-gradient(hsl(from var(--mdn-color1) h s l / 0%) 40%, hsl(from var(--mdn-color1) h s l / 100%)),
        linear-gradient(hsl(from var(--mdn-color2) h s l / 0%) 40%, hsl(from var(--mdn-color2) h s l / 100%)),
        linear-gradient(hsl(from var(--mdn-color3) h s l / 0%) 40%, hsl(from var(--mdn-color3) h s l / 100%));
    --_img-bg: url('./images/hero_industry.webp'), 
        linear-gradient(hsl(from var(--mdn-color1) h s l / 0%) 60%, hsl(from var(--mdn-color1) h s l / 100%)),
        linear-gradient(hsl(from var(--mdn-color3) h s l / 0%) 60%, hsl(from var(--mdn-color3) h s l / 100%));

    background-image: var(--_img-bg);
    --media-h: clamp(250px, calc(45vh + 10vw), 600px);
    height: var(--media-h);
    display: grid;
    align-items: end;
    box-shadow: var(--mdn-shadow-md);
    background-position: center right;
}

  .bg-text-industry[b-mcr29blg12] {
    position:relative;
    isolation:isolate;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.80), rgba(255, 255, 255, 0.80)), 
        url(./images/industry_bg_swiper.webp); 
    background-blend-mode: multiply;
    background-blend-mode: luminosity;
    background-position: center, center bottom, left;
    background-repeat: no-repeat;
    background-size: 100%, cover, 100%;

    &:after
        {
            content: "";
            position: absolute;
            inset: 0;
            z-index: -1;
            background-image: linear-gradient(to right top in oklab,var(--mdn-color2) 15%, var(--mdn-color1));
            mix-blend-mode: multiply;
        }

}
.energy-img-bg[b-mcr29blg12] {
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url(./images/iiot_img_bg-2.webp), linear-gradient(to right top, var(--mdn-color3) 5%, var(--mdn-color2), var(--mdn-color1), var(--mdn-color1));
    /* background: linear-gradient(in oklab, blue, red); */
    background-blend-mode: multiply;
    background-position: center, center bottom, left;
    background-repeat: no-repeat;
    background-size: 100%, cover, 100%;
}

/* _content/mdntec.site/Components/Pages/IndustriesMining.razor.rz.scp.css */
.hero-img[b-0nrwe95f7x] {
    --_img-bg: url('./images/hero_mining.webp'), 
        linear-gradient(hsl(from var(--mdn-color1) h s l / 0%) 40%, hsl(from var(--mdn-color1) h s l / 100%)),
        linear-gradient(hsl(from var(--mdn-color2) h s l / 0%) 40%, hsl(from var(--mdn-color2) h s l / 100%)),
        linear-gradient(hsl(from var(--mdn-color3) h s l / 0%) 40%, hsl(from var(--mdn-color3) h s l / 100%));
    --_img-bg: url('./images/hero_mining.webp'),
        linear-gradient(hsl(from var(--mdn-color1) h s l / 0%) 60%, hsl(from var(--mdn-color1) h s l / 100%)),
        linear-gradient(hsl(from var(--mdn-color3) h s l / 0%) 60%, hsl(from var(--mdn-color3) h s l / 100%));

    background-image: var(--_img-bg);
    --media-h: clamp(250px, calc(45vh + 10vw), 600px);
    height: var(--media-h);
    display: grid;
    align-items: end;
    box-shadow: var(--mdn-shadow-md);
    background-position: center right;
}

.mining-img-bg[b-0nrwe95f7x] {
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), 
        url(./images/iiot_img_bg-2.webp), 
        linear-gradient(to right top, var(--mdn-color3) 5%, var(--mdn-color2), var(--mdn-color1), var(--mdn-color1));
    /* background: linear-gradient(in oklab, blue, red); */
    background-blend-mode: multiply;
    background-position: center, center bottom, left;
    background-repeat: no-repeat;
    background-size: 100%, cover, 100%;



}

dt[b-0nrwe95f7x] {
    font-size: var(--font-size-1);
    font-weight:500; 
}

dd[b-0nrwe95f7x] {
    font-size: var(--font-size-0);
}

dd:has( + dt )[b-0nrwe95f7x] {
    margin-bottom:2rem;
}

.bg-text-mining[b-0nrwe95f7x] {
    position:relative;
    isolation:isolate;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), 
        url(./images/mining_bg_swiper.webp); 
    background-blend-mode: luminosity;
    background-position: center, center bottom, left;
    background-repeat: no-repeat;
    background-size: 100%, cover, 100%;

    &:after
        {
            content: "";
            position: absolute;
            inset: 0;
            z-index: -1;
            background-image: linear-gradient(to right top in oklab,var(--mdn-color2) 15%, var(--mdn-color1));
            mix-blend-mode: multiply;
        }

}




/* _content/mdntec.site/Components/Pages/IndustriesOyG.razor.rz.scp.css */
.hero-img[b-8z6cn4fsyb] {
    --_img-bg: url('./images/hero_oyg.webp'), 
        linear-gradient(hsl(from var(--mdn-color1) h s l / 0%) 40%, hsl(from var(--mdn-color1) h s l / 100%)),
        linear-gradient(hsl(from var(--mdn-color2) h s l / 0%) 40%, hsl(from var(--mdn-color2) h s l / 100%)),
        linear-gradient(hsl(from var(--mdn-color3) h s l / 0%) 40%, hsl(from var(--mdn-color3) h s l / 100%));
    --_img-bg: url('./images/hero_oyg.webp'), 
        linear-gradient(hsl(from var(--mdn-color1) h s l / 0%) 60%, hsl(from var(--mdn-color1) h s l / 100%)),
        linear-gradient(hsl(from var(--mdn-color3) h s l / 0%) 60%, hsl(from var(--mdn-color3) h s l / 100%));

    background-image: var(--_img-bg);
    --media-h: clamp(250px, calc(45vh + 10vw), 600px);
    height: var(--media-h);
    display: grid;
    align-items: end;
    box-shadow: var(--mdn-shadow-md);
    background-position: center right;
}

.bg-text-oyg[b-8z6cn4fsyb] {
    position: relative;
    isolation: isolate;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.80), rgba(255, 255, 255, 0.80)), 
        url(./images/oyg_bg_swiper.webp);
    background-blend-mode: multiply;
    background-blend-mode: luminosity;
    background-position: center, center bottom, left;
    background-repeat: no-repeat;
    background-size: 100%, cover, 100%;
    &:after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background-image: linear-gradient(to right top in oklab,var(--mdn-color2) 15%, var(--mdn-color1));
        mix-blend-mode: multiply;
    }

}

.oyg-img-bg[b-8z6cn4fsyb] {
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), 
                        url(./images/iiot_img_bg-2.webp),
                        linear-gradient(to right top, var(--mdn-color3) 5%, var(--mdn-color2), var(--mdn-color1), var(--mdn-color1));
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), 
                        url(./images/textures/shubham-dhage-w3sia2ldmig-unsplash.jpg),
                        linear-gradient(to right top, var(--mdn-color3) 5%, var(--mdn-color2), var(--mdn-color1), var(--mdn-color1));
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), 
                        url(./images/textures/bg-abstract-01.webp), 
                        linear-gradient(to right top, var(--mdn-color3) 5%, var(--mdn-color2), var(--mdn-color1), var(--mdn-color1));
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), 
                        url(./images/textures/bg-abstract-04.webp), 
                        linear-gradient(to right top, var(--mdn-color3) 5%, var(--mdn-color2), var(--mdn-color1), var(--mdn-color1));
    /* background: linear-gradient(in oklab, blue, red); */
    background-blend-mode: multiply;
    background-position: center, center, left;
    background-repeat: no-repeat;
    background-size: 100%, cover, 100%;
    background-attachment:scroll, fixed , scroll;
}

.title-employment[b-8z6cn4fsyb] {
    padding-inline: clamp(1rem, 2vw, 3rem);
    margin-bottom: 1rem;
}

.card-oyg-employment[b-8z6cn4fsyb] {
    --_opacity: 80%;
    /**/
    padding-top: clamp(1rem, 1.5vw, 1.5rem);
    padding-bottom: clamp(2rem, 3vw, 3rem);
    padding-inline: clamp(1rem, 2vw, 3rem);
    border-radius: var(--container-border-radius);
    transition: .2s box-shadow ease-in-out;
    &:hover
{
    box-shadow: var(--mdn-shadow-md);
}

    & h3[b-8z6cn4fsyb] {
             color:var(--mdn-color1);

             &:has( + * ) {
                              margin-bottom:1rem;
                          }
         }
}


/* _content/mdntec.site/Components/Pages/IndustriesWaterAndSanitation.razor.rz.scp.css */
.hero-img[b-ewb135mkru] {
    --_img-bg: url('./images/hero_water.webp'), 
        linear-gradient(hsl(from var(--mdn-color1) h s l / 0%) 40%, hsl(from var(--mdn-color1) h s l / 100%)),
        linear-gradient(hsl(from var(--mdn-color2) h s l / 0%) 40%, hsl(from var(--mdn-color2) h s l / 100%)),
        linear-gradient(hsl(from var(--mdn-color3) h s l / 0%) 40%, hsl(from var(--mdn-color3) h s l / 100%));
    --_img-bg: url('./images/hero_water.webp'), 
        linear-gradient(hsl(from var(--mdn-color1) h s l / 0%) 60%, hsl(from var(--mdn-color1) h s l / 100%)),
        linear-gradient(hsl(from var(--mdn-color3) h s l / 0%) 60%, hsl(from var(--mdn-color3) h s l / 100%));

    background-image: var(--_img-bg);
    --media-h: clamp(250px, calc(45vh + 10vw), 600px);
    height: var(--media-h);
    display: grid;
    align-items: end;
    box-shadow: var(--mdn-shadow-md);
    background-position: center right;
}


.water-img-bg[b-ewb135mkru] {
    background-image: 
            linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)),
            url(./images/iiot_img_bg-2.webp), 
            linear-gradient(to right top, var(--mdn-color3) 5%, var(--mdn-color2), var(--mdn-color1), var(--mdn-color1));
    /* background: linear-gradient(in oklab, blue, red); */
    background-blend-mode: multiply;
    background-position: center, center bottom, left;
    background-repeat: no-repeat;
    background-size: 100%, cover, 100%;
}

dt[b-ewb135mkru] {
    font-size: var(--font-size-1);
    font-weight: 500;
}

dd[b-ewb135mkru] {
    font-size: var(--font-size-0);
}

    dd:has( + dt )[b-ewb135mkru] {
        margin-bottom: 2rem;
    }

    .bg-text-water[b-ewb135mkru] {
    position:relative;
    isolation:isolate;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), 
        url(./images/water_bg_swiper.webp); 
    background-blend-mode: multiply;
    background-blend-mode: luminosity;
    background-position: center, center bottom, left;
    background-repeat: no-repeat;
    background-size: 100%, cover, 100%;

    &:after
        {
            content: "";
            position: absolute;
            inset: 0;
            z-index: -1;
            background-image: linear-gradient(to right top in oklab,var(--mdn-color2) 15%, var(--mdn-color1));
            mix-blend-mode: multiply;
        }

}

/* _content/mdntec.site/Components/Pages/MDNInnova.razor.rz.scp.css */
/*  _____________________*/
/* HERO HOME */
.hero-home[b-nt94mcn491] {
    position: relative;
    display: block;
    min-height: 100vh;
    min-height: 100dvh;
    background-image: 
            url("./images/istockphoto-1127257350-1024x1024.jpg"),
            linear-gradient(to left, var(--mdn-color1), var(--mdn-color2), var(--mdn-color3), var(--mdn-color4));
    background-image: 
            url("./images/mdn_innova_hero_bg.webp"),
            linear-gradient(to left, var(--mdn-color1), var(--mdn-color2), var(--mdn-color3), var(--mdn-color4));
   background-position: center top, left;
    background-repeat: no-repeat;
    background-size: cover, 300%;
    background-blend-mode: multiply;
    /*mask-image: linear-gradient(to left, transparent, black 15%, black 85%, transparent );*/
    /* ANIMATION */
    animation: hero-bg-animation-b-nt94mcn491 5s infinite alternate;
}
/* ANIMATION BG GRADIENT UNDER IMAGE */
@media (prefers-reduced-motion: no-preference) {
    @keyframes hero-bg-animation-b-nt94mcn491 {
        0% {
            background-position: center top, left;
        }

        100% {
            background-position: center top, right;
        }
    }
}
.hero-home-text[b-nt94mcn491] {
    position: sticky;
    text-align: center;
    color: white;
    display: grid;
    top: min(max(16vw,80px), 8rem);
}

.hero-home-brand[b-nt94mcn491] {
    height: 100%;
    inset: 0;
    grid-template-rows: minmax(4rem, 1fr) 25vh [iso-start] auto [iso-end] minmax(4rem, 1fr);
    grid-template-columns: minmax(4rem, 1fr) [iso-start] clamp(100px, 80vw, 500px) [iso-end] minmax(4rem, 1fr);
    & .hero-home-iso

{
    grid-row: iso;
    grid-column: iso;
    //width:100%;
    aspect-ratio: 1/1;
    margin-inline: auto;
}

}
/* _______________________*/
/* VARS */
[b-nt94mcn491] .hero-innova {
    --_title-color: var(--mdn-color1);
    --_p-color: var(--mdn-color1);
    --_tag-color: var(--mdn-color1);
    --card-bg: transparent;
    --card-text-bg: var(--mdn-color3);
}

[b-nt94mcn491] #Card_4 .card-media {
    background-image: url(./images/home-grape.webp);
    
    /*background-image: url(./images/home-grape.webp),
        linear-gradient(to left, var(--mdn-color1), var(--mdn-color2), var(--mdn-color3), var(--mdn-color4)); */
}

/* HERO Sintaxis con problema de compatibilidad con el compilador sass - codigo en home-news-card.scss */
/* compilador sass no soporta min*/
[b-nt94mcn491] .card-text {
    width: min(90vw, 1200px);
    margin-bottom: min(10vw, 4rem);
}

/* compilador sass no soporta menor, mayo e igual */
/* MEDIA QUERY */
@media (widht <= 680px), (height > 680px) {
    [b-nt94mcn491] .card-media {
        --media-h: clamp(250px, 60vh, 900px);
        //border: 5px solid red;
    }
}

@media (widht > 680px), (height <= 680px) {
    [b-nt94mcn491] .card-media {
        --media-h: clamp(200px, 30vh, 300px);
        //border: 5px solid green;
    }
}

[b-nt94mcn491] .quote {
    position: relative;
    padding-left: 2.2rem;
}
    [b-nt94mcn491] .quote::before,
    [b-nt94mcn491] .quote::after {
        position: absolute;
        font-size: 4rem;
        line-height: 0;
        padding-inline: 1rem;
        margin-top: 1.8rem;
        margin-inline: -1rem;
        display: inline-block;
        flex-grow: 0;
        opacity: .7;
    }
[b-nt94mcn491] .quote::before {
    content: open-quote;
    left: 0;
}
    [b-nt94mcn491] .quote::after {
        content: close-quote;
    }

.dys-img-plant[b-nt94mcn491] {
    position: relative;
    display: grid;
    grid-template-areas: "text" "bg";
    grid-template-rows: auto 1fr;
    /* */
    --_color-gradient: color-mix( in lab, var(--mdn-color3) 30%, #000000 );
    background-image: linear-gradient(to right top, var(--_color-gradient) 80%, var(--_color-gradient)),
        url('images/texture_bg_colors.webp');

    background-blend-mode:hard-light;
    background-size:cover;
}

.dys-img-bg-1[b-nt94mcn491] {
    grid-area: bg;
    width: 70vw;
    aspect-ratio: 300/139;
    margin-inline: auto;
    margin-top: min( 5vw, 5rem);
    margin-bottom: min( 12vw, 14rem);
    /* ____________________ */
    background-image: 
        
        linear-gradient(to left, var(--mdn-color1), var(--mdn-color2), var(--mdn-color3), var(--mdn-color4)); 
    background-position:  left;
    background-repeat: no-repeat;
    background-size: 300%;

    mask-image:url("../images/DYS_img_bg-1.svg");
    mask-repeat:no-repeat;
    
    /* ANIMATION */
    animation: dys-bg-img1-animation-b-nt94mcn491 5s infinite alternate;
}
/* ANIMATION BG GRADIENT UNDER IMAGE */
@media (prefers-reduced-motion: no-preference) {
    @keyframes dys-bg-img1-animation-b-nt94mcn491 {
        0% {
            background-position: left;
        }

        100% {
            background-position: right;
        }
    }
}

.dys-img-bg-2[b-nt94mcn491] {
    grid-area: bg;
    align-self: end;
    padding-top:3rem;
    /**/
    position: sticky;
    bottom: 0;
}

.dys-text[b-nt94mcn491] {
    grid-area: text;
    color: var(--mdn-color1);
    border-radius: var(--container-border-radius);
    padding: min(8vw, 4rem);
    margin-top: min(5vw, 10rem);

    /* variable para la clase bg-white-filter */
    --_color: color-mix( in lab, var(--mdn-color3) 85%, #ffffff );
}

@media (width > 1200px) {
    .dys-text[b-nt94mcn491] {
        //width: min(60vw, 700px);
    }

}


/* */
.bg-text-innova-1[b-nt94mcn491] {
    position: relative;
    isolation: isolate;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.90), rgba(255, 255, 255, 0.90)), 
        url(./istockphoto-1169900553-1024x1024.jpg);
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.90), rgba(255, 255, 255, 0.90)), 
        url(./images/istockphoto-1404243903-1024x1024.jpg);
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.90), rgba(255, 255, 255, 0.90)), 
        url(./images/mdn_innova_bg_01.webp);
    background-blend-mode: multiply;
    background-blend-mode: luminosity;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.bg-text-innova-2[b-nt94mcn491] {
    position: relative;
    isolation: isolate;
    background-image: linear-gradient(rgba(255, 255, 255, 0.80), 
        rgba(255, 255, 255, 0.80)),
        url(./images/mdn_innova_bg_01.webp);
    background-blend-mode: multiply;
    background-blend-mode: luminosity;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    &:after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background-image: 
            linear-gradient(to right top in oklab,
            var(--mdn-color3) 20%, var(--mdn-color1));
        mix-blend-mode: multiply;
    }

}

.bg-text-innova-3[b-nt94mcn491] {
    position: relative;
    isolation: isolate;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), 
        url(./images/mdn_innova_bg_01.webp);
    background-blend-mode: normal;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    box-shadow: var(--mdn-shadow-sm);
    height: 100%;
    &:after {
        --color-mask:var(--_color-mask, var(--mdn-color1));
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background-image: linear-gradient(to right top in oklab, var(--color-mask), var(--color-mask));
        mix-blend-mode: multiply;
    }

    &:hover[b-nt94mcn491]{
        box-shadow:var(--mdn-shadow-md);

    }
}

.list-block[b-nt94mcn491]{
     & > li, & > div {
            overflow:hidden;
            padding: clamp(1rem, 2vw, 2rem);
            text-align:center;
            border-radius: var(--radius-2xl);
            background-color:var(--_bg-block, var(--mdn-color1));
       
        & strong {
                        font-size: var(--font-size-0);
                        color:var(--_title-color-block, var(--mdn-color2));
                    }
        & span[b-nt94mcn491] {
                        font-size: var(--font-size--2);
                        color:var(--_text-color-block, var(--mdn-color4));
                    }
              
     } 

}

.bg-innova-1[b-nt94mcn491] {
    background-image: url(./images/istockphoto-1169900553-1024x1024.jpg), 
        linear-gradient(to right top in oklab, var(--mdn-color2) 15%, var(--mdn-color1));
    background-image: url(./images/istockphoto-1404243903-1024x1024.jpg), 
        linear-gradient(to right top in oklab, var(--mdn-color2) 15%, var(--mdn-color1));
    background-image: url(./images/mdn_innova_bg_01.webp), 
        linear-gradient(to right top in oklab, var(--mdn-color2) 15%, var(--mdn-color1));
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    background-attachment: fixed;
    & .media-innova > img {
        object-fit: cover;
        aspect-ratio: 600/600;
        width: 100%;
    }
}

[b-nt94mcn491] .advanced-technologies-card {
    //display:grid;
    //grid-template-rows:subgrid;
    grid-row: span 2;
    //background-color: white;
    padding-block: 1rem;
    padding-inline: clamp(1rem, 2vw, 2rem);
    border-radius: .6rem;
    transition: .2s box-shadow ease-in-out;
    box-shadow: var(--mdn-shadow-sm);

    &:hover {
        box-shadow: var(--mdn-shadow-md);
    }
}

.innova-img-1[b-nt94mcn491] {
    position: relative;
    width: min(400px, 80vw);
    aspect-ratio: 1 / 1;
    background-image: url('images/mdn_innova_01.webp');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    mask-image: url('images/mask-image.svg');
    mask-repeat: no-repeat;
    z-index: 1;
    backdrop-filter: drop-shadow( 10px 10px 10px rgba(0, 0, 0, 0.85));
}
.innova-img-2[b-nt94mcn491] {
    position: relative;
    width: min(400px, 80vw);
    aspect-ratio: 1 / 1;
    background-image: url('images/mdn_innova_02.webp');
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    mask-image: url('images/mask-image.svg');
    mask-repeat: no-repeat;
    z-index: 1;
    backdrop-filter: drop-shadow( 10px 10px 10px rgba(0, 0, 0, 0.85));
}
/* _content/mdntec.site/Components/Pages/ProjectBook.razor.rz.scp.css */
.fp-iframe[b-p85veyeht0] {
    min-height: calc(100dvh - var(--header-h));
}
/* _content/mdntec.site/Components/Pages/Services.razor.rz.scp.css */
body[b-yl5h8iqawx] {
}

.hero-services[b-yl5h8iqawx] {
    position: relative;
    display: grid;
    --media-h: clamp(250px, calc(45vh + 10vw), 600px);
    height: var(--media-h);
    isolation: isolate;
    background-image: url("../images/hero-services.webp"), linear-gradient(hsl(from var(--mdn-color1) h s l / 0%) 40%, hsl(from var(--mdn-color1) h s l / 100%)), linear-gradient(hsl(from var(--mdn-color3) h s l / 0%) 40%, hsl(from var(--mdn-color3) h s l / 100%));
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*--_bg-gradient: linear-gradient(to left, white, white);*/
    --_bg-gradient: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85));
    background-blend-mode: multiply;
    &:after {
        content: "";
        position: absolute;
        inset: 0;
        background-image: url(./images/textures/bg-abstract-01.webp), 
            linear-gradient(to right top in oklab, var(--mdn-color2) 15%, var(--mdn-color1));
        mix-blend-mode: multiply;
        mix-blend-mode: soft-light;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom, center;
        background-blend-mode: multiply;
        background-attachment: fixed, scroll;
        //opacity: .9;
    }

}

ul[b-yl5h8iqawx] {
    padding-inline: 2rem;
}

li[b-yl5h8iqawx] {
    list-style-type: disc !important;
}



p:has( + h3 )[b-yl5h8iqawx],
p:has( + h4 )[b-yl5h8iqawx] {
    padding-bottom: 2rem;
}

h4[b-yl5h8iqawx] {
    font-weight: 500;
}

    h4:has( + dl )[b-yl5h8iqawx] {
        padding-bottom: 1rem;
    }

.services-title[b-yl5h8iqawx] {
    color: var(--_color, var(--mdn-color4));

    &:before
    {
        content: "";
        display:inline-block;
        position:relative;
        mask-image: url('./images/bullet-lightblue.svg');
        background:var(--_color, var(--mdn-color3));
        width: 2rem;
        aspect-ratio: 1/1;
        height:auto;
        top:0.4rem;
    }
}

[b-yl5h8iqawx] .own-services-card {
    //display:grid;
    //grid-template-rows:subgrid;
    grid-row: span 2;
    //background-color: white;
    padding-block: 1rem;
    padding-inline: clamp(1rem, 2vw, 2rem);
    border-radius: .6rem;
    transition: .2s box-shadow ease-in-out;
    box-shadow: var(--mdn-shadow-sm);

    &:hover {
        box-shadow: var(--mdn-shadow-md);
    }

}

.text-p[b-yl5h8iqawx] {
    margin-block:clamp(1rem, 2vw, 2rem);
    margin-inline: clamp(1rem, 2vw, 2rem);
}



.bg-services-1[b-yl5h8iqawx], .bg-services-1 > .bg-title[b-yl5h8iqawx] {
    background-image: 
        url(./images/textures/bg-abstract-03.webp),
        linear-gradient(to right top in oklab, var(--mdn-color2) 15%, var(--mdn-color1));
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    background-attachment:fixed;

    & .media-services > img {
        object-fit:cover;
        aspect-ratio:600/400;
        width:100%;
    }
}

.bg-services-2[b-yl5h8iqawx], .bg-services-2 > .bg-title[b-yl5h8iqawx] {
    background-image: 
        url(./images/textures/bg-abstract-03.webp),
        linear-gradient(to right top in oklab, var(--mdn-color4) 15%, var(--mdn-color4));
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: soft-light;
    background-attachment: fixed;
                      
    & .media-services > img {
        object-fit:cover;
        aspect-ratio:600/300;
        width:100%;
    }
}

.bg-services-3[b-yl5h8iqawx], .bg-services-3 > .bg-title[b-yl5h8iqawx] {
    background-image: url(./images/textures/bg-abstract-03.webp), linear-gradient(to right top in oklab, var(--mdn-color2) 15%, var(--mdn-color1));
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    background-attachment: fixed;

    & .media-services > img {
        object-fit: cover;
        aspect-ratio: 600/400;
        width: 100%;
    }
}

.own-services-sublist[b-yl5h8iqawx] {
    & > li {
        font-size: var(--font-size--1);
        padding-bottom:0.5rem;
            
        & > strong {
            font-weight:600;
            color:black;
        }
    }
}

.bg-services-4[b-yl5h8iqawx], .bg-services-4 > .bg-title[b-yl5h8iqawx] {
    background-image: 
        url(./images/textures/bg-abstract-03.webp),
        linear-gradient(to right top in oklab, var(--mdn-color4) 15%, var(--mdn-color4));
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: soft-light;
    background-attachment: fixed;
                      
    & .media-services > img {
        object-fit:cover;
        aspect-ratio:600/400;
        width:100%;
    }
}

.bg-services-5[b-yl5h8iqawx], .bg-services-5 > .bg-title[b-yl5h8iqawx] {
    background-image: 
        url(./images/textures/bg-abstract-03.webp), 
        linear-gradient(to right top in oklab, var(--mdn-color2) 15%, var(--mdn-color1));
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    background-attachment: fixed;
    & .media-services > img {
        object-fit: cover;
        aspect-ratio: 710/300;
        width: 100%;
    }
}

.bg-services-6[b-yl5h8iqawx], .bg-services-6 > .bg-title[b-yl5h8iqawx] {
    background-image:
        url(./images/textures/bg-abstract-03.webp),
        linear-gradient(to right top in oklab, var(--mdn-color4) 15%, var(--mdn-color4));
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: soft-light;
    background-attachment: fixed;
    & .media-services > img {
        object-fit: cover;
        aspect-ratio: 710/300;
        width: 100%;
    }
}

.bg-services-automation-1[b-yl5h8iqawx] {
    width:100%;
    height:100%;
    min-height:350px;
    background-image: 
        url(./images/mdn_services_automation.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center right;
}
.bg-services-automation-2[b-yl5h8iqawx] {
    width:100%;
    height:100%;
    min-height:350px;
    background-image: 
        url(./images/mdn_services_automation_2.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center right;
}
/* _content/mdntec.site/Components/Partials/BoxSimple.razor.rz.scp.css */
/* box in rtls -- home article */
.rtls-step-text[b-k4imbqdet3] {
    border-top: 1rem solid color-mix( in lab, var(--_number-bg) var(--_percentage), var(--_number-bg2));
    padding-inline: 2rem;
}

.rtls-step-text h3[b-k4imbqdet3] {
    margin-block: 1rem;
    font-size: var(--font-size-1);
    font-weight: 600;
    color: var(--mdn-color1);
}

.rtls-step-text p[b-k4imbqdet3] {
    font-size: var(--font-size-0);
}

.rtls-step-text p:has( + p )[b-k4imbqdet3] {
    margin-bottom: 0.5rem;
}

/* box in iiot -- home article */

.iiot-step-text h3[b-k4imbqdet3] {
    margin-block: 1rem;
    font-size: var(--font-size-1);
    font-weight: 600;
    color: var(--mdn-color1);
}

.iiot-step-text p[b-k4imbqdet3] {
    font-size: var(--font-size-0);
}

.iiot-step-text p:has( + p )[b-k4imbqdet3] {
    margin-bottom: 0.5rem;
}

/* box in Industry */

.industries-card[b-k4imbqdet3] {
    width: clamp(150px, 30vw, 500px);
    width: auto;
    /*height:min(100dvh, 100%);*/
    height: 100%;

    & h3 {
        font-size: var(--font-size-1);
        font-weight: 600;
        color: var(--mdn-color1);
        
        &:has( + * ) {
            margin-bottom: 1rem;
        }
    }


    & p[b-k4imbqdet3] {
        font-size: var(--font-size-0);
    
        &:has( + p ) {
            margin-bottom: 0.5rem;
        } 
    }

}

/* box in Industry */

.own-services-card[b-k4imbqdet3],
.advanced-technologies-card[b-k4imbqdet3] {
    & > h3 {
    font-size: var(--font-size-0);
    font-weight: 600;
    color: var(--mdn-color1);

        &:has( + * ) {
            margin-bottom: .5rem;
        }
    }
    
    & > p[b-k4imbqdet3] {
        font-size: var(--font-size-0);
        &:has( + p ) {
            margin-bottom: 0.5rem;
        }

    }
}


/* box in home / Sustentability */

.sustentability-card[b-k4imbqdet3] {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    width: clamp(150px, 30vw, 500px);
    width: auto;
    /*height: min(100dvh, 100%);*/
    height: 100%;
    > div {
        display: grid;
        grid-template-rows: subgrid;
        grid-row: span 2;
        grid-row-gap: 4rem;
    }

    & h3[b-k4imbqdet3] {
        font-size: var(--font-size-2    );
        font-weight: 600;
        color: var(--mdn-color1);
        text-align:center;
        padding-top:0.5rem;
        text-transform:uppercase;
    
        &:has( + * ) {
            margin-bottom: 1.5rem;
        }

    }


    & p[b-k4imbqdet3] {
        font-size: var(--font-size-0);

        &:has( + p ) {
            margin-bottom: 0.5rem;
        }

    }
}
/* _content/mdntec.site/Components/Partials/brandanimation.razor.rz.scp.css */
.logo-referencia[b-m9d390herb]{position:absolute;inset:0;background-image:url(partials/images/brand_iso.svg;background-position:center center;background-repeat:no-repeat;margin-top:18%;width:27vw;aspect-ratio:1/1;margin-inline:auto;transition:all .8s ease-in-out}.home-brand-animation[b-m9d390herb]{position:relative;width:100%;height:70vh;text-align:center;container-type:inline-size;container-name:brand-logo}.iso[b-m9d390herb]{border:2px solid #b200ff;position:relative;display:flex;width:50vw;aspect-ratio:1 / 1;transform-style:preserve-3d;transform:perspective(1000px) rotateY(180deg);animation:all .2s ease-in-out forwards;transition:all .2s ease-in-out}.iso>.center[b-m9d390herb]{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;animation:all .2s ease-in-out forwards;transition:all .2s ease-in-out}.iso>.center>.item[b-m9d390herb]{position:absolute;background:var(--_bg-item, red);width:90px;aspect-ratio:1/1;border-radius:25%;animation:all .2s ease-in-out forwards;transition:all .8s ease-in-out;transform:scaleX(var(--sX, 1)) scaleY(var(--sY, 1)) scaleZ(var(--sZ, 1)) rotateX(var(--rX, 0deg)) rotateY(var(--rY, 0deg)) rotateZ(var(--rZ, 0deg)) translateX(var(--tX, 0px)) translateY(var(--tY, 0px)) translateZ(var(--tZ, 0px)) skewX(var(--skX, 0deg)) skewY(var(--skY, 0deg))}.center.cd[b-m9d390herb]{transform:translateY(0px)}.center.cb[b-m9d390herb]{position:relative;display:flex;transform:translateY(-130px)}.item[b-m9d390herb]{--total-items: 10;--total-deg: 360deg}.item-b1[b-m9d390herb]{--_bg-item: green;--tZ: 230px;--rY: calc( (var(--total-deg)/var(--total-items)) * 3)}.item-b1>img[b-m9d390herb]{transform:skewX(-23deg) skewY(0deg) rotateX(25deg) rotateY(-10deg) rotateZ(88deg)}.item-b2[b-m9d390herb]{--_bg-item: green;--tZ: 230px;--rY: calc( (var(--total-deg)/var(--total-items)) * 4)}.item-b2>img[b-m9d390herb]{width:100%;height:100%;transform:skewX(0deg) skewY(14deg) rotateX(30deg) rotateY(-30deg) rotateZ(0)}.item-c1[b-m9d390herb]{--_bg-item: green;--tZ: 230px;--rY: calc( (var(--total-deg)/var(--total-items)) * 3)
    }.item-c2[b-m9d390herb]{--_bg-item: var(--mdn-color1);--tZ: 230px;--rY: calc( (var(--total-deg)/var(--total-items)) * 4)}.item-c3[b-m9d390herb]{--_bg-item: var(--mdn-color2);--tZ: 230px;--rY: calc( (var(--total-deg)/var(--total-items)) * 5)}.item-c4[b-m9d390herb]{--_bg-item: var(--mdn-color3);--tZ: 230px;--rY: calc( (var(--total-deg)/var(--total-items)) * 6)}.item-c5[b-m9d390herb]{--_bg-item: var(--mdn-color4);--tZ: 230px;--rY: calc( (var(--total-deg)/var(--total-items)) * 7)}.item-d1[b-m9d390herb]{--_bg-item: green;--tZ: 230px;--sX: .97;--sY: .9;--skX: 30deg;--rX: calc( (var(--total-deg)/var(--total-items)) * 4);--rY: calc( (var(--total-deg)/var(--total-items)) * 3)
    }.item-d2[b-m9d390herb]{--_bg-item: var(--mdn-color1);--tZ: 230px;--rX: calc( (var(--total-deg)/var(--total-items)) * 4);--rY: calc( (var(--total-deg)/var(--total-items)) * 4)}.item-d3[b-m9d390herb]{--_bg-item: var(--mdn-color2);--tZ: 230px;--rX: calc( (var(--total-deg)/var(--total-items)) * 4);--rY: calc( (var(--total-deg)/var(--total-items)) * 5)}.item-d4[b-m9d390herb]{--_bg-item: var(--mdn-color3);--tZ: 230px;--rX: calc( (var(--total-deg)/var(--total-items)) * 4);--rY: calc( (var(--total-deg)/var(--total-items)) * 6)}.item-d5[b-m9d390herb]{--_bg-item: var(--mdn-color4);--sX: .97;--sY: .9;--tZ: 230px;--skX: -30deg;--rX: calc( (var(--total-deg)/var(--total-items)) * 4);--rY: calc( (var(--total-deg)/var(--total-items)) * 7)}

/*# sourceMappingURL=brandanimation.razor.css.map */
/* _content/mdntec.site/Components/Partials/BreadCrumbs.razor.rz.scp.css */
/* */
/* _____________________________________________________________________ */
/* NAV BREAD CRUMBS */
.bread-crumbs[b-2nxxxp2pxv] {
    position: sticky;
    top: var(--header-h);
    z-index: 1;
    background: var(--mdn-color1);
    color: var(--mdn-color3);
    fill: var(--mdn-color3);
    z-index: 4;
}

.bread-crumbs-wrapper[b-2nxxxp2pxv] {
    display: flex;
    //flex-wrap: wrap;
    column-gap: clamp(0.5rem, 2vw, 2rem);
    row-gap: 0.5rem;
    min-height: 3rem;
    align-items: center;
    text-overflow: ellipsis;
    /* Required for text-overflow to do anything */
    white-space: nowrap;
    overflow: hidden;

    & a:last-child {
            pointer-events: none;
        }

        & a:not(:last-child)[b-2nxxxp2pxv] {

            &:hover {
                color: var(--mdn-color2);
                fill: var(--mdn-color2);
            }
        }
    }
/* _content/mdntec.site/Components/Partials/digitaltransformationstepheader.razor.rz.scp.css */

/*# sourceMappingURL=digitaltransformationstepheader.razor.css.map */
/* _content/mdntec.site/Components/Partials/HomeNewsCard.razor.rz.scp.css */
/* CARD */
/* __________________________________________________ */

.home-news[b-twq0xxth6n] {
    display: grid;
    background: var(--bg-card);

    /* ANIMATION */
    transition-timing-function: ease-in-out;
    transition-duration: 0.4s;
    transition-delay: .2s;
}

.card-media[b-twq0xxth6n] {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.card-text[b-twq0xxth6n] {
    --text-traslate: max(4vw, 1.5rem);
    --padding-block: max(3vw, 3rem);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    background: var(--card-text-bg, white);
    border-radius: var(--container-border-radius);
    align-self: center;
    padding-inline: var(--text-traslate);
    z-index: 1;
    padding-block: var(--padding-block);
}


/* Responsive menor o igual a 800px */
@container home-news-container (width <= 800px) {

    .home-news[b-twq0xxth6n] {
        grid-template-columns: 1fr;
        padding-bottom: 2rem;
    }

    .card-media[b-twq0xxth6n] {
        min-height: max(300px, 50vw);
        //aspect-ratio:1/1;
    }

    .card-text[b-twq0xxth6n] {
        margin-top: -3rem;
        width: 90%;
        margin-inline: auto;
    }
}

/* Responsive mayor a 800px */
@container home-news-container (width > 800px) {

    .home-news-wrapper[b-twq0xxth6n] {
        /*grid-template-columns: 1fr 1fr;*/

        &:nth-child(odd) .home-news {
            grid-template-columns: [ media-start ] 1fr [ text-start] 0fr [ media-end] 1fr [ text-end];
            /*grid-template-areas: "media text";*/
        }

            &:nth-child(odd) .card-text[b-twq0xxth6n] {
                margin-left: calc(var(--text-traslate) * -1);
                justify-self: start;
            }

        &:nth-child(even) .home-news[b-twq0xxth6n]{
            grid-template-columns: [text-start] 1fr [media-start] 0fr [text-end] 1fr [media-end];
            /*grid-template-areas: "text media";*/
        }

            &:nth-child(even) .card-text[b-twq0xxth6n] {
                margin-right: calc(var(--text-traslate) * -1);
                justify-self: end;
            }

        /**/
        /* Animation hover in button*/
        /**/
        &:nth-child(odd) .home-news:has( .card-text .btn:hover)[b-twq0xxth6n] {
            grid-template-columns: [media-start] 1fr [text-start] 1fr [media-end] 0fr [text-end];
            /*grid-template-columns: 1fr 0fr;*/
        }

        &:nth-child(even) .home-news:has( .card-text .btn:hover)[b-twq0xxth6n] {
            grid-template-columns: [text-start] 0fr [media-start] 1fr [text-end] 1fr [media-end];
            /*grid-template-columns: 1fr 0fr;*/
        }
    }

    .card-media[b-twq0xxth6n] {
        grid-area: media;
        min-height: 100vh;
        min-height: 100dvh;
        //aspect-ratio:1/1;
    }

    .card-text[b-twq0xxth6n] {
        grid-area: text;
        width: min(45vw + 1rem, 700px);
        margin-block: 3rem;
    }
}


      
/* _content/mdntec.site/Components/Partials/ProjectsCard.razor.rz.scp.css */
/* CARD */
/* __________________________________________________ */
.project-cards-container[b-5lxsjns95u] {
    container-type: inline-size;
    container-name: project-cards-container;
    display: grid;
    gap: 2rem;
}

.card-project[b-5lxsjns95u] {
    position: relative;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    background: var(--card-text-bg, white);
    border-radius: var(--container-border-radius);
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 7;
    gap: 0rem;
    /* for border gradient */
    --_padding: 0.2rem;
    --_inner-radius: var(--container-border-radius);
    --_outer-radius: calc(var(--container-border-radius) + var(--_padding));
    --border-width: min(10%, 0.8rem);
    isolation: isolate;
    padding: var(--_padding);
    border-radius: var(--_outer-radius);

    &:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background-image: conic-gradient(from var(--angle), var(--mdn-color1), var(--mdn-color2), var(--mdn-color3), var(--mdn-color1));
        top: 50%;
        left: 50%;
        translate: -50% -50%;
        z-index: -1;
        //padding: var(--_border-width);
        //border-radius: calc(var(--_border-radius) + var(--_border-width) - 0.4rem);
        animation: 10s rotate-infinite linear infinite;
            border-radius: var(--_outer-radius);
    }
}

.card-media[b-5lxsjns95u] {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    //height: clamp(200px, 15vw, 260px);
    row-gap: 0.2rem;

    & img {
        border-top-left-radius: var(--_inner-radius);
        border-top-right-radius: var(--_inner-radius);
        grid-column: 1 / -1;
        grid-row: 1 / 3;
        width: 100%;
        height: clamp(200px, 15vw, 260px);
        aspect-ratio: 4 / 3;
        object-fit: cover;
    }

    & .card-industry[b-5lxsjns95u] {
        grid-column:1 / -1;
        grid-row: 2 / 3;

        font-size: var(--font-size--2);
        letter-spacing: 0.1rem;
        align-self: end;
        justify-self: start;
        margin: 1rem;
        padding: .5rem 1rem;
        color: white;
        border-radius: 99px;
        //background-color: var(--mdn-color1);
        background-image: linear-gradient(to right top , var(--mdn-color2), var(--mdn-color1));
        box-shadow: var(--mdn-shadow-md);
    }

    & .card-year[b-5lxsjns95u] {
        grid-column: 1 / -1;
        grid-row: 1 / 2;
        font-size: var(--font-size--2);
        letter-spacing: 0.1rem;
        align-self: start;
        justify-self: end;
        margin: 1rem;
        padding: .5rem 1rem;
        color: white;
        border-radius: 99px;
        background-image: linear-gradient(to right top, var(--mdn-color2), var(--mdn-color1));
        box-shadow: var(--mdn-shadow-md);
    }
}

.card-text[b-5lxsjns95u] {
    display: grid;
    gap: 0.2rem;
    grid-template-rows: subgrid;
    grid-row: span 18;
    align-self: start;
    /* padding */
    --_px-min: calc(1rem - var(--_padding));
    --_px-max: calc(2rem - var(--_padding));
    --_py-min: calc(.5rem - var(--_padding));
    --_py-max: calc(1rem - var(--_padding));
    padding-inline: clamp(var(--_px-min), 2vw, var(--_px-max));
    padding-block: clamp(var(--_py-min), 1vw, var(--_py-max));
    row-gap: 0.2rem;
    background: white;
    border-bottom-left-radius: var(--_inner-radius);
    border-bottom-right-radius: var(--_inner-radius);
    /* card bg blue */
    //color:white;
    //background: var(--mdn-color1);

    & > * {
             align-self:start;
             grid-template-rows:subgrid;
             grid-row: span 1;

         }

    & h1[b-5lxsjns95u] {
        font-size:var(--font-size-0);
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        color: var(--mdn-color1);
        /* card bg blue */
        //color: var(--mdn-color1);

         }

    & p[b-5lxsjns95u] {
        font-size: var(--font-size--1);
        -webkit-line-clamp: 5;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }

    & .card-location[b-5lxsjns95u] {
        position:relative;
        font-size: var(--font-size--1);
        padding-left:1rem;

                &:before {
            content:"";
            position:absolute;
            inset:0;
            background-image: url('images/map-marker-alt-solid.svg');
            width:0.7rem;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;

           }
    }

    & .card-project-btn[b-5lxsjns95u] {
        cursor:pointer;
        display:inline-flex;
        gap: 0.8rem;
        padding-block:.8rem;
        padding-inline: 1rem;
        margin-top:1rem;
        margin-bottom:.8rem;
        border-radius:.6rem;
        color:white;
        justify-self: start;

        & span {

            position: relative;
            font-size: var(--font-size--1);
            //padding-left: 1rem;

               }

        &[b-5lxsjns95u]::after
            {
            content: "";
            background-image: url('images/file-pdf-regular.svg');
            width: 1rem;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
        }

    }
}



      
/* _content/mdntec.site/Components/Swiper/swiper.razor.rz.scp.css */
.swiper[b-rtc4rcu13h]{width:var(--_swiper-w)}.industries-contributions[b-rtc4rcu13h]{padding-bottom:4rem;--_swiper-w: 97vw}.industries-contributions .swiper[b-rtc4rcu13h]{min-height:100%;padding-inline:3rem;padding-bottom:4rem}.industries-contributions .swiper .swiper-wrapper[b-rtc4rcu13h]{--swiper-navigation-sides-offset: 2rem}.project-cards-container[b-rtc4rcu13h]{padding-bottom:4rem;--_swiper-w: 97vw}.project-cards-container .swiper[b-rtc4rcu13h]{min-height:100%;padding-inline:3rem;padding-bottom:4rem}.project-cards-container .swiper .swiper-wrapper[b-rtc4rcu13h]{--swiper-navigation-sides-offset: 2rem;container-type:inline-size;container-name:project-cards-container;display:grid;grid-auto-flow:column}.project-cards-container .swiper .swiper-wrapper[b-rtc4rcu13h]  .swiper-slide{display:grid;grid-template-rows:subgrid;grid-row:span 7}.success-cases-swiper[b-rtc4rcu13h]{padding-bottom:4rem;--_swiper-w: 97vw}.success-cases-swiper .swiper[b-rtc4rcu13h]{min-height:100%;padding-inline:3rem;padding-bottom:4rem}.success-cases-swiper .swiper .swiper-wrapper[b-rtc4rcu13h]{--swiper-navigation-sides-offset: 2rem;container-type:inline-size;container-name:project-cards-container;display:grid;grid-auto-flow:column}.success-cases-swiper .swiper .swiper-wrapper[b-rtc4rcu13h]  .swiper-slide{display:grid;grid-template-rows:subgrid;grid-row:span 3}.sust-features-swiper[b-rtc4rcu13h]{padding-bottom:4rem;--_swiper-w: 97vw}.sust-features-swiper .swiper[b-rtc4rcu13h]{min-height:100%;padding-inline:3rem;padding-bottom:4rem}.sust-features-swiper .swiper .swiper-wrapper[b-rtc4rcu13h]{--swiper-navigation-sides-offset: 2rem;container-type:inline-size;container-name:project-cards-container;display:grid;grid-auto-flow:column}.sust-features-swiper .swiper .swiper-wrapper[b-rtc4rcu13h]  .swiper-slide{display:grid;grid-template-rows:subgrid;grid-row:span 3}

/*# sourceMappingURL=swiper.razor.css.map */
/* _content/mdntec.site/Components/Swiper/swipercontrols.razor.rz.scp.css */
.swiper-pagination[b-bdn9qkdxfd]{--swiper-pagination-bullet-size: 1rem;--swiper-pagination-bullet-inactive-color: var(--mdn-color4);--swiper-pagination-color: var(--mdn-color3);--swiper-pagination-bullet-border-radius: .3rem;--swiper-pagination-bullet-inactive-opacity: .6}.swiper-pagination *:hover[b-bdn9qkdxfd]{--swiper-pagination-bullet-inactive-opacity: .8}.swiper-scrollbar[b-bdn9qkdxfd]{display:none}[class*="swiper-button"][b-bdn9qkdxfd]{--swiper-theme-color: var(--mdn-color3);--swiper-navigation-size: 3rem;font-weight:bolder}.swiper-button-disabled[b-bdn9qkdxfd]{display:none}[b-bdn9qkdxfd] .swiper-pagination-bullet{border-style:var(--tw-border-style);border-width:1px;border-color:var(--mdn-color3);box-shadow:rgba(0,0,0,0.05) 0px 6px 24px 0px,rgba(0,0,0,0.08) 0px 0px 0px 1px}[b-bdn9qkdxfd] .swiper-pagination-bullet:hover{--swiper-pagination-bullet-inactive-color: var(--mdn-color3)}

/*# sourceMappingURL=swipercontrols.razor.css.map */