*{
    --color-blanco:#FBFBFB;
    --color-oscuro:#282828;
    --botones:#2E76EF;
}
.panel-video{
    position: relative;
    width: 100%;
    max-height: 550px;
    aspect-ratio:16/9 ;
    overflow: hidden;
}
.contenedor__capa{
    width: 100%;
    height: 800px;
}



.panel__capa{
    width: 100%;
    max-height: 800px;
    background: linear-gradient(0deg, rgba(19, 19, 19, 0.788) 0%, rgba(20, 20, 20, 0.6) 100%);
    
    
}

video{
    width: 100%;
}
/*Panel Inicial (Video) Responsive*/
@media screen and (max-width:768px) {
.panel-video{
    width: 100%;
    height: 515px;
}
video{
    width: 100%;
    position: relative;
    z-index: -1;
    object-position: center;
    object-fit: cover;
    height: 515px;
}
}
/*-----Servicios Estilos Generales-----*/
.servicio{
    width: 100%;
    height: auto;
    background-color: var(--color-oscuro);
    margin-top: 61px;
    padding: 42px 100px 42px 24px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    
}
/*Seccion de Servicio Ejecutivo*/
.contenedor__ejecutivo-total{
    max-width: 1500px;
    display: flex;
    justify-content: center;
    gap: 104px;
}
.contenedor__ejecutivo-texto{
    max-width:663px;
    min-width:459px;
    height: 336px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.titulo__ejecutivo{
    font-size: 39px;
    margin: 0;
    color: var(--color-blanco);
}
.ejecutivo__barra{
    width: 60%;
    height: 11px;
    background-color:var(--color-blanco) ;
    margin-top: 15px;
    
}
.texto__ejecutivo{
    color: var(--color-blanco);
    text-align: justify;
    margin: 0;
    margin-top: 18px;
    margin-bottom: 50px;
}
.boton__solicitar-viaje{
    width:inherit;
    background-color: var(--botones);
    color: var(--color-blanco);
    text-decoration: none;
    padding: 8px 10px;
    border-radius: 6px;
    text-align: center;
}
.contenedor__img-viaje-ejecutivo{
    max-width: 449px;
    min-width:400px;
    height: auto;
    margin-left: 50px;
}
.img__viaje-ejecutivo{
    object-fit:cover;
    width: 100%;
    height: auto;
}
/*-----Resolucion de Tablet Responsive-----*/
@media screen and (max-width:1023px) {
.servicio{
    height: auto;
    margin-top: 61px;
    padding: 31px 16px 31px 24px;
    
    
}
.contenedor__ejecutivo-total{
    max-width: 1500px;
    display: flex;
    justify-content: center;
    gap: 35px;
}
.contenedor__ejecutivo-texto{
    max-width:450px;
    min-width:400px;
    height:380px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-right: 0px;
}

.texto__ejecutivo{
    font-size: 15px;
    min-height: 130px;
}
.contenedor__img-viaje-ejecutivo{
    max-width: 500px;
    min-width:300px;
    min-height: 200px;
    max-height: 400px;
    margin-left: 0px;
}
.img__viaje-ejecutivo{
    max-width: 500px;
    min-width:300px;
    min-height: 363px;
    border-radius: 10px;
}

}
/*-----Seccion Ejecutivo Responsive (Celular)-----*/

@media screen and (max-width:768px) {
.contenedor__ejecutivo-total{
    flex-direction: column;
    width: 100%;
}
.contenedor__ejecutivo-texto{
    min-width: 100%;
    order: 1;
}
.ejecutivo__barra{
    width: 40%;
}
.contenedor__img-viaje-ejecutivo{
    max-width: 100%;
    min-width:100%;
    max-height: 451px;
    order: 2;
}
.img__viaje-ejecutivo{
    max-width: 100%;
    min-width:50px;
    max-height: 451px;
}
}




/*-----Seccion de Servicio privado-----*/
.contenedor__privado-total{
    max-width: 1500px;
    display: flex;
    justify-content: center;
    gap: 104px;
}
.contenedor__privado-texto{
    max-width:663px;
    min-width:459px;
    height: 336px;
    margin-left: 50px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.titulo__privado{
    font-size: 39px;
    margin: 0;
    color: var(--color-blanco);
}
.privado__barra{
    width: 60%;
    height: 11px;
    background-color:var(--color-blanco) ;
    margin-top: 15px;
}
.texto__privado{
    color: var(--color-blanco);
    text-align: justify;
    margin: 0;
    margin-top: 18px;
    margin-bottom: 50px
}
.contenedor__img-viaje-privado{
    max-width: 449px;
    min-width:400px;
    height: auto;
}
.img__viaje-privado{
    object-fit:cover;
    width: 100%;
    height: auto;
}
/*-----Resolucion de Tablet Responsibe-----*/
@media screen and (max-width:1023px) {
.servicio-privado{
    height: auto;
    margin-top: 61px;
    padding: 43px 23px 44px 17px;
    
    
}

.contenedor__privado-total{
    max-width: 1500px;
    display: flex;
    justify-content: center;
    gap: 35px;
}
.contenedor__privado-texto{
    max-width:450px;
    min-width:400px;
    height:380px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-left: 0px;
}

.texto__privado{
    font-size: 15px;
    min-height: 130px;
}
.contenedor__img-viaje-privado{
    max-width: 500px;
    min-width:300px;
    min-height: 200px;
    max-height: 400px;
    margin-left: 0px;
}
.img__viaje-privado{
    max-width: 500px;
    min-width:300px;
    min-height: 363px;
    border-radius: 10px;
}
}
/*-----Seccion Viaje Privado Responsive (Celular)*/
@media screen and (max-width:768px) {
.contenedor__privado-total{
    flex-direction: column;
    width: 100%;
}
.contenedor__privado-texto{
    min-width: 100%;
}
.privado__barra{
    width: 40%;
}
.contenedor__img-viaje-privado{
    max-width: 100%;
    min-width:100%;
    max-height: 451px;
    
}
.img__viaje-privado{
    max-width: 100%;
    min-width:50px;
    max-height: 451px;
}
}

/*-----Seccion de Servicio Eventos-----*/
.contenedor__eventos-total{
    max-width: 1500px;
    display: flex;
    justify-content: center;
    gap: 104px;
}
.contenedor__eventos-texto{
    max-width:663px;
    min-width:459px;
    height: 336px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.titulo__eventos{
    font-size: 39px;
    margin: 0;
    color: var(--color-blanco);
}
.eventos__barra{
    width: 60%;
    height: 11px;
    background-color:var(--color-blanco) ;
    margin-top: 15px;
}
.texto__eventos{
    color: var(--color-blanco);
    text-align: justify;
    margin: 0;
    margin-top: 18px;
    margin-bottom: 50px;
}
.contenedor__img-viaje-eventos{
    max-width: 449px;
    min-width:400px;
    height: auto;
    margin-left: 50px;
}
.img__viaje-eventos{
    object-fit:cover;
    width: 100%;
    height: auto;
}
/*-----Servicio Para Eventos Responsive Tablet-----*/
@media screen and (max-width:1023px) {
    .servicio-eventos{
    height: auto;
    margin-top: 61px;
    padding: 31px 16px 31px 24px;
    
    
}
.contenedor__eventos-total{
    max-width: 1500px;
    display: flex;
    justify-content: center;
    gap: 35px;
}
.contenedor__eventos-texto{
    max-width:450px;
    min-width:400px;
    height:380px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-right: 0px;
}
.contenedor__vacacional-texto{
    min-width: 300px;
}
.texto__eventos{
    font-size: 15px;
    min-height: 130px;
}
.contenedor__img-viaje-eventos{
    max-width: 500px;
    min-width:300px;
    min-height: 200px;
    max-height: 400px;
    margin-left: 0px;
}
.img__viaje-eventos{
    max-width: 500px;
    min-width:300px;
    min-height: 363px;
    border-radius: 10px
}
}
/*-----Seccion Eventos Responsive (Celular)-----*/
@media screen and (max-width:768px) {
.contenedor__eventos-total{
    flex-direction: column;
    width: 100%;
}
.contenedor__eventos-texto{
    min-width: 100%;
    order: 1;
}
.eventos__barra{
    width: 40%;
}
.contenedor__img-viaje-eventos{
    max-width: 100%;
    min-width:100%;
    max-height: 451px;
    order: 2;
}
.img__viaje-eventos{
    max-width: 100%;
    min-width:50px;
    max-height: 451px;
}
}
/*-----Seccion de Servicio Vacacional-----*/
.contenedor__vacacional-total{
    max-width: 1500px;
    display: flex;
    justify-content: center;
    gap: 104px;
}
.contenedor__vacacional-texto{
    max-width:663px;
    min-width:459px;
    height: 336px;
    margin-left: 50px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.titulo__vacacional{
    font-size: 39px;
    margin: 0;
    color: var(--color-blanco);
}
.vacacional__barra{
    width: 60%;
    height: 11px;
    background-color:var(--color-blanco) ;
    margin-top: 15px;
}
.texto__vacacional{
    color: var(--color-blanco);
    text-align: justify;
    margin: 0;
    margin-top: 18px;
    margin-bottom: 50px
}
.contenedor__img-viaje-vacacional{
    max-width: 449px;
    min-width:400px;
    height: auto;
}
.img__viaje-vacacional{
    object-fit:cover;
    width: 100%;
    height: auto;
}
/*-----Seccion Vacacional  Responsive (Tablet)*/
@media screen and (max-width:1023px) {
.servicio-vacacional{
    height: auto;
    margin-top: 61px;
    padding: 43px 23px 44px 17px;
    
    
}

.contenedor__vacacional-total{
    max-width: 1500px;
    display: flex;
    justify-content: center;
    gap: 35px;
}
.contenedor__vacacional-texto{
    max-width:450px;
    min-width:400px;
    height:380px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-left: 0px;
}

.texto__vacacional{
    font-size: 15px;
    min-height: 130px;
}
.contenedor__img-viaje-vacacional{
    max-width: 500px;
    min-width:300px;
    min-height: 200px;
    max-height: 400px;
    margin-left: 0px;
}
.img__viaje-vacacional{
    max-width: 500px;
    min-width:300px;
    min-height: 363px;
    border-radius: 10px;
}
}
/*-----Seccion Vacacional Responsive (Celular)-----*/
@media screen and (max-width:768px) {
.contenedor__vacacional-total{
    flex-direction: column;
    width: 100%;
}
.contenedor__vacacional-texto{
    min-width: 100%;
}
.vacacional__barra{
    width: 40%;
}
.contenedor__img-viaje-vacacional{
    max-width: 100%;
    min-width:100%;
    max-height: 451px;
    
}
.img__viaje-vacacional{
    max-width: 100%;
    min-width:50px;
    max-height: 451px;
}
}