@charset "utf-8";

body {
    margin: 0; /* elimina márgenes por defecto */
}
.hero {
     background-image: url("../media/image/range/25_Risen-Aircraft-web-2025.jpg");
     /*background-image: url("../media/image/915-aircraft-swiper-mobile.jpg");*/
     background-size: cover;   /* ajusta la imagen para cubrir todo */
     background-position: center; /* centra la imagen */
     width: 100vw;
     height: 75vh; /* ocupa toda la altura de la ventana */
 }
/* ===========================
   HERO BASE
   =========================== */
.heroUS {
    background-image: url("../media/image/range/Risen-Aircraft-opUSBackground.jpg");
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 60vh;
    display: flex;
    justify-content: center;
    padding: 20px;
}

.hero-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* arriba y abajo */
    width: 100%;
    max-width: 1200px;
    text-align: center;
    /*background-color: #0a53be;*/
}
.hero .Na {
margin: 0 auto;
    /*background-color: rgba(10, 83, 190, 0.31);*/
}
/*.NaUS {*/
    /*margin: 200px auto 0 auto;*/
/*}*/
.nowrap {
    white-space: nowrap;
    color: black !important;
}


* {
    box-sizing: border-box;
}

/*Efect luna negra/*/
body.dark .peffi {
    background-color: #818181;
}
body.dark .effic-A, body.dark .effic-B, body.dark .effic-C, body.dark .effic-D, body.dark .effic-E, body.dark .effic-F {
 /*background-color: #818181;*/
    background-color: #343a40;
}
body.dark .effic-aA {
    background-color: #343a40;
}
body.dark .effi {
    background-color: #343a40;
}
body.dark .effic-E div {
    background-color: #343a40;
}
body.dark .pBuyA {
    background-color: #343a40;
}
body.dark .contenedorP {
    /*background-image: url("../media/image/sfinters/cieloBlanco.png");*/
    background-color: rgba(0, 0, 0, 0.35);
    background-image: none;
}


/*Font*/
.fTitulo {
    font-family: Inter, sans-serif;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.1;
    color: #065b76;
    text-align: center;
}
.fTexto {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 200;
    line-height: 1.4;
}
.fComent {
    font-family: Inter, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
}
.fComentZ {
    margin: auto 0;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.4;
}
.fComentX{
    margin: 0;
}
.fComentX h3 {
    margin: 0;
    padding-bottom: 15px;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    /*background-image: url("../media/image/range/puntoVerde.png");*/
    /*background-position: 0 5px;*/
    /*background-size: 8px;*/
    /*background-repeat: no-repeat;*/
}
.fTituloR {
    font-family: Inter, sans-serif;
    font-size: 36px;
    /*font-size: 80px;*/
    font-weight: 800;
    line-height: 1.1;
    color: #ffffff;
    text-align: center;
    padding-top: 50px;
    /*padding-top: 50px;*/
    margin: 0 auto;
    /*text-shadow: 1px 1px 2px black, -1px -1px 2px gray;*/
    /*text-shadow: 2px 2px 10px rgb(104, 28, 37);*/
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.40);
}
.fTituloRrr {
    font-family: Inter, sans-serif;
    font-size: 20px;
    /*font-size: 36px;*/
    font-weight: 800;
    line-height: 1.1;
    color: rgba(0, 0, 0, 0.70);
    text-align: center;
    padding-top: 100px;
    /*padding-top: 400px;*/
    margin: 0 auto;
}
.fTituloRrrR {
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1;
    color: rgba(0, 0, 0, 0.80);
    text-align: center;
    padding-top: 10px;
    margin: 0 auto;
}
.fTituloRrrUS {
    font-family: Inter, sans-serif;
    font-size: 30px;
    /*font-size: 36px;*/
    font-weight: 800;
    line-height: 1.1;
    color: rgba(0, 0, 0, 0.7);
    text-align: center;
    padding-top: 100px;
    margin: 0 auto;
}
.fTituloRrrRUS {
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.1;
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding-top: 10px;
    margin: 0 auto;
    width: 100%;
}
.f500 {
    font-weight: 500;
    padding-top: 15px !important;
}


/*space*/
.sp30 {
    margin-top: 30px;
}
/*Codif*/
.contRange {
    max-width: 1270px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px; /* espacio entre divs */
    /*background: #f0f0f0;*/
    /*border-radius: 10px;*/
}
.contRangeA {
    max-width: 1270px;
    margin: 100px auto 20px auto;
}
.contRangeAA {
    max-width: 1270px;
    margin: 50px auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px; /* espacio entre divs */
}
.contBack {
    padding: 2px 0 5px 0;
    background-color: rgba(11, 11, 11, 0.1);
}
.info {
    flex: 1; /* cada bloque ocupa el mismo espacio */
    padding: 20px;
}
.divider {
    width: 2px;
    background: #8e8e8e; /* línea vertical */
    /*height: 400px;*/
}
.contBase {
    margin: 100px auto 0 auto;
    background: #f0f0f0;
    border-radius: 10px;
}
.info .fTitulo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    min-height: 70px;
}
.info .fTexto {
    text-align: justify;
    padding: 0 20px 20px 20px;
    margin: 0;
}
.contRangeA h1 {
    margin: 0 auto;
    text-align: center;
    font-family: Inter, sans-serif;
    font-weight: 800;
    font-size: 32px;
}
.contRangeA h2 {
    margin: 0 auto 30px auto;
    text-align: center;
    font-family: Inter, sans-serif;
    font-weight: 300;
    font-size: 20px;
}
.dividerA {
    margin: 0 0 0 40px;
    width: 70%;
    padding: 0 20px;
}
.dividerB {
      width: 30%;
  }
.dividerC {
    display: flex;
    flex-direction: column; /* Cambia la dirección del eje principal a vertical */
    align-items: center; /* Centra los elementos en el eje transversal (horizontal) */
    justify-content: center; /* Centra los elementos a lo largo del eje principal (vertical) */
    margin: 0 0 0 40px;
    width: 40%;
    padding: 0 20px;
}
.dividerD {
    width: 60%;
    /*padding: 20px;*/
}
.dividerAA {
    margin: 0;
    width: 40%;
    padding: 0 40px;
    text-align: center;
    /*background-color: rgba(10, 88, 202, 0.19);*/
}
.dividerABA {
    margin: 0;
    width: 20%;
    padding: 0 10px;
    text-align: center;
    /*background-color: rgba(10, 88, 202, 0.19);*/
}
.dividerA, .dividerB, .dividerC, .dividerD, .dividerA, .dividerAB  {
    box-sizing: border-box;
}
.tableA {
    margin: 0 auto 15px auto;
    width: 90%;
    display: table;
    text-align: left;
    font-family: Inter, sans-serif;
    font-size: 15px;
}
.tableA thead {
    font-weight: 800;
}
.tableA tr {
    border-bottom: solid 1px #4e4e4e;
}
.tableA td {
    padding: 1% 2% 0 2%;
}
.tableA td:first-child {
    text-align: left;
}
.tableA th:first-child {
    text-align: left;
}
.tableA
th:nth-child(2),
th:nth-child(3) {
    text-align: center;
}
.tableA
td:nth-child(2),
td:nth-child(3) {
    text-align: center;
}
.dividerA h4 {
    margin: 0;
}
.dividerB img {
    margin-top: 0; /* Elimina cualquier margen superior automático */
}
/*Summary*/
.dividerAB img {
    margin-top: 0; /* Elimina cualquier margen superior automático */
    width: 135px ;
    padding-top: 100px;
}
.sumamry h2 {
    margin: 0;
    font-family: Inter, sans-serif;
    font-size: 32px;
    padding-top: 10px;
    line-height: 38px;
    font-weight: 200;
}
.sumamry h5 {
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 800;
    text-align: center;
    max-width: 750px;
    margin: 0 auto 100px auto;
}
.sumamryUS {
    font-family: Inter, sans-serif;
    max-width: 1000px;
    margin: 0 auto;
}
.sumamryUS img {
    display: block;
     margin: 10px auto !important;
     width: 200px;
 }
.sumamryUS h1 {
    font-size: 32px;
    padding-top: 10px;
    line-height: 1.5;
    font-weight: 600;
}
.sumamryUS h2 {
    font-size: 40px;
    padding: 30px 20px 10px 20px;
    line-height: 1.2;
    font-weight: 100;
}
.sumamryUS h3 {
    font-size: 30px;
    line-height: 1.3;
    text-align: center;
    margin: 0 auto 60px auto;
    font-weight: 200;
    max-width: 850px;
    padding: 0 20px;
}
.sumamryUS h3 span {
    font-weight: 600;
    color: #000000 !important;
}


/*Range*/
.contBackRa {
    background-color: rgba(11, 11, 11, 0.1);
}
.Howfar75 {
    background-image: url("../media/image/range/Mapa-Germany75.png");
    background-position: center bottom;
    background-size: 1280px;
    background-repeat: no-repeat;
    height: 800px;
}
.HowfarECO {
    background-image: url("../media/image/range/Mapa-GermanyECO.png");
    background-position: center bottom;
    background-size: 1280px;
    background-repeat: no-repeat;
    height: 900px;
}
.Howfar3 {
     background-image: url("../media/image/range/Mapa-Germany3.png");
     background-position: center bottom;
     background-size: 1280px;
     background-repeat: no-repeat;
     height: 600px;
 }
.HowCity {
    background-position: center bottom;
    background-size: 1280px;
    background-repeat: no-repeat;
    height: 800px;
}
.HowCityOne {
    background-image: url("../media/image/range/MapaAtlantaHow-75.png");
}

.HowCityTwo {
    background-image: url("../media/image/range/MapaDenverHow-75.png");
}




.contRa {
    max-width: 1270px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    /*align-items: stretch;*/
    gap: 20px; /* espacio entre divs */
}
.contRa > div {
    flex: 1;
    /*padding: 20px;*/
    /*background-color: rgba(0, 185, 0, 0.42);*/
    display: flex;            /* convierte al hijo en flex container */
    flex-direction: column;   /* apila su contenido en columna */
    justify-content: flex-start; /* contenido arriba */
    padding-left: 160px;

 }
.contBackRa h1 {
    font-family: Inter, sans-serif;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.1;
    color: #000000;
    text-align: center;
    margin: 40px auto 0 auto;
    padding-top: 35px;
}
.contRa .AA {
    font-family: Inter, sans-serif;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.1;
    color: #000000;
    text-align: left;
    margin: 0;
}
.contRa .AB {
    font-family: Inter, sans-serif;
    font-size: 24px;
    font-weight: 200;
    line-height: 1.1;
    color: #000000;
    text-align: left;
    padding-left: 35px;
    margin: 0;
}
.contRa .AC {    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.1;
    color: #000000;
    text-align: left;
    padding-left: 35px;
    margin: 0;
}
.aImgG, .aImgR, .aImgO, .aImgY {
    padding: 5px 0;
}
.aImgG {
    background-image: url("../media/image/range/rangeGray.png");
    background-position: 0;
    background-repeat: no-repeat;
}
.aImgO {
    background-image: url("../media/image/range/rangeOrange.png");
    background-position: 0;
    background-repeat: no-repeat;
}
.aImgR {
    background-image: url("../media/image/range/rangeRed.png");
    background-position: 0;
    background-repeat: no-repeat;
}
.aImgY {
    background-image: url("../media/image/range/rangeYellow.png");
    background-position: 0;
    background-repeat: no-repeat;
}

.Airframe {
    position: relative;
    width: 100vw;
    padding: 5px 0;
    margin: 70px auto 0 auto;
    z-index: 1; /* asegura que el contenido quede arriba */
}
.Airframe::before {
    content: "";
    position: absolute;
    inset: 0; /* top:0; right:0; bottom:0; left:0 */
    background-image: url("../media/image/range/Risen-Aircraft-opBackground.jpg");
    background-size: cover;
    background-position: center;
    opacity: 0.15; /* acá aclarás u oscurecés la imagen */
    z-index: -1; /* queda detrás del contenido */
}
.city {
    margin: 10px auto;
    font-family: Inter, sans-serif;
    font-size: 26px;
    font-weight: 400;
    color: #000000;
    text-align: center;
}
.city a {
    color: #666;
    text-decoration: none;
    padding: 4px 6px;
    transition: color .2s ease;
}

.city a.active {
    color: #1abc9c;
    font-weight: bold;
    text-decoration: underline;
}

/*video*/
.hero-video {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

/* VIDEO DE FONDO */
.hero-video__bg {
    width: 100%;
    height: 400px;
    object-fit: cover; /* El video siempre llena el contenedor */
    display: block;
}

/* TEXTO ENCIMA */
.hero-video__content {
    position: absolute;
    top: 20px; /* Ajustable */
    left: 50%;
    transform: translateX(-50%);
    max-width: 1100px; /* Controlás el ancho del texto */
    width: 90%; /* Para que sea responsivo */
    color: white;
    text-align: center;
    padding: 10px;
    z-index: 2;
}

/* Opcional: sombra para mejorar legibilidad */
.hero-video__content h1,
.hero-video__content p {
    text-shadow: 0 2px 6px rgba(0,0,0,0.6);
}
.hero-video__content p {
    font-family: Inter, sans-serif;
    font-size: 40px;
    font-weight: 100;
    line-height: 1.3;
    color: #ffffff;
    text-align: center;
}
.hero-video__content p span {
    font-weight: 500;
}
.overlay-dark {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45); /* Ajustá la opacidad */
    z-index: 1;
}
.overlay-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(
            to bottom,
            rgba(0,0,0,0.6) 0%,
            rgba(0,0,0,0.3) 40%,
            rgba(0,0,0,0.6) 100%
    );
    z-index: 1;
}





@media screen and (min-width: 576px) {
    .hero {
        background-position: bottom !important;
        position: relative;
    }
    .hero .Na {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding-bottom: 30px;
    }
    .hero .Na p {
        color: #ffffff;
    }
    .hero .Na p br {
        display: none;
    }
    .fTituloR {
        font-size: 50px;
    }


}

@media screen and (min-width: 820px) {
    .hero {
        background-position: center; /* centra la imagen */
        width: 100vm;
        height: 75vh; /* ocupa toda la altura de la ventana */
    }

}

@media screen and (min-width: 1024px) {
    .hero {
        background-position: center 75% !important; /* centra la imagen */
        /*height: max(75vh, 500px); !* siempre al menos 400px *!*/
        height: min(75vh, 800px) !important; /* nunca será más alto que 800px */

    }
    .fTituloR {
        font-size: 65px;
    }
    .sumamry h2 br {
        display: none;
    }


}

@media screen and (min-width: 1400px) {
        .hero {
            background-position: center 75% !important; /* centra la imagen */
            /*height: max(75vh, 500px); !* siempre al menos 400px *!*/
            height: min(75vh, 800px) !important; /* nunca será más alto que 800px */

        }
    .fTituloR {
        font-size: 80px;
    }
}


/* Para pantallas pequeñas (ej: celulares) */

@media (max-width: 400px) {
    .HowCity {
        /*background-size: 500px !important;*/
        height: 300px !important;
    }
    .hero-video__content p {
        font-size: 20px !important;
    }
}


@media (max-width: 768px) {
    .contRange {
        flex-direction: column;   /* apila los hijos uno debajo del otro */
        justify-content: flex-start; /* opcional, ya no hace falta space-between */
        align-items: center;      /* opcional, centra horizontalmente los div */
        gap: 0;
    }

    .contRange .info {
        width: 100%; /* que ocupen todo el ancho disponible */
        margin: 0;
        /*background-color: rgba(10, 83, 190, 0.35);*/
    }

    .dividerA {
        margin: 0 0 0 40px;
        width: 100%;
        padding: 0 20px;
    }
    .dividerB {
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .dividerC {
        display: flex;
        flex-direction: column; /* Cambia la dirección del eje principal a vertical */
        align-items: center; /* Centra los elementos en el eje transversal (horizontal) */
        justify-content: center; /* Centra los elementos a lo largo del eje principal (vertical) */
        margin: 0 0 15px 0px;
        width: 90%;
        padding: 0 ;
    }
    .dividerD {
        width: 95%;
    }
    .dividerAA {
        margin: 0;
        width: 100%;
        padding: 0 40px;
        text-align: center;
        /*background-color: rgba(10, 88, 202, 0.19);*/
    }
    .dividerAB {
        display: none;
    }
    .sumamry {
        font-family: Inter, sans-serif;
        text-align: center;
    }
    .sumamry h2 {
        margin: 0 15px 10px 0;
        font-size: 24px;
        padding-top: 10px;
        line-height: 26px;
    }
    .sumamry h5 {
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        margin: 0 auto 0px auto;
    }
    .contRangeA h1 {
        margin: 0 auto;
        font-size: 24px;
    }
    .contRangeA h2 {
        margin: 0 auto 20px auto;
        font-size: 18px;
        line-height: 22px;
    }
    .contRangeA {
        margin: 40px auto 20px auto;
    }
    .tableA {
        margin: 0 0 15px 0;
        width: 95%;
        font-size: 13px;
    }

    /*maps*/
    .contBackRa h1 {
        font-size: 24px;
        margin: 40px auto 0 auto;
        padding-top: 35px;
    }
    .contRa > div {
        flex: 1;
        /*background-color: rgba(0, 185, 0, 0.42);*/
        padding: 0px;
        width: 50%;
        margin: auto 10px;

    }
    .contRa .AA {
        font-family: Inter, sans-serif;
        font-size: 20px;
        font-weight: 800;
        line-height: 1.1;
        color: #000000;
        text-align: left;
        margin: 0;
    }
    .contRa .AB {
        font-family: Inter, sans-serif;
        font-size: 16px;
        font-weight: 200;
        line-height: 1.1;
        color: #000000;
        text-align: left;
        padding-left: 35px;
        margin: 0;
    }
    .contRa .AC {    font-family: Inter, sans-serif;
        font-size: 12px;
        font-weight: 800;
        line-height: 1.1;
        color: #000000;
        text-align: left;
        padding-left: 35px;
        margin: 0;
    }
    .aImgG, .aImgR, .aImgO, .aImgY {
        padding: 0;
    }
    .Howfar75 {
        background-image: url("../media/image/range/Mapa-Germany75.png");
        background-position: 41% bottom;
        background-size: 190%;
        background-repeat: no-repeat;
        height: 720px;
    }
    .HowfarECO {
        background-image: url("../media/image/range/Mapa-GermanyECO.png");
        background-position: center bottom;
        background-size: 120%;
        background-repeat: no-repeat;
        height: 650px;
    }
    .Howfar3 {
        background-image: url("../media/image/range/Mapa-Germany3.png");
        background-position: center bottom;
        background-size: 1280px;
        background-repeat: no-repeat;
        height: 630px;
    }
    .fComentX h3 {
        margin: 0;
        padding-bottom: 10px;
        font-family: Inter, sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.1;
        /*background-image: url("../media/image/range/puntoVerde.png");*/
        /*background-position: 0 5px;*/
        /*background-size: 8px;*/
        /*background-repeat: no-repeat;*/
    }


    .sumamryUS h1 {
        font-size: 32px;
        padding-top: 10px;
        line-height: 1.5;
        font-weight: 600;
    }
    .sumamryUS h2 {
        font-size: 30px;
        padding-top: 10px;
        line-height: 1.2;
        font-weight: 100;
    }
    .sumamryUS h3 {
        font-size: 22px;
        line-height: 1.2;
    }

    .HowCity {
        /*background-size: 800px !important;*/
        background-size: cover;
        height: 600px !important;
    }
    .city {
        font-size: 20px;
    }
    .hero-video__content p {
        font-size: 24px !important;
    }

}



@media (max-width: 1024px) {
    .hero-video__content p {
        font-size: 30px;
    }
    .HowCity {
        background-size: cover;
    }
}









/*@media (max-width: 1024px) {*/
    /*.heroUS {*/
        /*height: 450px; !* ocupa toda la altura de la ventana *!*/
    /*}*/
    /*.NaUS {*/
        /*margin: 150px auto 0 auto;*/
    /*}*/
    /*.sumamryUS h1 {*/
        /*font-size: 28px;*/
    /*}*/
    /*.sumamryUS h2 {*/
        /*font-size: 32px;*/
    /*}*/
    /*.sumamryUS h3 {*/
        /*font-size: 24px;*/
    /*}*/

/*}*/