*{
    font-family:"Chillax","Poppins",sans-serif;
    scroll-behavior:smooth;
}

figure img, span img{width:100%}
:root{
    --nebula-desktop:1400px;
    --nebula-bg:#03020a;
    --card-bg:#1B1D23;
    --card-solar:#E7A587;
    --card-galaxy:linear-gradient(30deg, #4b56d4, #b06280);
    --grid-padding:0em 5em!important;
    --light-blue:0px 0px 200px 80px #6C78FF;
    --light-purple:0px 0px 160px 80px #6039AA;
}
body {
    background: var(--nebula-bg)
}

/*nebula*/
.header_nebula{
    background:#3c3c3c10;
    backdrop-filter:blur(50px);
    -webkit-backdrop-filter:blur(50px);
    width:100%;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    padding:1.5em;
    position:absolute;
    top:0;left:0;
}
.header_nebula li {
    display:flex;
}
.header_nebula li a{
    line-height:90%;
    font-size:17px;
    padding:0.5em 0.8em;
}
.header_nebula nav .btn_session_nebula a{
    border-radius:0.5em;
    border:2px solid var(--orbhe-light);
    position:relative;
    z-index:1;
    background:#000;
}

.header_nebula nav .btn_session_nebula a::after{
    content:"";
    position:absolute;
    top:0;left:0;right:0;bottom:0;
    width:100%;height:100%;
    margin:auto;
    z-index:-1;
    box-shadow:0px 10px 50px rgb(97 109 242 / 66%);
}


/*Content nebula*/
.content_nebula{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1px;
}
/*Banner Nebula*/
.banner__nebula{
    /*Fondo*/
    height:100dvh;
    width:100%;
    
    background-image:url('../fonts/nebula/banner_nebula_orbhextream.webp');
    background-size:cover;
    background-position:center;
    padding:2em;

    /*posiciones*/
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    z-index:1;
    padding:0em 5em;
    mask-image: linear-gradient(rgb(0 0 0 / 100%) 80%, transparent 100%);
}
/*Gradiente del banner*/
.banner__nebula::before{
    content:"";
    position:absolute;
    top:0;left:0;
    width:100%;height:100%;
    background:linear-gradient(145deg, #0b0c19 25%, #0b0c19de 50%, #00000000 100%); 
}

.nebula__content_a,
.nebula__content_b{
    z-index:2;
}
/*seccion contenido a*/
.nebula__content_a {
    width:50%;
    max-width:680px;
    display:flex;
    flex-direction:column;
    padding:1em;
    position:relative;
    z-index:4;
}

.nebula__logo{
    width:135px;
    padding:1em 0em;
}
.nebula__content_text{
    display:flex;
    flex-direction:column;
    gap:10px;
}
.nb_title_section{
    font-size:16px;
    font-weight:600;
    color:#ffffffba;
}
.nb_title{
    font-size:40px;
    text-transform:uppercase;
    font-weight:700;
    line-height:120%;
}
.nb_text{
    font-size:18px;
    font-weight:300;
    line-height:150%;
    font-family:"Poppins",sans-serif;
}
.nb_text b{
    color:var(--orbhe-light);
    font-weight:500;
}
.nebula_categories{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    padding:1em 0em;
}
.nb_categorie_chip{
    height:26px;
    padding:0em 0.8em;
    font-size:12px;
    letter-spacing:0.5px;
    background:var(--orbhe-light);
    border-radius:10em;
    display:flex;
    font-weight:500;
    text-transform:uppercase;
    justify-content:center;
    align-items:center;
}
.nebula_categories span:nth-child(1){
    background:var(--orbhe-light);
}
.nebula_categories span:nth-child(2){
    background:#36DDDD;
}
.nebula_categories span:nth-child(3){
    background:#A84FED;
}
.nebula_categories span:nth-child(4){
    background:#4658F2;
}
.nebula_categories span:nth-child(5){
    background:#E5C339;
}

.nebula_cta{
    margin-top:30px;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.nb_cta_text{
    font-size:15px;
    font-weight:600;
    text-transform:uppercase;
}
.nb_cta_button{
    border:3px solid var(--orbhe-light);
    padding:10px;
    border-radius:20px;
    display:flex;
}
.nb_cta_button a{
    width:100%;
    border-radius:10px;
    height:60px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    font-size:18px;
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:0.5px;
    padding:0 15px;
    background:linear-gradient(30deg, #566FF2, #8266BB);
    position:relative;
}
.nb_cta_button a::before{
    content:"";
    position:absolute;
    width:1px;height:1px;
    z-index:-1;
}
/*section banner video*/
.nebula__content_b {
    position:absolute;
    top:0;left:0;
    width:100%;
    max-height:800px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.banner__nebula{
    background-image:none;
}
.banner__nebula::before{
    background:linear-gradient(160deg, #0b0c19 45%, #06060dde 95%, #00000000 100%);
}
.nebula__content_b{
    width:100%;
    /*max-width:500px;*/ 
    position:absolute;
    top:30px;left:0;
    max-height:100dvh;
    overflow:hidden;
    opacity:0.65;
    mask-image: linear-gradient(rgb(0 0 0 / 100%) 98%, transparent 100%);
}
.content_video_banner_nebula{
    z-index:1;
    opacity:0.8;
    mask-image: linear-gradient(rgb(0 0 0 / 100%) 40%, transparent 100%);
}
.video__banner{
    width:100%;
}
.content_video_banner_nebula{
    width:100%; 
}

.nebula__content_a{width:100%}
.nebula__content_a,
.nebula__content_text{
    align-items:center;
}
.nebula_categories{justify-content:center}
.nb_title,.nb_text{text-align:center}
.nb_cta_text{text-align:center}

/*Fin Banner*/


/*Format grid nebula*/
.nebula__grid{
    width:100%;
    max-width:var(--nebula-desktop);
    display:flex;
    justify-content:center;
    align-items:center;
    gap:40px;/*separacion de contenidos*/
    padding-left:5em!important;
    padding-right:5em!important;
}
/*Section audio nebula*/
.audio_nebula_a{
    width:55%;
    display:flex;
    flex-direction:column;
    align-items:center;
}
.audio_nebula_a h2{
    font-size:40px;
    line-height:180%;
    font-weight:600;
    z-index:2;
}
.audio_nebula__content{
    width:100%;
    max-width:700px;
    height:420px;
    position:relative;
    z-index:1;
}
.audio_nebula__content::before{
    content:"";
    bottom:30px;left:30px;
    width:1px;height:1px;
    position:absolute;
    z-index:-1;
    box-shadow:0px 0px 160px 80px #6039AA;
}
.audio_nebula__content::after{
    content:"";
    bottom:30px;top:30px;
    width:1px;height:1px;
    position:absolute;
    z-index:-1;
    box-shadow:0px 0px 200px 80px #6C78FF;
}

.audio_nebula__img{
    background-image:url('../fonts/nebula/audio_nebula.webp');
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center;
    padding:2em;
    border-radius:26px;
    display:flex;
    justify-content:flex-end;
    flex-direction:column;
}
.audio_nebula__img p{
    font-size:27px;
    max-width:400px;
    line-height:100%;
    font-weight:400;
}

/*audios orbhextream*/
.audio_nebula_b{
    width:45%;
    display:flex;
    flex-direction:column;
    gap:20px;
}
.nb_title_audio{
    font-size:22px;
    font-weight:600;
}
.nb_text_audio{
    line-height:150%;
    font-size:18px;
    letter-spacing:0.5px;
}
.content__audio_nebula_items{
    display:flex;
    flex-direction:column;
    gap:10px;
}
.audio_nebula__item{
    display:flex;
    align-items:center;
    padding:0.6em;
    gap:10px;
    border-radius:15px;
    cursor:pointer;
    transition:0.3s ease;
    border:1px solid #ffffff20;
}
.audio_nebula__item:hover{
    background:#272626;
}
.audio_nebula__cover{
    width:80px;    
    height:80px;
    border-radius:8px;
    display:flex;
    justify-content:center;
    align-items:center;
    background-size:cover;
    background-position:center;
}
.audio_nebula__text{
    width:calc(100% - 90px);
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    border-radius:8px;
}
.desc__audio{
    color:var(--orbhe-light);
    font-size:14px;
}
.time__audio{
    position:absolute;
    bottom:0;right:0;
}
.section__audio_nebula_button{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:4em 0em 4em 0em;
}

/*Section video*/
.section__video_nebula{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    position:relative;
    margin-top:4em;
    margin-bottom:6em;
}
.section__video_nebula::after{
    content:"";
    position:absolute;
    top:0;left:0;
    width:100%;height:100%;
    background-image:url('../fonts/nebula/stars_video.png');
    background-size:contain;
    background-position:center;
    z-index:-1;
}
.video_nebula_a{
    text-align:center;
}
.nb_title_video{
    font-size:25px;
    font-weight:600;
}
.nb_title_video b{
    color:var(--orbhe-light);
}
.nb_subtitle_video{
    font-size:25px;
    text-transform:uppercase;
    font-weight:400;
}
.video_nebula_b{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    border-radius:1em;
}
.video_nebula__content_text{
    width:40%;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.video_nebula__content_video{
    width:55%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.content__video_nebula_light{
    width:100%;
    position:relative;
    z-index:1;
}

.content__video_nebula_light::after{
    content:"";
    position:absolute;
    top:20px; right:20px;
    width:10px;height:10px;
    background:transparent;
    box-shadow:0px 0px 200px 80px #6C78FF;
    z-index:-1;
}
.content__video_nebula_light::before{
    content:"";
    position:absolute;
    bottom:20px; left:20px;
    width:10px;height:10px;
    background:transparent;
    box-shadow:0px 0px 160px 80px #6039AA; 
    z-index:-1;
}

.nb__content_video{
    border-radius:15px;
    overflow:hidden;
    position:relative;
}
.nb__content_text{
    display:flex;
    align-items:center;
    gap:15px;
    padding:1em 0em;
}
.nb__content_text p{
    font-size:25px;
    font-weight:600;
}
.nb__content_text span{
    border:1px solid;
    border-radius:10em;
    display:flex;
    justify-content:center;
    align-items:center;
    width:55px;height:55px;
    padding:0.6em;
    background:#ffffff10;
    border:1px solid #3b3b3b;
}
.nb_text_desc_video{
    font-size:16px;
    color:#ffffffc1;
    line-height:192%;
    letter-spacing:0.5px;
}

/*Section series images*/
.video_nebula_c{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:20px;
}
.nb_video_series_text{    
    display:flex;
    align-items:center;
    gap:10px;
    
    justify-content:center;
}
.nb_video_series_text p{
    font-size:20px;
    text-transform:uppercase;
    font-weight:400;
}
.nb_video_series_text p b{
    font-weight:600;
    color:var(--orbhe-light);
}
.nb_video_series_images{
    margin:auto;
    background:linear-gradient(145deg, #07060b 20%, #1a1e47 100%);
    background:#161515;
    box-shadow:0px 20px 250px rgb(92 102 215 / 59%);
    border-radius:1em;
    padding:2em;
    position:relative;
    max-width:1500px;
}
/*Section planes*/
.section__text_planes_nebula{
    display:flex;
    gap:4em;
    max-width:1100px;
    padding:4em 0em 2em 0em;
}
.nb_text_planes_a{
    display:flex;
    flex-direction:column;
    gap:10px;
    width:60%;
}
.nb_text_planes_a h2{
    font-size:32px;
    font-weight:600;
}
.nb_text_planes_a p,
.nb_text_planes_b p{
    font-size:18px;
    letter-spacing:0.5px;
    line-height:150%;
}

.nb_text_planes_b{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:10px;
    width:40%;
}
.nb_text_planes_b h4{
    font-size:22px;
    font-weight:600;
}
.nb_text_planes_b span{
    max-width:350px;
}

/*Planes nebula*/
.section__planes_nebula{
    max-width:1250px;
    display:flex;
    gap:30px;
    padding:2em 0em 4em 0em;
}
.card_nebula{
    width:30%;
    max-width:360px;
    position:relative;
}
.card_nebula_content{
    display:flex;
    flex-direction:column;
    gap:15px;
    padding:1.5em;
    border-radius:1.2em 1.2em 0em 0em;
    background:var(--card-bg);
}
.nb_card_nebula_cnt{
    display:flex;
}
.nb_card_nebula_head{
    flex-direction:column;
    border-bottom:1px solid #ffffff50;
    padding-bottom:1em;
    gap:1em;
}
.nb_card_nebula_head_a{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.nb_card_nebula_head_tagg{
    display:flex;
    align-items:center;
    gap:10px;
}
/*
.nb_card_nebula_head_tagg::after{
    content:"¡Gratis 3 días de prueba!";
    position:absolute;
    top:-38px;left:-0.8em;
    background:#1b1d23;
    border:2px solid var(--orbhe-light);
    padding:0 0.5em;
    border-radius:5px;
    font-size:14px;
    
}
*/
.nb_card_nebula_head_tagg figure{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
}
.nb_card_nebula_head_tagg figure img{
    width:100%;
}
.nb_tagg{
    border-radius:10em;
    font-size:17px;
    height:35px;
    padding:0 1em;
    line-height:90%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#373737;
    font-weight:600;
}
.nb_card_nebula_head_b p{
    font-size:25px;
    font-weight:600;
    line-height:90%;
}
.nb_card_nebula_head_b p b{
    font-size:20px;
    color:#ffffff90;
    margin-left:3px;
    font-weight:500;
}
.nb_card_nebula_desc{
    flex-direction:column;
    padding-left:0.8em;
    gap:3px;
    position:relative;
}
.nb_card_nebula_desc p{
    display:flex;
    align-items:center;
}
.nb_card_nebula_desc p::after{
    content:"";
    position:absolute;
    left:-0.8em;
    width:5px; height:5px;
    background:#fff;
    border-radius:5px;
}
.nb_card_nebula_buy{
    flex-direction:column;
    gap:1em;
}
.nb_card_nebula_buy_a p{
    text-align:center;
    font-size:13px;
    color:#ffffff90;
}
.nb_card_nebula_buy_b{
    display:flex;
    justify-content:center;
    align-items:center;
}
.button_nebula_plan{
    width:100%;    
    border-radius:10em;
    font-size:20px;
    font-weight:600;
    background:var(--orbhe-light);
}
.button_nebula_plan a{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:50px;
    border-radius:10em;
}

.cinta {
    width: 100%;
    height: 20px;
    background:#23252D;
    position:relative;
    overflow:hidden;
}
.cinta::after{
    content:"";
    position:absolute;
    top:0;left:-6px;
    height:100%;
    width:10px;
    border-radius:100%;
    background:var(--nebula-bg);
}
.cinta::before{
    content:"";
    position:absolute;
    top:0;right:-6px;
    height:100%;
    width:10px;
    border-radius:100%;
    background:var(--nebula-bg);
}
.nb_card_bar_code{
    border-radius:0em 0em 1.2em 1.2em;
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--card-bg);
    padding:1em;
}

.nb_tagg_lunar,
.button_nebula_plan_lunar{
    background:var(--orbhe-light);
}

.nb_tagg_solar,
.button_nebula_plan_solar{
    background:var(--card-solar);
}

.nb_tagg_galaxy,
.button_nebula_plan_galaxy{
    background:var(--card-galaxy);
}
.button_nebula_plan_galaxy{
    border:2px solid #727cf2;
}

/*Luces de los planes*/
.card_nebula_lunar::after{
    content:"";
    position:absolute;
    bottom:25px;left:25px;
    width:5px;height:5px;
    background:red;
    box-shadow:0px 0px 160px 80px #6039AA; 
    z-index:-1;
}
.card_nebula_galaxy::after{
    content:"";
    position:absolute;
    top:25px;right:25px;
    width:5px;height:5px;
    background:red; 
    box-shadow:0px 0px 200px 80px #6C78FF;
    z-index:-1;
}

/*Sección de las dudas*/
.section__info_ask{
    flex-direction:column;
    padding:4em 0em;
}
.nb_info_ask_a{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:20px;
}
.nb_info_ask_a h2{
    font-size:32px;
    text-align:center;
    line-height:90%;
    font-weight:600;
}
.nb_info_ask_a p{
    width:90%;
    max-width:650px;
    text-align:center;
    color:#ffffff90;
    font-size:18px;
}
.content_nebula{
    padding-bottom:8em;
}
.content_nebula::after{
    content:"";
    position:absolute;
    bottom:0;left:0;
    width:100%;
    height:200px;
    background:linear-gradient(0deg, #4b56d438 10%, transparent 100%);
    z-index:-1;    
}

/*Acordeon*/
.main_acordeon{
    width:100%;
    max-width:950px;
}
.acordeon-container{
    border:0!important;
}
.acordeon-button{
    height:70px;
    display:flex;
    align-items:center;
    background:#ffffff10!important;
    transition:0.5s;
}
.acordeon-button:hover{
    background:#ffffff1c!important;
}
.acordeon-button p{
    font-size:20px!important;
}
.acordeon-content{
    border:0!important;
    background:#ffffff21!important;
    font-size:18px;
}


/*SLIDE*/

.content_nebula_slide {
    width: 100%;
    margin: auto;
    position: relative;
    overflow: hidden;
}

.slider_container {
    position: relative;
}

.slides {
    position: absolute;
    width: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    pointer-events: none;
}

.slides img {
    width: 100%;
    display: block;
}

.slides.active {
    opacity: 1;
    position: relative;
    pointer-events: auto;
}

.slide-bars {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    z-index: 1;
    width:100%;
    justify-content:center;
    gap:4px;
}

.bar {
    width:100%;
    height: 3px;
    background-color: rgb(255 255 255 / 20%);
    border-radius: 2px;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

.bar.active {
    background-color: #ffffff;
}


/* ANIMATION_PLAY */

.audio_nebula__item.active_audio {
    border: 1px solid #6a5acd; 
}
  
.bar_anim {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    gap: 2px;
    height:10px;
}
  
.bar_anim span {
    width: 3px;
    height: 10px;
    border-radius:5px;
    background: var(--orbhe-light);
    animation: bounce 0.8s infinite ease-in-out;
}
  
.bar_anim span:nth-child(2) {
    animation-delay: 0.2s;
}
  
.bar_anim span:nth-child(3) {
    animation-delay: 0.4s;
}
  
@keyframes bounce {
    0%, 100% { height: 10px; }
    50% { height: 20px; }
}
  


/*Responsive*/
@media(max-width:1350px){
    /*Banner*/
    .nb_title{font-size:30px}
    .nb_text{font-size:15px}    
    
    /*audio*/
    .audio_nebula_a h2{font-size:23px}
    .nb_text_audio{font-size:15px}
    .audio_nebula__cover{width:60px;height:60px}
    
    /*video*/
    .nb__content_text p{font-size:19px}
    .nb__content_text span{width:40px;height:40px}
    .section__planes_nebula{flex-wrap:wrap}
    .card_nebula{width:40%}
}

@media(max-width:1024px){
    /*Grid*/
    .nebula__grid{
        padding-left:2em!important;
        padding-right:2em!important;
    }
    
    /*audio*/
    .section__audio_nebula{
        display:flex;
        flex-direction:column;
    }
    .audio_nebula_a{width:100%}
    .audio_nebula_b{width:100%}
    
    /*video*/
    .video_nebula_b{flex-direction:column}
    .video_nebula__content_text{
        width:100%;
        align-items:center;
    }
    .video_nebula__content_video{width:100%}
    
    /*Planes*/
    .section__text_planes_nebula{
        flex-direction:column;
    }
    .nb_text_planes_a,
    .nb_text_planes_b{
        width:100%;
        align-items:center;
        text-align:center;
    }
    .section__planes_nebula{flex-direction:column}
    .card_nebula{width:100%}
}

@media(max-width:700px){
    .banner__nebula{padding:1em}
    .nebula_cta{
        width:100%;
        gap:15px;
    }
    .nb_cta_text{font-size:16px}
    .nb_cta_button{
        background:#00000010;
        backdrop-filter:blur(15px);
        -webkit-backdrop-filter:blur(15px);
    }
    .nb_cta_button a{
        font-size:15px;
        padding:0!important;
        height:50px;
        position:relative;
        z-index:1;
    }
    .nb_cta_button a::after{
        content:"";
        position:absolute;
        bottom:0;left:0;
        box-shadow:0px 0px 200px 50px #6C78FF;
        z-index:-1;
    }
    .nb_cta_button a::before{
        content:"";
        position:absolute;
        top:0;right:0;
        box-shadow:0px 0px 160px 50px #6039AA;
        z-index:-1;
    }
    .nb_cta_button svg{
        width:18px;
    }
    .nebula__grid{
        padding-left:0!important;
        padding-right:0!important;
    }
    /*audio*/
    .audio_nebula__content{height:300px}
    .audio_nebula__img{border-radius:0}
    .audio_nebula_b{padding:0em 1em}
    .nb_title_audio,.nb_text_audio{text-align:center}
    .section__audio_nebula_button{padding:1em!important}

    /*video*/
    .video_nebula_a,.video_nebula__content_text{
        text-align:center;
        padding:0em 2em;
    }
    .nb__content_video{border-radius:0}
    .nb_video_series_images{border-radius:0}
    .section__text_planes_nebula{padding:0em 2em!important}
    .nb_video_series_text p{
        font-size:15px;
        text-align:center;
    }

    /*Planes*/
    .section__text_planes_nebula h2,
    .section__text_planes_nebula h4{
        font-size:20px;
    }
    .section__text_planes_nebula p{font-size:15px}
    .section__planes_nebula{padding:2em!important}
    .section__info_ask{padding:0em 2em!important}
    /*preguntas*/
    .acordeon-button p{
        font-size:16px!important;
        text-align:left;
    }
    p.acordeon-content{font-size:15px}
}