@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&family=Macondo&family=Montez&family=Oleo+Script&family=Roboto+Mono:wght@700&family=Sriracha&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Grape+Nuts&family=Macondo&family=Odibee+Sans&display=swap');

body{
    font: 1.2em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
    margin: 0;
    padding:0;
    }

.marquesina-agenc {
    position: absolute;
    width: 100%;
    height: 110px;
    background:rgba(255, 235, 59, 0.6);
    z-index: 100;
}


#logo_MZ {
    position: absolute;
    top: 5px;
    left: 15px;
    width: 80px;
    height: 100px;
}

.mizviajes{
    position: absolute;
    top: 20px;
    left: 120px;
    width: 40%;
    height: auto; /* Altura automática según contenido */
    font-size: min(5vw, 30px); /* Usa 5vw pero nunca más de 40px */
    color: #4E94A0;
    overflow: hidden; /* Opcional: contiene el texto */
    text-overflow: ellipsis; /* Opcional: añade ... si el texto es muy largo */
    white-space: nowrap; /* Opcional: evita saltos de línea */
    font-weight: bold;
    text-shadow:0 0 0 black;
}

.agenc_esp {
    position: absolute;
    top: 50px;
    left: 120px;
    width: 60%;
    height: auto; /* Altura automática según contenido */
    font-size: min(4vw, 30px); /* Usa 5vw pero nunca más de 40px */
    color: #4E94A0;
    overflow: hidden; /* Opcional: contiene el texto */
    text-overflow: ellipsis; /* Opcional: añade ... si el texto es muy largo */
    white-space: nowrap; /* Opcional: evita saltos de línea */
}

/*  ***************************************************************************************** */

a{text-decoration: none; color:#FFEB3B; font-size:22px;}
a:hover{text-decoration: none; color:red;}

#button-up {
  position: fixed;
  top: 100px;
  left: 85%;
  width: 40px;
  height: 40px;
  box-shadow: 1px 1px 4px grey;
  border-radius: 50%;
  z-index: 10;
  cursor: pointer;
  transform: scale(0);
  opacity: 0;
  transition: transform 1s ease, opacity 0.3s ease;
}
#button-up:hover {
  transform: scale(1.1);
  box-shadow: 2px 2px 6px yellow;
  opacity: 0.7;
}


#divMovil {
    position: absolute;
    top: 112px;
    width: 100%;
    z-index:1;
    background:#b0e6ed;
}



.caja_inicial {
    position: relative;
    left: 1%;
    width: 98%;
    text-align: center;
    text-decoration: none;
    height: 200px;
    color: #274B80;
    background: #000000;
    background:rgba(255, 235, 59, 0.6);
    padding-top:10px;
    margin-bottom: 20px;
}

/*  ************************************** MESA DE REGALOS ***************************************************  */

.mesa_reg {
    position: relative;
    left: 1%;
    width: 98%;
    height: 600px;
    padding-top:10px;
    color: black;
    background: white;
    margin-bottom:30px;
    text-align:center;
    text-decoration: none;
}

#text_mesa {
    position: absolute;
    top: 10px;
    left: 10%;
    width: 80%;
    font-size:23px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #ed0e0ea6;
    color: #ffffff;
    height: 60px;
    line-height: 1.5px;
}

ul {
    text-align:left;
    list-style-type: square;
    list-style-position: inside;
    margin-left: 10px;
    color: blue;
    }


#imgFace{position:absolute; top:6px; left:75%; width:40px; height:40px; border-radius:6px;}
#imgFace:hover{box-shadow:0 0 7px yellow;}

.btn_class {
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    left: 10%;
    width: 80%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #FFEB3B;
    background: #378b88;
    border-radius: 4px;
    box-shadow: 0 0 14px 1px black;
    z-index:6;
}
.btn_class:hover{color:red; background-color:#43a9a5; box-shadow: 0 0 14px 1px #a2a9a9;}



/*  *****************************************************************************************  */
#BTNavisoLeg {
    position: absolute;
    top: 80px;
    left: 74%;
    width: 25%;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-family: "HELV";
    font-size: 14px;
    color: white;
    background: black;
    text-shadow: 0 0 5px black;
}
#BTNavisoLeg:hover{color:#117A65; background-color:#94C416; }


#BTNcontacto{
  position:absolute;
  top:35%;
  height:35px;
  line-height:35px;
  left:25%;
  width:50%;
  font-weight: bold;
  color:orange;
  background:#FFFFFF; 
  background:rgba(0,0,0,0.3);
  box-shadow: 0 0  13px 5px black;
  border-radius:6px;
  font-size:20px;
  text-align:center;
  cursor:pointer;
  z-index:10;
}
    
#BTNcontacto:hover{color:yellow; background:#FFFFFF; background:rgba(0,0,0,0.7);}



/*  *************************************travel agencia de viajes***************************************** */
.container-all{
    position:relative; 
    left:1%;
    width:98%;
    height:200px;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom:20px;
}


.item-slide{
    position: relative;
    display: flex;
    width:100%;
    height: 200px;
    flex-direction: column;
    flex-shrink: 0;
    flex-grow: 0;
    max-width: 100%;
}

.slide{
    display: flex;
    transform: translate3d(0, 0, 0);
    transition: all 600ms;
    animation-name: autoplay;
    animation-duration: 120s;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}

@keyframes autoplay{
    10%{transform: translate3d(0, 0, 0);}
    20%{transform: translate3d(calc(-100% * 1), 0, 0);}
    30%{transform: translate3d(calc(-100% * 2), 0, 0);}
    40%{transform: translate3d(calc(-100% * 3), 0, 0);}
    50%{transform: translate3d(calc(-100% * 4), 0, 0);}
    60%{transform: translate3d(calc(-100% * 5), 0, 0);}
    70%{transform: translate3d(calc(-100% * 6), 0, 0);}
    80%{transform: translate3d(calc(-100% * 7), 0, 0);}
    90%{transform: translate3d(calc(-100% * 8), 0, 0);}
   100%{transform: translate3d(calc(-100% * 9), 0, 0);}
}


/* """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" AEROLINEAS """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" */
    #transporte_aereo {
        position: relative;
        left: 1%;
        width: 98%;
        height: 1100px;
        margin-bottom: 20px;
        background: white;
    }
    #txt_transporte_aereo{
        position:absolute;
        top:5px;
        width:100%;
        color:orange;
        height:35px;
        text-align:center;
        text-shadow: 1px 1px 4px grey;
        font: 1.5em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
    }
    #espacio {
        position: absolute;
        top:50px;
        left:1%;
        width: 98%;
        height: 200px;
        background: pink;
        z-index:2;
    }
    #aerolineas {
        position: absolute;
        top:250px;
        left: 1%;
        width: 98%;
        height: 850px;
        background: linear-gradient(#233a53fc, #10d9d3);
        overflow: hidden;
        z-index:1;
    }

    #latam{position:absolute; top:200px; left:2%; width:96%; height: 50px; box-shadow: 10px 10px 20px grey; border-radius:20px; z-index:50;}

        #P1, #P2, #P3{
          position:absolute;
          width:92%;
          text-align:center;
          padding:10px;
          color:white;
          font-size:18px;
          text-shadow: 1px 1px 5px black, 0 0 1em #F1C40F, 0 0 0.2em black;
          z-index:100;
        }
              
        #P1{top:260px; line-height: 1.4;}
        #P2{top:460px; font-size:1em; color:orange;}
        #P3{top:530px; line-height: 1.4; text-align:left;} 
        

/* """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" adicionales """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" */

/*esta clase solo es referencia a la principal 
.btn_class {
    margin-top: 10px;
    position: relative;
    left: 3%;
    width: 94%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    color: white;
    border-radius: 4px;
    box-shadow: 2px 2px 5px #12376F;
}
*/

#adicionales{
    position: relative;
    left: 1%;
    width: 98%;
    background: white;
}

#text_1{
    position: relative;
    top:5px;
    left:2%;
    width:96%;
    height:30px;
    text-align:center;
    font-size:20px;
    color:#245583;
}

#text_2{ 
    font-size:13px;
}


.requis_visa {
    display: none;
    opacity: 0;
    transform: scale(0.95);
    transition: all 20s ease;
    
    width: 96%;
    max-width: 400px;
    height: 420px;
    border: none;
    margin: 0 auto;
    background: transparent;
    overflow: hidden;
    text-align: center;
    top: 80px;
    left: 2%;
}

.requis_visa.show {
    display: block;
    opacity: 1;
    transform: scale(1);
}

/* ::::::::::::::::: ESIM :::::::::::::::::: */
#esim {
    position: relative;
    left:1%;
    width:98%;
    height: 350px;
    background:white;
    margin-bottom:20px;
  transition: top 1s ease; /* Cambia 0.5s a la velocidad que prefieras */
}

#text_esim_1 {
    position: absolute;
    top: 5px;
    left: 2%;
    width: 96%;
    height: 125px;
    text-align: center;
    font-size: 17px;
    color:#245583;
}

#text_esim_2 {
    position: absolute;
    top:130px;
    text-align: center;
    font-size: 18px;
}
#div_chips {
    position: absolute;
    top: 200px; /* Manteniendo tu posición original */
    left: 2%;
    width: 96%;
    height: 125px; /* Establece una altura fija para el contenedor */
}

.item-slide1 {
    position: absolute; /* Esencial para superponer las imágenes */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: fill; /* Para que la imagen cubra todo el espacio sin distorsión */
    opacity: 0; /* Inicialmente invisibles */
    animation: crossFadeEsim 20s infinite; /* 4 imágenes * 5 segundos por imagen = 20s */
    z-index: 1; /* Por defecto, todas las imágenes se superponen */
}

/* Ajuste del z-index y animation-delay para cada imagen */
/* La primera imagen siempre empieza al frente y luego retrocede */
.item-slide1:nth-child(1) {
    animation-delay: 0s;
    z-index: 4; /* Empezará al frente */
}

.item-slide1:nth-child(2) {
    animation-delay: 5s; /* 5 segundos después */
    z-index: 3;
}

.item-slide1:nth-child(3) {
    animation-delay: 10s; /* 10 segundos después */
    z-index: 2;
}

.item-slide1:nth-child(4) {
    animation-delay: 15s; /* 15 segundos después */
    z-index: 1;
}

@keyframes crossFadeEsim {
    0% { opacity: 1; } /* Visible al inicio */
    20% { opacity: 1; } /* Mantiene la visibilidad por un tiempo */
    25% { opacity: 0; } /* Empieza a difuminarse */
    100% { opacity: 0; } /* Completamente invisible al final del ciclo */
}


/* """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" AUTOBUSES """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" */
#autobuses {
    position: relative;
    left: 1%;
    width: 98%;
    height:930px;
    background: linear-gradient( white 20%, #233a53fc 80%);
    border-radius:8px;
    margin-bottom:20px;
}

#txt-autobuses {
    position:absolute;
    top:10px;
    width:100%;
    color:orange;
    height:35px;
    text-align:center;
    text-shadow: 0 0 4px grey;
    font: 1.4em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
}
    #bus {
        position: absolute;
        top: 50px;
        left: 5%;
        width: 90%;
        height: 400px;
        text-align: justify;
        font-size: 18px;
    }

    #frmBus {
        position: absolute;
        top: 530px;
        left: 5%;
        width: 90%;
        height: 220px;
        text-align: center;
    }

    #imgBus {
        position: relative;
        width: 100px;
        height: 50px;
        float: left;
        animation-name: mybus;
        animation-iteration-count: infinite;
        animation-duration: 0.5s;
    }

    @keyframes mybus {
        25% { top: 0; left: 0; }
        50% { top: 1px; left: 1px; }
        70% { top: 1px; left: 0.5px; }
        100% { top: 0; left: 1px; }
    }
    
    
    
/* """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" HOSTALES """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" */

#hostal{
    position:relative;
    left: 1%;
    width:98%;
    height:350px;
    margin-bottom:20px;
}

#hoteles-in {
    position:absolute;
    top:5px;
    left:5%;
    width:90%;
    color:orange;
    height:35px;
    text-align:center;
    text-shadow: 1px 1px 4px grey;
    font: 2.5em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
}
 
#hotelesTxt {
    position: absolute;
    top: 60px;
    left: 2%;
    width: 96%;
    height: 60px;
    text-align: center;
    color: #42CAC4;
    font: 18px Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
}

#hoteles {
    position: absolute;
    top: 130px;
    left: 1%;
    width: 98%;
    height: 200px; /* Tamaño fijo del contenedor */
    overflow: hidden; /* Las imágenes no salen de aquí */
    border-radius: 8px;
}

.k_hotel {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Cambiado a 'cover' para que la imagen ocupe todo el espacio */
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; /* Por defecto invisibles */
    animation: crossFadeHoteles 25s infinite; /* Duración total del ciclo para 5 imágenes */
    z-index: 1; /* Por defecto, todas las imágenes se superponen */
}

/* Ajuste del z-index y animation-delay para cada imagen */
/* La primera imagen siempre empieza al frente y luego retrocede */
.k_hotel:nth-child(1) {
    animation-delay: 0s;
    z-index: 5; /* Empezará al frente */
}

.k_hotel:nth-child(2) {
    animation-delay: 5s; /* 5 segundos después */
    z-index: 4;
}

.k_hotel:nth-child(3) {
    animation-delay: 10s; /* 10 segundos después */
    z-index: 3;
}

.k_hotel:nth-child(4) {
    animation-delay: 15s; /* 15 segundos después */
    z-index: 2;
}

.k_hotel:nth-child(5) {
    animation-delay: 20s; /* 20 segundos después */
    z-index: 1;
}

@keyframes crossFadeHoteles {
    0% { opacity: 1; } /* Visible al inicio */
    20% { opacity: 1; } /* Mantiene la visibilidad por un tiempo */
    25% { opacity: 0; } /* Empieza a difuminarse */
    100% { opacity: 0; } /* Completamente invisible al final del ciclo */
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.cruceros{
    position:relative;
    left:1%;
    width:98%;
    height:500px;
    margin-bottom:20px;
}

#cruceros-in {
    position:absolute;
    top:5px;
    left:5%;
    width:90%;
    color:orange;
    height:35px;
    text-align:center;
    text-shadow: 1px 1px 4px grey;
    font: 2.5em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
}

#crucerosTxt {
    position: absolute;
    top: 60px;
    left: 2%;
    width: 96%;
    height: 60px;
    text-align: center;
    color: #42CAC4;
    font: 18px Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
}

#crucers {
 position: absolute;
 top: 200px;
 left: 1%;
 width: 98%;
 height: 200px; /* Tamaño fijo del contenedor */
 overflow: hidden; /* Las imágenes no salen de aquí */
 border-radius: 8px;
}

.k_crusero {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 opacity: 0; /* Inicialmente invisibles */
 animation: crossFade 10s infinite; /* Reducimos la duración para transiciones más rápidas */
 z-index: 1; /* Asegura que las imágenes estén una encima de la otra */
}

/* Ajuste del z-index para la imagen que debe aparecer "detrás" */
.k_crusero:nth-child(2) {
 z-index: 0; /* La segunda imagen estará detrás de la primera inicialmente */
 animation-delay: 5s; /* Empieza la animación de la segunda imagen a la mitad del ciclo de la primera */
}

@keyframes crossFade {
 0% { opacity: 1; z-index: 1; } /* La imagen es visible y está al frente */
 50% { opacity: 0; z-index: 1; } /* La imagen se difumina y sigue al frente durante la transición */
 50.01% { z-index: 0; } /* Justo después de difuminarse, pasa al fondo */
 100% { opacity: 1; z-index: 0; } /* La imagen (que era la siguiente) ahora es visible en el fondo */
}

/* :::::::::::::::::::::::::::::::::::: CINTILLA ::::::::::::::::::::::::::::::::::::::::::::: */


.slide-cruceros {
    position: absolute;
    top:410px;
    width: 100%;
    height: 200px;
    margin-bottom: 30px;
    overflow: hidden;
    background:black;
}
.slide2 {
    position: absolute;
    top: 410px;
    display: flex;
    animation: scroll-right 20s linear infinite;
    width: max-content;
    flex-wrap: nowrap;
    gap: 0;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* scroll suave en iOS */

}
.item-slide2 {
    width: 100px; /* Ancho fijo para cada imagen */
    height: auto; /* Altura automática para mantener proporción */
    max-height: 50px; /* Altura máxima */
    flex-shrink: 0;
    object-fit: contain; /* Cambiado de cover a contain */
    display: block;
    margin: 0; /* Elimina márgenes */
    padding: 0; /* Elimina padding */
    border: 0; /* Elimina bordes */
}

/* Animación de scroll infinito de izquierda a derecha */
@keyframes scroll-right {
    0% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(0);
    }
}

/* Versión alternativa con pausa suave */
.slide2:hover {
    animation-play-state: paused;
}

/* Reset adicional para eliminar espacios */
.slide2 img {
    vertical-align: top; /* Elimina espacio inferior de imágenes */
    font-size: 0; /* Elimina espacio de texto */
}

/* Si quieres que las imágenes ocupen porcentajes del viewport */
.item-slide2-responsive {
    width: 25vw; /* 25% del viewport width */
    height: 100px;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
}

/* Para usar con imágenes responsive */
.slide2-responsive {
    display: flex;
    animation: scroll-left-responsive 25s linear infinite;
    width: max-content;
}

@keyframes scroll-left-responsive {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.cruceros {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}

.cruceros img {
  max-width: 100%;
  height: auto;
  display: block;
}

#crucerosTxt {
  word-wrap: break-word;
  text-align: center;
}

#slide-cruceros {
  width: 100%;
  overflow: hidden;
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */    



/* """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" circuitos""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" */

#circuitos{position:relative; left:1%; width:98%;  height:560px; margin-bottom:20px;}
#circuitos-in{
    position:absolute;
    top:0;
    width:100%;
    color:orange;
    height:35px;
    text-align:center;
    text-shadow: 1px 1px 4px grey;
    font: 2.5em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
}
.iframe-mega{position:absolute; top:70px; width:100%; margin-bottom:20px;}


#contacto{position:relative; left:0.5%; width:99%; height:600px; font: 1.2em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;}
            #countac0{position:absolute; top: 20px; width: 100%; margin-bottom: 10px; font-size: 24px; color:#5D6D7E; text-align:center; font-weight: bold; }
            #countac1{position:absolute; top: 60px; left:20%; width:60%; height:15px; text-align:center; font-size:16px; color:#5D6D7E;}
            #countac2{position:absolute; top: 94px; left:15%; width:70%; height:15px; font-size: 16px; text-align:center;color:#5D6D7E;}
            #countac3{position:absolute; top:210px; width: 100%; margin-bottom: 50px; font-size: 18px; text-align: center; color:#5D6D7E;}
            #countac4{position:absolute; top:250px; width: 100%; font-size: 16px; text-align: center; margin-bottom: 50px; color:#5D6D7E;}
            #div_whats {
                position: absolute;
                top: 135px;
                left: 40%;
                width: 20%;
                text-align: center;
            }

            #img_whats {
                width: 50px;
                height: 50px;
                box-shadow: 5px 5px 10px black;
                border-radius: 10px;
            }
#img_whats:hover{border-radius:50%;}

#formulario_contacto{position:absolute; top:300px; left:15%; width:70%; height:250px; text-align:center;}

/*  CSS PARA ENVIO DE CORREO DE CONTACTO */

.contactform input, textarea {
    left:0;
    width: 250px;
    height:30px;
    margin: 0 0 10px 0;
    background-color:transparent;
    color:black;
}

.contactform textarea {height:100px;}
.contactform textarea {height:100px; color:black; font-size:16px;}

.contactform .btn-primary {
    background: #92bf24;
    border: none;
    border-radius: 0;
    color: #3d5602;
    font-weight: 800;
}

.contactform .btn-primary:hover {
    background: #a6d82c;
}

.contac{color:yellow;}

    
#fin {
    position: relative;
    left: 2%;
    width: 96%;
    height: 20px;
    font-size: 8px;
    color: white;
    text-align: center;
    background: black;
    margin-bottom:5px;
}

#avisoL{position:relative; margin-top:20px; width:100%; height:800px; display:none;}
 #legal{position:relative; left:5%; width:90%; height:100%; text-align:center; display:none;}
 
 
.contenedor-scroll {
    display: flex;
    flex-direction: column;
}

.contenedor-scroll.animar {
    animation: scrollVertical 90s linear infinite alternate;
}

@keyframes scrollVertical {
      0% { transform: translateY(0%); }
    100% { transform: translateY(calc(-100% + 100vh - 190px)); }
}


 
@media screen and (min-width: 450px) {
#contenedor-Movil {
    position: relative;
    top: 5px;
    width: 100%;
    overflow:hidden;
    z-index:1;
    background:#b0e6ed;
}



.container-all{
    position:relative; 
    left:10%;
    width:80%;
    height:250px;
    border-radius: 6px;
    overflow: hidden;
    margin-top:10px;
    margin-bottom:20px;
}


}


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


#logo_MZ {
    position: absolute;
    top: 5px;
    left: 120px;
    width: 80px;
    height: 100px;
}

.mizviajes{
    position: absolute;
    top: 20px;
    left: 250px;
    width: 40%;
    height: auto; /* Altura automática según contenido */
    font-size: min(5vw, 30px); /* Usa 5vw pero nunca más de 40px */
    color: #4E94A0;
    overflow: hidden; /* Opcional: contiene el texto */
    text-overflow: ellipsis; /* Opcional: añade ... si el texto es muy largo */
    white-space: nowrap; /* Opcional: evita saltos de línea */
    font-weight: bold;
    text-shadow:0 0 0 black;
}

.agenc_esp {
    position: absolute;
    top: 18px;
    left: 460px;
    width: 60%;
    height: auto;
    font-size: 30px; 
    color: #4E94A0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#button-up {
  position: fixed;
  top: 100px;
  left: 95%;
  width: 40px;
  height: 40px;
  box-shadow: 1px 1px 4px grey;
  border-radius: 50%;
  z-index: 10;
  cursor: pointer;
  transform: scale(0);
  opacity: 0;
  transition: transform 1s ease, opacity 0.3s ease;
}




.container-all {
    position: relative;
    left: 1%;
    width: 98%;
    height: 310px;
    border-radius: 0;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 20px;
}
.item-slide {
    position: relative;
    display: flex;
    width: 100%;
    height: 300px;
    flex-direction: column;
    flex-shrink: 0;
    flex-grow: 0;
    max-width: 100%;
}


.caja_inicial {
    position: relative;
    left: 1%;
    width: 98%;
    text-align: center;
    text-decoration: none;
    height: 120px;
    color: #274B80;
    background: #000000;
    background: rgba(255, 235, 59, 0.6);
    padding-top: 10px;
    margin-bottom: 0;
}

.sombra_princ {
    border-radius:8px;
    box-shadow:0 0 4px 2px black;
}

.mesa_reg {
    position: relative;
    left: 1%;
    width: 49%;
    height: 600px;
    padding-top: 10px;
    color: black;
    background: white;
    margin-bottom: 30px;
    text-align: center;
    text-decoration: none;
}

#adicionales {
    position: absolute;
    top: 460px;
    left: 51%;
    width: 48%;
    margin-bottom: 5px;
    background: white;
}


#contenedor-Movil {
    position: relative;
    top: 5px;
    width: 100%;
    overflow:hidden;
    z-index:1;
    background:#b0e6ed;
}



#transporte_aereo {
    position: relative;
    left: 1%;
    width: 49%;
    height: 1040px;
    background: white;
    overflow: hidden;
    margin-bottom: 20px;
    z-index: 1;
}
#aerolineas {
    position: absolute;
    top: 250px;
    left: 1%;
    width: 98%;
    height: 780px;
    background: linear-gradient(#233a53fc, #10d9d3);
    overflow: auto;
    z-index: 1;
}
#P2 {
    top: 430px;
    font-size: 1em;
    color: orange;
}
      
#esim {
    position: absolute;
    top:560px;
    left:51%;
    width:48%;
    height: 350px;
    background:white;
    margin-bottom:20px;
}
        
#autobuses {
    position: absolute;
    top: 1000px;
    left: 51%;
    width: 48%;
    height: 930px;
    background: #b0e6ed;
    border-radius: 8px;
    margin-bottom: 20px;
}

#txt-autobuses {
    position:absolute;
    top:10px;
    width:100%;
    color:orange;
    height:35px;
    text-align:center;
    text-shadow: 0 0 4px grey;
    font: 1.8em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
}


    #frmBus {
        position: absolute;
        top: 340px;
        left: 5%;
        width: 90%;
        height: 220px;
        text-align: center;
    }


#hostal {
    position: relative;
    left: 1%;
    width: 49%;
    height: 500px;
    background: white;
    margin-bottom: 20px;
}
#hoteles {
 position: absolute;
 top: 130px;
 left: 1%;
 width: 98%;
 height: 300px; /* Tamaño fijo del contenedor */
 overflow: hidden; /* Las imágenes no salen de aquí */
 border-radius: 8px;
}
 
.cruceros {
    position: absolute;
    top: 2160px;
    left: 51%;
    width: 48%;
    height: 500px;
    background: white;
    margin-bottom: 20px;
    overflow: hidden;
}
#crucers {
 position: absolute;
 top: 130px;
 left: 1%;
 width: 98%;
 height: 300px; /* Tamaño fijo del contenedor */
 overflow: hidden; /* Las imágenes no salen de aquí */
 border-radius: 8px;
}
.slide2 {
    position: absolute;
    top: 440px;
    display: flex;
    animation: scroll-right 20s linear infinite;
    width: max-content;
    gap: 0;
    margin: 0;
    padding: 0;
}

#contacto {
    box-shadow: 0 0 13px 3px black;
    margin-top: 30px;
    background: white;
    text-align: center;
    position: relative;
    left: 20%;
    width: 60%;
    height: 600px;
    border-radius: 8px;
    font: 1.2em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
    margin-bottom: 50px;
}

#formulario_contacto{position:absolute; top:300px; left:25%; width:50%; height:250px; text-align:center;}
.contactform{width:100%;}

}