/* ==========================================================
   VIREXIS — Mi.TO. SIGNATURE TECHNOLOGY
   Elaborado por Miguel Minier | MDesign
   ========================================================== */

.vx-mito{
    --mito-navy:#041d2d;
    --mito-navy-2:#082b42;
    --mito-blue:#0b5f8e;
    --mito-cyan:#37bdf5;
    --mito-ice:#edf8fc;
    --mito-text:#10283a;
    --mito-muted:#657785;
    --mito-line:#d8e6ed;
    background:#fff;
    color:var(--mito-text);
    overflow:hidden;
}

.vx-mito *,
.vx-mito *::before,
.vx-mito *::after{
    box-sizing:border-box;
}

.vx-mito-container{
    width:min(1180px,calc(100% - 48px));
    margin-inline:auto;
}

.vx-mito h1,
.vx-mito h2,
.vx-mito h3,
.vx-mito p{
    margin-top:0;
}

.vx-mito h1,
.vx-mito h2{
    letter-spacing:-.045em;
}

.vx-mito h1 em,
.vx-mito h2 em{
    font-family:Georgia,"Times New Roman",serif;
    font-weight:400;
    font-style:italic;
}

.vx-mito-eyebrow,
.vx-mito-kicker{
    font-size:10px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.24em;
    text-transform:uppercase;
}

.vx-mito-eyebrow{
    display:flex;
    align-items:center;
    gap:12px;
    color:var(--mito-cyan);
}

.vx-mito-eyebrow > span{
    width:28px;
    height:1px;
    background:currentColor;
}

.vx-mito-kicker{
    color:var(--mito-blue);
    margin-bottom:22px;
}

.vx-mito-kicker-light{
    color:var(--mito-cyan);
}


/* HERO */

.vx-mito-hero{
    position:relative;
    background:
        radial-gradient(circle at 78% 18%,rgba(55,189,245,.13),transparent 27%),
        linear-gradient(120deg,#031724 0%,#06283c 56%,#083550 100%);
    color:#fff;
    min-height:720px;
}

.vx-mito-hero-glow{
    position:absolute;
    width:520px;
    height:520px;
    border:1px solid rgba(55,189,245,.11);
    border-radius:50%;
    right:-190px;
    top:-160px;
}

.vx-mito-hero-grid{
    min-height:720px;
    display:grid;
    grid-template-columns:minmax(0,1.03fr) minmax(360px,.72fr);
    gap:78px;
    align-items:center;
    padding-top:74px;
    padding-bottom:74px;
}

.vx-mito-hero-copy{
    position:relative;
    z-index:2;
}

.vx-mito-hero h1{
    font-size:clamp(68px,7vw,106px);
    line-height:.88;
    margin:32px 0 32px;
    color:#fff;
}

.vx-mito-hero h1 em{
    display:block;
    font-size:.54em;
    line-height:1.02;
    color:var(--mito-cyan);
    margin-top:19px;
}

.vx-mito-lead{
    max-width:610px;
    font-size:17px;
    line-height:1.72;
    color:rgba(255,255,255,.74);
}

.vx-mito-actions{
    display:flex;
    gap:13px;
    flex-wrap:wrap;
    margin-top:36px;
}

.vx-mito-btn{
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:28px;
    border-radius:999px;
    padding:0 24px;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
    letter-spacing:.02em;
    transition:.25s ease;
}

.vx-mito-btn-primary{
    color:#fff;
    background:linear-gradient(135deg,#0a79c5,#30aef2);
    border:1px solid rgba(255,255,255,.22);
    box-shadow:0 15px 34px rgba(0,94,153,.25);
}

.vx-mito-btn-primary:hover{
    transform:translateY(-2px);
    color:#fff;
}

.vx-mito-btn-ghost{
    color:#dff6ff;
    border:1px solid rgba(126,211,247,.40);
    background:rgba(255,255,255,.025);
}

.vx-mito-btn-ghost:hover{
    color:#fff;
    border-color:var(--mito-cyan);
}

.vx-mito-hero-note{
    display:flex;
    gap:17px;
    align-items:flex-start;
    margin-top:64px;
}

.vx-mito-hero-note > span{
    color:var(--mito-cyan);
    font-size:10px;
    letter-spacing:.2em;
}

.vx-mito-hero-note p{
    color:rgba(255,255,255,.48);
    font-size:11px;
    line-height:1.5;
}

.vx-mito-visual{
    position:relative;
    z-index:2;
    max-width:430px;
    justify-self:end;
}

.vx-mito-image-frame{
    position:relative;
    height:570px;
    overflow:hidden;
    border-radius:3px;
    border:1px solid rgba(120,211,250,.28);
    box-shadow:0 38px 75px rgba(0,0,0,.32);
}

.vx-mito-image-frame::before{
    content:"";
    position:absolute;
    inset:14px;
    border:1px solid rgba(255,255,255,.16);
    z-index:3;
    pointer-events:none;
}

.vx-mito-image-frame img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.vx-mito-image-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 58%,rgba(3,23,36,.82));
}

.vx-mito-image-label{
    position:absolute;
    left:30px;
    bottom:27px;
    z-index:4;
}

.vx-mito-image-label small{
    display:block;
    font-size:8px;
    letter-spacing:.24em;
    color:var(--mito-cyan);
    margin-bottom:7px;
}

.vx-mito-image-label strong{
    font-family:Georgia,"Times New Roman",serif;
    font-size:31px;
    font-weight:400;
}

.vx-mito-visual-index{
    display:flex;
    align-items:center;
    gap:13px;
    margin-top:17px;
    color:rgba(255,255,255,.40);
    font-size:7px;
    letter-spacing:.24em;
}

.vx-mito-visual-index i{
    height:1px;
    flex:1;
    background:rgba(55,189,245,.28);
}


/* STRIP */

.vx-mito-strip{
    background:#07273b;
    color:#fff;
    border-top:1px solid rgba(55,189,245,.18);
}

.vx-mito-strip-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.vx-mito-strip article{
    min-height:106px;
    display:flex;
    align-items:center;
    gap:18px;
    padding:25px 28px;
    border-right:1px solid rgba(255,255,255,.09);
}

.vx-mito-strip article:last-child{
    border-right:0;
}

.vx-mito-strip article > span{
    color:var(--mito-cyan);
    font-size:9px;
    letter-spacing:.2em;
}

.vx-mito-strip strong{
    display:block;
    font-size:13px;
}

.vx-mito-strip small{
    display:block;
    margin-top:6px;
    color:rgba(255,255,255,.48);
    font-size:10px;
}


/* SCIENCE */

.vx-mito-science{
    padding:120px 0;
    background:#fff;
}

.vx-mito-science-grid{
    display:grid;
    grid-template-columns:120px minmax(0,1.1fr) minmax(300px,.72fr);
    gap:58px;
    align-items:start;
}

.vx-mito-section-index{
    padding-top:6px;
}

.vx-mito-section-index > span{
    display:block;
    color:var(--mito-blue);
    font-size:10px;
    letter-spacing:.2em;
}

.vx-mito-section-index i{
    display:block;
    width:1px;
    height:68px;
    margin:17px 0;
    background:var(--mito-line);
}

.vx-mito-section-index small{
    writing-mode:vertical-rl;
    font-size:7px;
    letter-spacing:.24em;
    color:#8a9ba7;
}

.vx-mito-science h2,
.vx-mito-system h2,
.vx-mito-applications h2{
    font-size:clamp(42px,5vw,68px);
    line-height:.98;
    margin:0;
}

.vx-mito-science h2 em,
.vx-mito-system h2 em,
.vx-mito-applications h2 em{
    color:var(--mito-blue);
}

.vx-mito-science-copy{
    padding-top:39px;
}

.vx-mito-science-copy p{
    color:var(--mito-muted);
    line-height:1.8;
    font-size:14px;
}

.vx-mito-science-copy .vx-mito-intro{
    color:var(--mito-text);
    font-size:18px;
    line-height:1.55;
}

.vx-mito-concept{
    position:relative;
    margin-top:100px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-top:1px solid var(--mito-line);
}

.vx-mito-concept article{
    position:relative;
    padding:45px 38px 10px 0;
}

.vx-mito-concept article + article{
    padding-left:38px;
    border-left:1px solid var(--mito-line);
}

.vx-mito-concept article::before{
    content:"";
    position:absolute;
    width:9px;
    height:9px;
    border-radius:50%;
    background:var(--mito-cyan);
    top:-5px;
    left:0;
    box-shadow:0 0 0 7px rgba(55,189,245,.09);
}

.vx-mito-concept article + article::before{
    left:38px;
}

.vx-mito-concept span{
    font-size:8px;
    letter-spacing:.22em;
    color:var(--mito-blue);
}

.vx-mito-concept strong{
    display:block;
    font-family:Georgia,"Times New Roman",serif;
    font-size:29px;
    font-weight:400;
    margin:12px 0 15px;
}

.vx-mito-concept p{
    color:var(--mito-muted);
    font-size:13px;
    line-height:1.7;
    max-width:290px;
}


/* METHOD */

.vx-mito-method{
    padding:115px 0;
    color:#fff;
    background:
        radial-gradient(circle at 83% 20%,rgba(55,189,245,.10),transparent 28%),
        #041d2d;
}

.vx-mito-method-head{
    display:grid;
    grid-template-columns:1.1fr .65fr;
    gap:90px;
    align-items:end;
    margin-bottom:74px;
}

.vx-mito-method-head h2{
    font-size:clamp(44px,5vw,70px);
    line-height:.96;
    margin:0;
}

.vx-mito-method-head h2 em{
    color:var(--mito-cyan);
}

.vx-mito-method-head > p{
    color:rgba(255,255,255,.58);
    line-height:1.75;
    font-size:14px;
}

.vx-mito-method-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-top:1px solid rgba(255,255,255,.13);
}

.vx-mito-method-grid article{
    position:relative;
    min-height:350px;
    padding:34px 38px;
    border-right:1px solid rgba(255,255,255,.11);
}

.vx-mito-method-grid article:first-child{
    border-left:1px solid rgba(255,255,255,.11);
}

.vx-mito-method-number{
    font-size:9px;
    letter-spacing:.2em;
    color:var(--mito-cyan);
}

.vx-mito-method-icon{
    width:68px;
    height:68px;
    border-radius:50%;
    border:1px solid rgba(55,189,245,.34);
    display:grid;
    place-items:center;
    margin:48px 0 32px;
}

.vx-mito-method-icon span{
    width:22px;
    height:22px;
    border:1px solid var(--mito-cyan);
    transform:rotate(45deg);
}

.vx-mito-method-grid h3{
    font-family:Georgia,"Times New Roman",serif;
    font-size:30px;
    font-weight:400;
    margin-bottom:14px;
}

.vx-mito-method-grid p{
    color:rgba(255,255,255,.57);
    line-height:1.7;
    font-size:13px;
    max-width:280px;
}

.vx-mito-method-grid small{
    position:absolute;
    bottom:30px;
    font-size:7px;
    letter-spacing:.25em;
    color:rgba(255,255,255,.32);
}


/* SYSTEM */

.vx-mito-system{
    padding:120px 0;
    background:var(--mito-ice);
}

.vx-mito-system-grid{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(420px,.82fr);
    gap:110px;
    align-items:center;
}

.vx-mito-system-copy > p{
    color:var(--mito-muted);
    line-height:1.8;
    max-width:530px;
    margin:32px 0 42px;
}

.vx-mito-system-list{
    border-top:1px solid #cbdde6;
}

.vx-mito-system-list > div{
    display:grid;
    grid-template-columns:48px 1fr;
    align-items:center;
    min-height:61px;
    border-bottom:1px solid #cbdde6;
}

.vx-mito-system-list span{
    color:var(--mito-blue);
    font-size:9px;
}

.vx-mito-system-list strong{
    font-size:13px;
}

.vx-mito-system-visual{
    position:relative;
    min-height:570px;
}

.vx-mito-system-photo{
    position:absolute;
    width:75%;
    height:540px;
    right:0;
    top:0;
    overflow:hidden;
    box-shadow:0 30px 65px rgba(17,55,75,.18);
}

.vx-mito-system-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.vx-mito-system-card{
    position:absolute;
    width:235px;
    min-height:230px;
    left:0;
    bottom:0;
    padding:32px;
    background:#05263a;
    color:#fff;
    box-shadow:0 25px 55px rgba(7,43,66,.25);
}

.vx-mito-system-card small{
    display:block;
    color:var(--mito-cyan);
    font-size:7px;
    letter-spacing:.22em;
    margin-bottom:38px;
}

.vx-mito-system-card strong{
    font-family:Georgia,"Times New Roman",serif;
    font-size:32px;
    line-height:1.08;
    font-weight:400;
}


/* APPLICATIONS */

.vx-mito-applications{
    padding:120px 0;
    background:#fff;
}

.vx-mito-app-head{
    display:grid;
    grid-template-columns:1fr .55fr;
    gap:100px;
    align-items:end;
    margin-bottom:70px;
}

.vx-mito-app-head > p{
    color:var(--mito-muted);
    line-height:1.75;
    font-size:14px;
}

.vx-mito-app-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid var(--mito-line);
    border-bottom:1px solid var(--mito-line);
}

.vx-mito-app-grid article{
    min-height:260px;
    padding:31px 28px;
    border-right:1px solid var(--mito-line);
}

.vx-mito-app-grid article:last-child{
    border-right:0;
}

.vx-mito-app-grid span{
    color:var(--mito-blue);
    font-size:9px;
    letter-spacing:.2em;
}

.vx-mito-app-grid h3{
    font-family:Georgia,"Times New Roman",serif;
    font-size:25px;
    line-height:1.08;
    font-weight:400;
    margin:55px 0 18px;
}

.vx-mito-app-grid p{
    color:var(--mito-muted);
    font-size:12px;
    line-height:1.7;
}


/* FINAL CTA */

.vx-mito-final{
    position:relative;
    padding:105px 0;
    overflow:hidden;
    color:#fff;
    background:
        linear-gradient(120deg,#031724,#083650);
}

.vx-mito-final-glow{
    position:absolute;
    width:430px;
    height:430px;
    border:1px solid rgba(55,189,245,.13);
    border-radius:50%;
    right:-100px;
    bottom:-280px;
}

.vx-mito-final-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr .55fr;
    gap:100px;
    align-items:end;
}

.vx-mito-final h2{
    font-size:clamp(43px,5vw,68px);
    line-height:.98;
    margin:28px 0 0;
}

.vx-mito-final h2 em{
    color:var(--mito-cyan);
}

.vx-mito-final-action p{
    color:rgba(255,255,255,.62);
    font-size:14px;
    line-height:1.7;
    margin-bottom:28px;
}


/* RESPONSIVE */

@media (max-width:1050px){

    .vx-mito-hero-grid{
        grid-template-columns:1fr 360px;
        gap:42px;
    }

    .vx-mito-science-grid{
        grid-template-columns:70px 1fr;
    }

    .vx-mito-science-copy{
        grid-column:2;
    }

    .vx-mito-system-grid{
        gap:55px;
    }

    .vx-mito-app-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .vx-mito-app-grid article:nth-child(2){
        border-right:0;
    }

    .vx-mito-app-grid article:nth-child(-n+2){
        border-bottom:1px solid var(--mito-line);
    }
}


@media (max-width:760px){

    .vx-mito-container{
        width:min(100% - 32px,1180px);
    }

    .vx-mito-hero{
        min-height:auto;
    }

    .vx-mito-hero-grid{
        min-height:auto;
        grid-template-columns:1fr;
        padding-top:70px;
        padding-bottom:45px;
    }

    .vx-mito-hero h1{
        font-size:62px;
    }

    .vx-mito-visual{
        width:100%;
        max-width:none;
    }

    .vx-mito-image-frame{
        height:520px;
    }

    .vx-mito-strip-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .vx-mito-strip article:nth-child(2){
        border-right:0;
    }

    .vx-mito-strip article:nth-child(-n+2){
        border-bottom:1px solid rgba(255,255,255,.09);
    }

    .vx-mito-science,
    .vx-mito-method,
    .vx-mito-system,
    .vx-mito-applications{
        padding:80px 0;
    }

    .vx-mito-science-grid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .vx-mito-section-index{
        display:none;
    }

    .vx-mito-science-copy{
        grid-column:auto;
        padding-top:0;
    }

    .vx-mito-concept{
        grid-template-columns:1fr;
        margin-top:60px;
    }

    .vx-mito-concept article,
    .vx-mito-concept article + article{
        padding:34px 0;
        border-left:0;
        border-bottom:1px solid var(--mito-line);
    }

    .vx-mito-concept article + article::before{
        left:0;
    }

    .vx-mito-method-head,
    .vx-mito-app-head,
    .vx-mito-final-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .vx-mito-method-grid{
        grid-template-columns:1fr;
    }

    .vx-mito-method-grid article,
    .vx-mito-method-grid article:first-child{
        border-left:0;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.11);
    }

    .vx-mito-system-grid{
        grid-template-columns:1fr;
    }

    .vx-mito-system-visual{
        min-height:510px;
    }

    .vx-mito-system-photo{
        height:470px;
    }

    .vx-mito-app-grid{
        grid-template-columns:1fr;
    }

    .vx-mito-app-grid article{
        border-right:0;
        border-bottom:1px solid var(--mito-line);
    }

    .vx-mito-final{
        padding:80px 0;
    }
}


@media (max-width:480px){

    .vx-mito-hero h1{
        font-size:52px;
    }

    .vx-mito-hero h1 em{
        font-size:.48em;
    }

    .vx-mito-image-frame{
        height:455px;
    }

    .vx-mito-strip-grid{
        grid-template-columns:1fr;
    }

    .vx-mito-strip article{
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.09);
    }

    .vx-mito-science h2,
    .vx-mito-system h2,
    .vx-mito-applications h2,
    .vx-mito-method-head h2,
    .vx-mito-final h2{
        font-size:42px;
    }

    .vx-mito-system-photo{
        width:86%;
        height:430px;
    }

    .vx-mito-system-card{
        width:190px;
        min-height:190px;
        padding:25px;
    }

    .vx-mito-system-card strong{
        font-size:27px;
    }
}


/* ==========================================================
   VIREXIS — Mi.TO. V3
   Editorial / Clinical Visual System
   Elaborado por Miguel Minier | MDesign
   ========================================================== */


/* Typography refinement */

.vx-mito-v3 p{
    font-size:15px;
}

.vx-mito-v3 .vx-mito-lead{
    font-size:18px;
}


/* HERO */

.vx-mito-v3 .vx-mito-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(390px,.78fr);
    gap:64px;
}

.vx-mito-v3 .vx-mito-visual{
    max-width:470px;
}

.vx-mito-v3 .vx-mito-image-frame{
    height:610px;
}

.vx-mito-hero-benefits{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    margin-top:54px;
    max-width:660px;
    border-top:1px solid rgba(255,255,255,.13);
}

.vx-mito-hero-benefits > div{
    padding:22px 20px 0 0;
}

.vx-mito-hero-benefits > div + div{
    padding-left:20px;
    border-left:1px solid rgba(255,255,255,.10);
}

.vx-mito-hero-benefits span{
    display:block;
    color:var(--mito-cyan);
    font-size:8px;
    letter-spacing:.2em;
    margin-bottom:9px;
}

.vx-mito-hero-benefits strong{
    display:block;
    color:#fff;
    font-size:12px;
    margin-bottom:5px;
}

.vx-mito-hero-benefits small{
    display:block;
    color:rgba(255,255,255,.45);
    font-size:9px;
    line-height:1.45;
}


/* SCIENCE V3 */

.vx-mito-v3 .vx-mito-science{
    padding:96px 0;
}

.vx-mito-science-layout{
    display:grid;
    grid-template-columns:minmax(0,.82fr) minmax(480px,1fr);
    gap:90px;
    align-items:center;
}

.vx-mito-science-content{
    max-width:510px;
}

.vx-mito-v3 .vx-mito-science h2{
    margin-bottom:30px;
}

.vx-mito-science-lead{
    color:var(--mito-text);
    font-size:19px !important;
    line-height:1.55;
    margin-bottom:20px;
}

.vx-mito-science-content > p:not(.vx-mito-science-lead){
    color:var(--mito-muted);
    line-height:1.8;
}

.vx-mito-science-points{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:34px;
}

.vx-mito-science-points span{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 14px;
    border:1px solid var(--mito-line);
    border-radius:999px;
    color:var(--mito-blue);
    background:#fff;
    font-size:10px;
    font-weight:700;
}

.vx-mito-science-photo{
    position:relative;
    margin:0;
    overflow:hidden;
    min-height:460px;
    background:#eaf4f8;
    box-shadow:0 28px 60px rgba(14,52,73,.13);
}

.vx-mito-science-photo img{
    width:100%;
    height:460px;
    display:block;
    object-fit:cover;
}

.vx-mito-science-photo::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        transparent 55%,
        rgba(3,27,42,.76)
    );
    pointer-events:none;
}

.vx-mito-science-photo figcaption{
    position:absolute;
    z-index:2;
    left:32px;
    bottom:28px;
    color:#fff;
}

.vx-mito-science-photo small{
    display:block;
    color:var(--mito-cyan);
    font-size:8px;
    letter-spacing:.22em;
    margin-bottom:9px;
}

.vx-mito-science-photo strong{
    display:block;
    font-family:Georgia,"Times New Roman",serif;
    font-size:27px;
    line-height:1.1;
    font-weight:400;
}


/* METHOD V3 */

.vx-mito-v3 .vx-mito-method{
    padding:100px 0 110px;
}

.vx-mito-v3 .vx-mito-method-head{
    margin-bottom:58px;
}

.vx-mito-method-statement strong{
    display:block;
    color:#fff;
    font-family:Georgia,"Times New Roman",serif;
    font-size:23px;
    font-weight:400;
    margin-bottom:18px;
}

.vx-mito-method-statement p{
    color:rgba(255,255,255,.58);
    line-height:1.75;
    margin-bottom:0;
}

.vx-mito-method-gallery{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.vx-mito-method-gallery article{
    background:#fff;
    color:var(--mito-text);
    overflow:hidden;
    box-shadow:0 24px 48px rgba(0,0,0,.16);
}

.vx-mito-method-image{
    position:relative;
    height:225px;
    overflow:hidden;
    background:#e8f1f5;
}

.vx-mito-method-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .5s ease;
}

.vx-mito-method-gallery article:hover .vx-mito-method-image img{
    transform:scale(1.025);
}

.vx-mito-method-image > span{
    position:absolute;
    left:18px;
    top:18px;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(3,29,45,.90);
    color:var(--mito-cyan);
    font-size:9px;
    letter-spacing:.1em;
}

.vx-mito-method-copy{
    min-height:230px;
    padding:28px 28px 31px;
}

.vx-mito-method-copy small{
    display:block;
    color:var(--mito-blue);
    font-size:8px;
    font-weight:700;
    letter-spacing:.22em;
    margin-bottom:12px;
}

.vx-mito-method-copy h3{
    font-family:Georgia,"Times New Roman",serif;
    font-size:30px;
    line-height:1;
    font-weight:400;
    margin:0 0 16px;
}

.vx-mito-method-copy p{
    color:var(--mito-muted);
    font-size:13px;
    line-height:1.7;
    margin-bottom:0;
}


/* SYSTEM V3 */

.vx-mito-v3 .vx-mito-system{
    padding:100px 0;
}

.vx-mito-v3 .vx-mito-system-grid{
    gap:85px;
}

.vx-mito-v3 .vx-mito-system-visual{
    min-height:500px;
}

.vx-mito-v3 .vx-mito-system-photo{
    width:88%;
    height:460px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
}

.vx-mito-v3 .vx-mito-system-photo img{
    object-fit:contain;
    padding:18px;
}

.vx-mito-v3 .vx-mito-system-card{
    width:215px;
    min-height:205px;
}

.vx-mito-v3 .vx-mito-system-card strong{
    font-size:29px;
}


/* APPLICATIONS V3 */

.vx-mito-v3 .vx-mito-applications{
    padding:100px 0;
}

.vx-mito-v3 .vx-mito-app-head{
    margin-bottom:55px;
}

.vx-mito-v3 .vx-mito-app-grid{
    gap:14px;
    border:0;
}

.vx-mito-v3 .vx-mito-app-grid article{
    position:relative;
    min-height:300px;
    padding:29px 27px;
    border:1px solid var(--mito-line);
    background:
        linear-gradient(180deg,#fff 0%,#f8fcfe 100%);
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.vx-mito-v3 .vx-mito-app-grid article:hover{
    transform:translateY(-5px);
    border-color:#b7d7e6;
    box-shadow:0 22px 45px rgba(16,61,84,.10);
}

.vx-mito-app-icon{
    width:45px;
    height:45px;
    display:grid;
    place-items:center;
    margin-top:34px;
    border-radius:50%;
    border:1px solid #b9dbe9;
    color:var(--mito-blue);
    font-size:20px;
    font-weight:300;
}

.vx-mito-v3 .vx-mito-app-grid h3{
    margin:27px 0 16px;
    font-size:27px;
}

.vx-mito-v3 .vx-mito-app-grid p{
    font-size:13px;
}


/* FINAL V3 */

.vx-mito-v3 .vx-mito-final{
    padding:95px 0;
}


/* RESPONSIVE V3 */

@media (max-width:1050px){

    .vx-mito-v3 .vx-mito-hero-grid{
        grid-template-columns:1fr 390px;
        gap:40px;
    }

    .vx-mito-science-layout{
        grid-template-columns:.8fr 1fr;
        gap:45px;
    }

    .vx-mito-method-gallery{
        gap:12px;
    }

    .vx-mito-method-image{
        height:190px;
    }

}


@media (max-width:760px){

    .vx-mito-v3 .vx-mito-hero-grid{
        grid-template-columns:1fr;
    }

    .vx-mito-v3 .vx-mito-image-frame{
        height:560px;
    }

    .vx-mito-hero-benefits{
        margin-top:42px;
    }

    .vx-mito-science-layout{
        grid-template-columns:1fr;
        gap:45px;
    }

    .vx-mito-science-content{
        max-width:none;
    }

    .vx-mito-science-photo,
    .vx-mito-science-photo img{
        min-height:0;
        height:400px;
    }

    .vx-mito-method-gallery{
        grid-template-columns:1fr;
        gap:22px;
    }

    .vx-mito-method-image{
        height:auto;
        aspect-ratio:1110 / 465;
    }

    .vx-mito-method-copy{
        min-height:0;
    }

    .vx-mito-v3 .vx-mito-system-photo{
        width:90%;
    }

    .vx-mito-v3 .vx-mito-app-grid{
        gap:12px;
    }

    .vx-mito-v3 .vx-mito-app-grid article{
        min-height:245px;
    }

}


@media (max-width:480px){

    .vx-mito-hero-benefits{
        grid-template-columns:1fr;
    }

    .vx-mito-hero-benefits > div{
        padding:15px 0;
        border-bottom:1px solid rgba(255,255,255,.10);
    }

    .vx-mito-hero-benefits > div + div{
        padding-left:0;
        border-left:0;
    }

    .vx-mito-v3 .vx-mito-image-frame{
        height:500px;
    }

    .vx-mito-science-photo,
    .vx-mito-science-photo img{
        height:330px;
    }

    .vx-mito-science-photo figcaption{
        left:22px;
        bottom:21px;
    }

    .vx-mito-science-photo strong{
        font-size:23px;
    }

}


/* ==========================================================
   VIREXIS — Mi.TO. V3
   Editorial / Clinical Visual System
   Elaborado por Miguel Minier | MDesign
   ========================================================== */


/* Typography refinement */

.vx-mito-v3 p{
    font-size:15px;
}

.vx-mito-v3 .vx-mito-lead{
    font-size:18px;
}


/* HERO */

.vx-mito-v3 .vx-mito-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(390px,.78fr);
    gap:64px;
}

.vx-mito-v3 .vx-mito-visual{
    max-width:470px;
}

.vx-mito-v3 .vx-mito-image-frame{
    height:610px;
}

.vx-mito-hero-benefits{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    margin-top:54px;
    max-width:660px;
    border-top:1px solid rgba(255,255,255,.13);
}

.vx-mito-hero-benefits > div{
    padding:22px 20px 0 0;
}

.vx-mito-hero-benefits > div + div{
    padding-left:20px;
    border-left:1px solid rgba(255,255,255,.10);
}

.vx-mito-hero-benefits span{
    display:block;
    color:var(--mito-cyan);
    font-size:8px;
    letter-spacing:.2em;
    margin-bottom:9px;
}

.vx-mito-hero-benefits strong{
    display:block;
    color:#fff;
    font-size:12px;
    margin-bottom:5px;
}

.vx-mito-hero-benefits small{
    display:block;
    color:rgba(255,255,255,.45);
    font-size:9px;
    line-height:1.45;
}


/* SCIENCE V3 */

.vx-mito-v3 .vx-mito-science{
    padding:96px 0;
}

.vx-mito-science-layout{
    display:grid;
    grid-template-columns:minmax(0,.82fr) minmax(480px,1fr);
    gap:90px;
    align-items:center;
}

.vx-mito-science-content{
    max-width:510px;
}

.vx-mito-v3 .vx-mito-science h2{
    margin-bottom:30px;
}

.vx-mito-science-lead{
    color:var(--mito-text);
    font-size:19px !important;
    line-height:1.55;
    margin-bottom:20px;
}

.vx-mito-science-content > p:not(.vx-mito-science-lead){
    color:var(--mito-muted);
    line-height:1.8;
}

.vx-mito-science-points{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:34px;
}

.vx-mito-science-points span{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 14px;
    border:1px solid var(--mito-line);
    border-radius:999px;
    color:var(--mito-blue);
    background:#fff;
    font-size:10px;
    font-weight:700;
}

.vx-mito-science-photo{
    position:relative;
    margin:0;
    overflow:hidden;
    min-height:460px;
    background:#eaf4f8;
    box-shadow:0 28px 60px rgba(14,52,73,.13);
}

.vx-mito-science-photo img{
    width:100%;
    height:460px;
    display:block;
    object-fit:cover;
}

.vx-mito-science-photo::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        transparent 55%,
        rgba(3,27,42,.76)
    );
    pointer-events:none;
}

.vx-mito-science-photo figcaption{
    position:absolute;
    z-index:2;
    left:32px;
    bottom:28px;
    color:#fff;
}

.vx-mito-science-photo small{
    display:block;
    color:var(--mito-cyan);
    font-size:8px;
    letter-spacing:.22em;
    margin-bottom:9px;
}

.vx-mito-science-photo strong{
    display:block;
    font-family:Georgia,"Times New Roman",serif;
    font-size:27px;
    line-height:1.1;
    font-weight:400;
}


/* METHOD V3 */

.vx-mito-v3 .vx-mito-method{
    padding:100px 0 110px;
}

.vx-mito-v3 .vx-mito-method-head{
    margin-bottom:58px;
}

.vx-mito-method-statement strong{
    display:block;
    color:#fff;
    font-family:Georgia,"Times New Roman",serif;
    font-size:23px;
    font-weight:400;
    margin-bottom:18px;
}

.vx-mito-method-statement p{
    color:rgba(255,255,255,.58);
    line-height:1.75;
    margin-bottom:0;
}

.vx-mito-method-gallery{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.vx-mito-method-gallery article{
    background:#fff;
    color:var(--mito-text);
    overflow:hidden;
    box-shadow:0 24px 48px rgba(0,0,0,.16);
}

.vx-mito-method-image{
    position:relative;
    height:225px;
    overflow:hidden;
    background:#e8f1f5;
}

.vx-mito-method-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .5s ease;
}

.vx-mito-method-gallery article:hover .vx-mito-method-image img{
    transform:scale(1.025);
}

.vx-mito-method-image > span{
    position:absolute;
    left:18px;
    top:18px;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(3,29,45,.90);
    color:var(--mito-cyan);
    font-size:9px;
    letter-spacing:.1em;
}

.vx-mito-method-copy{
    min-height:230px;
    padding:28px 28px 31px;
}

.vx-mito-method-copy small{
    display:block;
    color:var(--mito-blue);
    font-size:8px;
    font-weight:700;
    letter-spacing:.22em;
    margin-bottom:12px;
}

.vx-mito-method-copy h3{
    font-family:Georgia,"Times New Roman",serif;
    font-size:30px;
    line-height:1;
    font-weight:400;
    margin:0 0 16px;
}

.vx-mito-method-copy p{
    color:var(--mito-muted);
    font-size:13px;
    line-height:1.7;
    margin-bottom:0;
}


/* SYSTEM V3 */

.vx-mito-v3 .vx-mito-system{
    padding:100px 0;
}

.vx-mito-v3 .vx-mito-system-grid{
    gap:85px;
}

.vx-mito-v3 .vx-mito-system-visual{
    min-height:500px;
}

.vx-mito-v3 .vx-mito-system-photo{
    width:88%;
    height:460px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
}

.vx-mito-v3 .vx-mito-system-photo img{
    object-fit:contain;
    padding:18px;
}

.vx-mito-v3 .vx-mito-system-card{
    width:215px;
    min-height:205px;
}

.vx-mito-v3 .vx-mito-system-card strong{
    font-size:29px;
}


/* APPLICATIONS V3 */

.vx-mito-v3 .vx-mito-applications{
    padding:100px 0;
}

.vx-mito-v3 .vx-mito-app-head{
    margin-bottom:55px;
}

.vx-mito-v3 .vx-mito-app-grid{
    gap:14px;
    border:0;
}

.vx-mito-v3 .vx-mito-app-grid article{
    position:relative;
    min-height:300px;
    padding:29px 27px;
    border:1px solid var(--mito-line);
    background:
        linear-gradient(180deg,#fff 0%,#f8fcfe 100%);
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.vx-mito-v3 .vx-mito-app-grid article:hover{
    transform:translateY(-5px);
    border-color:#b7d7e6;
    box-shadow:0 22px 45px rgba(16,61,84,.10);
}

.vx-mito-app-icon{
    width:45px;
    height:45px;
    display:grid;
    place-items:center;
    margin-top:34px;
    border-radius:50%;
    border:1px solid #b9dbe9;
    color:var(--mito-blue);
    font-size:20px;
    font-weight:300;
}

.vx-mito-v3 .vx-mito-app-grid h3{
    margin:27px 0 16px;
    font-size:27px;
}

.vx-mito-v3 .vx-mito-app-grid p{
    font-size:13px;
}


/* FINAL V3 */

.vx-mito-v3 .vx-mito-final{
    padding:95px 0;
}


/* RESPONSIVE V3 */

@media (max-width:1050px){

    .vx-mito-v3 .vx-mito-hero-grid{
        grid-template-columns:1fr 390px;
        gap:40px;
    }

    .vx-mito-science-layout{
        grid-template-columns:.8fr 1fr;
        gap:45px;
    }

    .vx-mito-method-gallery{
        gap:12px;
    }

    .vx-mito-method-image{
        height:190px;
    }

}


@media (max-width:760px){

    .vx-mito-v3 .vx-mito-hero-grid{
        grid-template-columns:1fr;
    }

    .vx-mito-v3 .vx-mito-image-frame{
        height:560px;
    }

    .vx-mito-hero-benefits{
        margin-top:42px;
    }

    .vx-mito-science-layout{
        grid-template-columns:1fr;
        gap:45px;
    }

    .vx-mito-science-content{
        max-width:none;
    }

    .vx-mito-science-photo,
    .vx-mito-science-photo img{
        min-height:0;
        height:400px;
    }

    .vx-mito-method-gallery{
        grid-template-columns:1fr;
        gap:22px;
    }

    .vx-mito-method-image{
        height:auto;
        aspect-ratio:1110 / 465;
    }

    .vx-mito-method-copy{
        min-height:0;
    }

    .vx-mito-v3 .vx-mito-system-photo{
        width:90%;
    }

    .vx-mito-v3 .vx-mito-app-grid{
        gap:12px;
    }

    .vx-mito-v3 .vx-mito-app-grid article{
        min-height:245px;
    }

}


@media (max-width:480px){

    .vx-mito-hero-benefits{
        grid-template-columns:1fr;
    }

    .vx-mito-hero-benefits > div{
        padding:15px 0;
        border-bottom:1px solid rgba(255,255,255,.10);
    }

    .vx-mito-hero-benefits > div + div{
        padding-left:0;
        border-left:0;
    }

    .vx-mito-v3 .vx-mito-image-frame{
        height:500px;
    }

    .vx-mito-science-photo,
    .vx-mito-science-photo img{
        height:330px;
    }

    .vx-mito-science-photo figcaption{
        left:22px;
        bottom:21px;
    }

    .vx-mito-science-photo strong{
        font-size:23px;
    }

}


/* ==========================================================
   VIREXIS — Mi.TO. V3
   Editorial / Clinical Visual System
   Elaborado por Miguel Minier | MDesign
   ========================================================== */


/* Typography refinement */

.vx-mito-v3 p{
    font-size:15px;
}

.vx-mito-v3 .vx-mito-lead{
    font-size:18px;
}


/* HERO */

.vx-mito-v3 .vx-mito-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(390px,.78fr);
    gap:64px;
}

.vx-mito-v3 .vx-mito-visual{
    max-width:470px;
}

.vx-mito-v3 .vx-mito-image-frame{
    height:610px;
}

.vx-mito-hero-benefits{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    margin-top:54px;
    max-width:660px;
    border-top:1px solid rgba(255,255,255,.13);
}

.vx-mito-hero-benefits > div{
    padding:22px 20px 0 0;
}

.vx-mito-hero-benefits > div + div{
    padding-left:20px;
    border-left:1px solid rgba(255,255,255,.10);
}

.vx-mito-hero-benefits span{
    display:block;
    color:var(--mito-cyan);
    font-size:8px;
    letter-spacing:.2em;
    margin-bottom:9px;
}

.vx-mito-hero-benefits strong{
    display:block;
    color:#fff;
    font-size:12px;
    margin-bottom:5px;
}

.vx-mito-hero-benefits small{
    display:block;
    color:rgba(255,255,255,.45);
    font-size:9px;
    line-height:1.45;
}


/* SCIENCE V3 */

.vx-mito-v3 .vx-mito-science{
    padding:96px 0;
}

.vx-mito-science-layout{
    display:grid;
    grid-template-columns:minmax(0,.82fr) minmax(480px,1fr);
    gap:90px;
    align-items:center;
}

.vx-mito-science-content{
    max-width:510px;
}

.vx-mito-v3 .vx-mito-science h2{
    margin-bottom:30px;
}

.vx-mito-science-lead{
    color:var(--mito-text);
    font-size:19px !important;
    line-height:1.55;
    margin-bottom:20px;
}

.vx-mito-science-content > p:not(.vx-mito-science-lead){
    color:var(--mito-muted);
    line-height:1.8;
}

.vx-mito-science-points{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:34px;
}

.vx-mito-science-points span{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 14px;
    border:1px solid var(--mito-line);
    border-radius:999px;
    color:var(--mito-blue);
    background:#fff;
    font-size:10px;
    font-weight:700;
}

.vx-mito-science-photo{
    position:relative;
    margin:0;
    overflow:hidden;
    min-height:460px;
    background:#eaf4f8;
    box-shadow:0 28px 60px rgba(14,52,73,.13);
}

.vx-mito-science-photo img{
    width:100%;
    height:460px;
    display:block;
    object-fit:cover;
}

.vx-mito-science-photo::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        transparent 55%,
        rgba(3,27,42,.76)
    );
    pointer-events:none;
}

.vx-mito-science-photo figcaption{
    position:absolute;
    z-index:2;
    left:32px;
    bottom:28px;
    color:#fff;
}

.vx-mito-science-photo small{
    display:block;
    color:var(--mito-cyan);
    font-size:8px;
    letter-spacing:.22em;
    margin-bottom:9px;
}

.vx-mito-science-photo strong{
    display:block;
    font-family:Georgia,"Times New Roman",serif;
    font-size:27px;
    line-height:1.1;
    font-weight:400;
}


/* METHOD V3 */

.vx-mito-v3 .vx-mito-method{
    padding:100px 0 110px;
}

.vx-mito-v3 .vx-mito-method-head{
    margin-bottom:58px;
}

.vx-mito-method-statement strong{
    display:block;
    color:#fff;
    font-family:Georgia,"Times New Roman",serif;
    font-size:23px;
    font-weight:400;
    margin-bottom:18px;
}

.vx-mito-method-statement p{
    color:rgba(255,255,255,.58);
    line-height:1.75;
    margin-bottom:0;
}

.vx-mito-method-gallery{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.vx-mito-method-gallery article{
    background:#fff;
    color:var(--mito-text);
    overflow:hidden;
    box-shadow:0 24px 48px rgba(0,0,0,.16);
}

.vx-mito-method-image{
    position:relative;
    height:225px;
    overflow:hidden;
    background:#e8f1f5;
}

.vx-mito-method-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .5s ease;
}

.vx-mito-method-gallery article:hover .vx-mito-method-image img{
    transform:scale(1.025);
}

.vx-mito-method-image > span{
    position:absolute;
    left:18px;
    top:18px;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(3,29,45,.90);
    color:var(--mito-cyan);
    font-size:9px;
    letter-spacing:.1em;
}

.vx-mito-method-copy{
    min-height:230px;
    padding:28px 28px 31px;
}

.vx-mito-method-copy small{
    display:block;
    color:var(--mito-blue);
    font-size:8px;
    font-weight:700;
    letter-spacing:.22em;
    margin-bottom:12px;
}

.vx-mito-method-copy h3{
    font-family:Georgia,"Times New Roman",serif;
    font-size:30px;
    line-height:1;
    font-weight:400;
    margin:0 0 16px;
}

.vx-mito-method-copy p{
    color:var(--mito-muted);
    font-size:13px;
    line-height:1.7;
    margin-bottom:0;
}


/* SYSTEM V3 */

.vx-mito-v3 .vx-mito-system{
    padding:100px 0;
}

.vx-mito-v3 .vx-mito-system-grid{
    gap:85px;
}

.vx-mito-v3 .vx-mito-system-visual{
    min-height:500px;
}

.vx-mito-v3 .vx-mito-system-photo{
    width:88%;
    height:460px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
}

.vx-mito-v3 .vx-mito-system-photo img{
    object-fit:contain;
    padding:18px;
}

.vx-mito-v3 .vx-mito-system-card{
    width:215px;
    min-height:205px;
}

.vx-mito-v3 .vx-mito-system-card strong{
    font-size:29px;
}


/* APPLICATIONS V3 */

.vx-mito-v3 .vx-mito-applications{
    padding:100px 0;
}

.vx-mito-v3 .vx-mito-app-head{
    margin-bottom:55px;
}

.vx-mito-v3 .vx-mito-app-grid{
    gap:14px;
    border:0;
}

.vx-mito-v3 .vx-mito-app-grid article{
    position:relative;
    min-height:300px;
    padding:29px 27px;
    border:1px solid var(--mito-line);
    background:
        linear-gradient(180deg,#fff 0%,#f8fcfe 100%);
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.vx-mito-v3 .vx-mito-app-grid article:hover{
    transform:translateY(-5px);
    border-color:#b7d7e6;
    box-shadow:0 22px 45px rgba(16,61,84,.10);
}

.vx-mito-app-icon{
    width:45px;
    height:45px;
    display:grid;
    place-items:center;
    margin-top:34px;
    border-radius:50%;
    border:1px solid #b9dbe9;
    color:var(--mito-blue);
    font-size:20px;
    font-weight:300;
}

.vx-mito-v3 .vx-mito-app-grid h3{
    margin:27px 0 16px;
    font-size:27px;
}

.vx-mito-v3 .vx-mito-app-grid p{
    font-size:13px;
}


/* FINAL V3 */

.vx-mito-v3 .vx-mito-final{
    padding:95px 0;
}


/* RESPONSIVE V3 */

@media (max-width:1050px){

    .vx-mito-v3 .vx-mito-hero-grid{
        grid-template-columns:1fr 390px;
        gap:40px;
    }

    .vx-mito-science-layout{
        grid-template-columns:.8fr 1fr;
        gap:45px;
    }

    .vx-mito-method-gallery{
        gap:12px;
    }

    .vx-mito-method-image{
        height:190px;
    }

}


@media (max-width:760px){

    .vx-mito-v3 .vx-mito-hero-grid{
        grid-template-columns:1fr;
    }

    .vx-mito-v3 .vx-mito-image-frame{
        height:560px;
    }

    .vx-mito-hero-benefits{
        margin-top:42px;
    }

    .vx-mito-science-layout{
        grid-template-columns:1fr;
        gap:45px;
    }

    .vx-mito-science-content{
        max-width:none;
    }

    .vx-mito-science-photo,
    .vx-mito-science-photo img{
        min-height:0;
        height:400px;
    }

    .vx-mito-method-gallery{
        grid-template-columns:1fr;
        gap:22px;
    }

    .vx-mito-method-image{
        height:auto;
        aspect-ratio:1110 / 465;
    }

    .vx-mito-method-copy{
        min-height:0;
    }

    .vx-mito-v3 .vx-mito-system-photo{
        width:90%;
    }

    .vx-mito-v3 .vx-mito-app-grid{
        gap:12px;
    }

    .vx-mito-v3 .vx-mito-app-grid article{
        min-height:245px;
    }

}


@media (max-width:480px){

    .vx-mito-hero-benefits{
        grid-template-columns:1fr;
    }

    .vx-mito-hero-benefits > div{
        padding:15px 0;
        border-bottom:1px solid rgba(255,255,255,.10);
    }

    .vx-mito-hero-benefits > div + div{
        padding-left:0;
        border-left:0;
    }

    .vx-mito-v3 .vx-mito-image-frame{
        height:500px;
    }

    .vx-mito-science-photo,
    .vx-mito-science-photo img{
        height:330px;
    }

    .vx-mito-science-photo figcaption{
        left:22px;
        bottom:21px;
    }

    .vx-mito-science-photo strong{
        font-size:23px;
    }

}


/* ==========================================================
   VIREXIS — Mi.TO. V3.1
   Premium Image Framing System
   Elaborado por Miguel Minier | MDesign
   ========================================================== */


/* ----------------------------------------------------------
   GLOBAL IMAGE LANGUAGE
   ---------------------------------------------------------- */

.vx-mito-v3{
    --mito-radius-lg:22px;
    --mito-radius-md:16px;
    --mito-frame:rgba(55,189,245,.32);
    --mito-frame-soft:rgba(55,189,245,.14);
    --mito-shadow:
        0 28px 65px rgba(3,29,45,.16),
        0 8px 22px rgba(3,29,45,.08);
}


/* ----------------------------------------------------------
   HERO — DOUBLE ARCHITECTURAL FRAME
   ---------------------------------------------------------- */

.vx-mito-v3 .vx-mito-visual{
    position:relative;
    padding:12px;
}

.vx-mito-v3 .vx-mito-visual::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:-3px 24px 30px -8px;
    border:1px solid var(--mito-frame);
    border-radius:28px;
    pointer-events:none;
}

.vx-mito-v3 .vx-mito-visual::after{
    content:"";
    position:absolute;
    z-index:0;
    width:78%;
    height:78%;
    right:-22px;
    bottom:-12px;
    border:1px solid var(--mito-frame-soft);
    border-radius:30px;
    pointer-events:none;
}

.vx-mito-v3 .vx-mito-image-frame{
    position:relative;
    z-index:2;
    overflow:hidden;
    border-radius:var(--mito-radius-lg);
    border:1px solid rgba(104,211,255,.40);
    box-shadow:
        0 32px 70px rgba(0,0,0,.30),
        0 0 0 7px rgba(55,189,245,.035);
}

.vx-mito-v3 .vx-mito-image-frame::before{
    content:"";
    position:absolute;
    z-index:3;
    inset:9px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:15px;
    pointer-events:none;
}

.vx-mito-v3 .vx-mito-image-frame img{
    transition:transform .7s cubic-bezier(.2,.7,.2,1);
}

.vx-mito-v3 .vx-mito-image-frame:hover img{
    transform:scale(1.018);
}


/* ----------------------------------------------------------
   FASCIA — EDITORIAL FLOATING PHOTO
   ---------------------------------------------------------- */

.vx-mito-v3 .vx-mito-science-photo{
    overflow:visible;
    border-radius:var(--mito-radius-lg);
    background:#fff;
    box-shadow:var(--mito-shadow);
}

.vx-mito-v3 .vx-mito-science-photo::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-15px 24px 18px -18px;
    border-radius:28px;
    background:
        linear-gradient(
            135deg,
            rgba(55,189,245,.13),
            rgba(11,95,142,.025)
        );
    border:1px solid rgba(55,189,245,.16);
}

.vx-mito-v3 .vx-mito-science-photo::after{
    border-radius:var(--mito-radius-lg);
}

.vx-mito-v3 .vx-mito-science-photo img{
    border-radius:var(--mito-radius-lg);
}

.vx-mito-v3 .vx-mito-science-photo figcaption{
    padding-left:18px;
    border-left:2px solid var(--mito-cyan);
}


/* ----------------------------------------------------------
   THREE MOMENTS — PREMIUM CLINICAL CARDS
   ---------------------------------------------------------- */

.vx-mito-v3 .vx-mito-method-gallery{
    gap:24px;
}

.vx-mito-v3 .vx-mito-method-gallery article{
    position:relative;
    overflow:visible;
    border-radius:var(--mito-radius-md);
    border:1px solid rgba(73,183,230,.28);
    background:#fff;
    box-shadow:
        0 24px 55px rgba(0,0,0,.19),
        0 0 0 5px rgba(55,189,245,.025);
    transition:
        transform .32s ease,
        box-shadow .32s ease,
        border-color .32s ease;
}

.vx-mito-v3 .vx-mito-method-gallery article::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-7px 9px 7px -7px;
    border-radius:20px;
    border:1px solid rgba(55,189,245,.13);
    pointer-events:none;
}

.vx-mito-v3 .vx-mito-method-gallery article:hover{
    transform:translateY(-7px);
    border-color:rgba(55,189,245,.55);
    box-shadow:
        0 34px 72px rgba(0,0,0,.25),
        0 0 0 6px rgba(55,189,245,.035);
}

.vx-mito-v3 .vx-mito-method-image{
    border-radius:15px 15px 0 0;
}

.vx-mito-v3 .vx-mito-method-image img{
    border-radius:15px 15px 0 0;
}

.vx-mito-v3 .vx-mito-method-image::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:15px 15px 0 0;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
    pointer-events:none;
}

.vx-mito-v3 .vx-mito-method-image > span{
    border:1px solid rgba(55,189,245,.55);
    box-shadow:
        0 8px 20px rgba(3,29,45,.22),
        0 0 0 4px rgba(255,255,255,.12);
}

.vx-mito-v3 .vx-mito-method-copy{
    border-radius:0 0 15px 15px;
}


/* ----------------------------------------------------------
   TECHNICAL SYSTEM — FLOATING EQUIPMENT
   ---------------------------------------------------------- */

.vx-mito-v3 .vx-mito-system-visual{
    isolation:isolate;
}

.vx-mito-v3 .vx-mito-system-photo{
    position:relative;
    overflow:visible;
    border-radius:var(--mito-radius-lg);
    border:1px solid rgba(55,189,245,.17);
    box-shadow:var(--mito-shadow);
}

.vx-mito-v3 .vx-mito-system-photo::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-12px 25px 20px -16px;
    border-radius:30px;
    border:1px solid rgba(55,189,245,.18);
    background:rgba(255,255,255,.30);
}

.vx-mito-v3 .vx-mito-system-photo::after{
    content:"";
    position:absolute;
    z-index:-2;
    width:75%;
    height:55%;
    right:-25px;
    bottom:-28px;
    border-radius:50%;
    background:rgba(55,189,245,.12);
    filter:blur(34px);
}

.vx-mito-v3 .vx-mito-system-photo img{
    border-radius:18px;
    transition:transform .55s ease;
}

.vx-mito-v3 .vx-mito-system-photo:hover img{
    transform:scale(1.025);
}


/* FLOATING INFORMATION CARD */

.vx-mito-v3 .vx-mito-system-card{
    z-index:4;
    border-radius:14px;
    border:1px solid rgba(55,189,245,.28);
    box-shadow:
        0 25px 55px rgba(3,29,45,.25),
        0 0 0 5px rgba(255,255,255,.25);
}

.vx-mito-v3 .vx-mito-system-card::after{
    content:"";
    position:absolute;
    width:42px;
    height:2px;
    left:25px;
    bottom:25px;
    background:var(--mito-cyan);
}


/* ----------------------------------------------------------
   APPLICATION CARDS
   ---------------------------------------------------------- */

.vx-mito-v3 .vx-mito-app-grid article{
    overflow:hidden;
    border-radius:14px;
    border:1px solid rgba(23,117,164,.17);
    box-shadow:
        0 10px 25px rgba(16,61,84,.035);
}

.vx-mito-v3 .vx-mito-app-grid article::before{
    content:"";
    position:absolute;
    width:105px;
    height:105px;
    right:-52px;
    top:-52px;
    border-radius:50%;
    border:1px solid rgba(55,189,245,.17);
}

.vx-mito-v3 .vx-mito-app-grid article::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:3px;
    background:linear-gradient(
        90deg,
        var(--mito-blue),
        var(--mito-cyan)
    );
    transition:width .32s ease;
}

.vx-mito-v3 .vx-mito-app-grid article:hover::after{
    width:100%;
}

.vx-mito-v3 .vx-mito-app-icon{
    position:relative;
    background:
        linear-gradient(
            145deg,
            #fff,
            #edf9fe
        );
    box-shadow:
        0 8px 20px rgba(14,99,139,.08);
}


/* ----------------------------------------------------------
   BUTTON REFINEMENT
   ---------------------------------------------------------- */

.vx-mito-v3 .vx-mito-btn{
    border-radius:999px;
}

.vx-mito-v3 .vx-mito-btn-primary{
    box-shadow:
        0 12px 30px rgba(55,189,245,.18);
}


/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media (max-width:760px){

    .vx-mito-v3 .vx-mito-visual{
        padding:8px;
    }

    .vx-mito-v3 .vx-mito-visual::before{
        inset:-2px 16px 22px -5px;
    }

    .vx-mito-v3 .vx-mito-visual::after{
        right:-10px;
    }

    .vx-mito-v3 .vx-mito-method-gallery{
        gap:30px;
    }

    .vx-mito-v3 .vx-mito-science-photo::before{
        inset:-10px 14px 14px -10px;
    }

    .vx-mito-v3 .vx-mito-system-photo::before{
        inset:-8px 14px 14px -9px;
    }

}


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

    .vx-mito-v3 .vx-mito-image-frame img,
    .vx-mito-v3 .vx-mito-method-gallery article,
    .vx-mito-v3 .vx-mito-method-image img,
    .vx-mito-v3 .vx-mito-system-photo img{
        transition:none;
    }

}