.contenedor-iconod 
        {
            width: 150px; /* Ancho del contenedor */
            height: 40px; /* Alto del contenedor */
            position: relative; /* Necesario para posicionar el icono */
            padding: 5px;
        }
    .contenedor-iconoi 
        {
            width: 350px; /* Ancho del contenedor */
            height: 40px; /* Alto del contenedor */
            position: relative; /* Necesario para posicionar el icono */
            padding: 5px;
        }   

   
    .icono-svgpie 
        {
            width: 100%; /* El icono ocupa todo el contenedor */
            height: 100%;
            fill: #fcfcfc;/* Color inicial de Facebook (azul) #3b5998;*/
            transition: fill 0.3s ease; /* Transición suave del color */
        /* background-color: aqua; */
        }
    .icono-serviciosTraslado
        {
            width: 30%; /* El icono ocupa todo el contenedor */
            height: 30%;
           
            
          
        }
    .icono-serviciosBordo 
        {
            width: 50%; /* El icono ocupa todo el contenedor */
            height: 50%;
            
           
            
          
        }
    .contenedor-iconopie 
        {
            width: 180px; /* Ancho del contenedor */
            height: 40px; /* Alto del contenedor */
            position: relative; /* Necesario para posicionar el icono */
            padding: 5px;
            background-color:#0a0b0b;
           
        }

       
   
    .contenedor-menu
        {
             
              display: flex;
             justify-content: center; /* Centra horizontalmente */
             align-items: center; /* Centra verticalmente */
             position: relative;

             width: 100%;
             height: 100%;
        }    

    .portadaContenedor-imagen
        {
             
              display: flex;
             justify-content: center; /* Centra horizontalmente */
             align-items: center; /* Centra verticalmente */
             position: relative;

             width: 100%;
             height: 100%;
        }
    .portadaContenedor-imagen img 
        {
                
            display: block;
                
                width: 100%;
                height: 100%;
                object-fit: cover;
                
        }
    .portadaLogo-imagen
        {
             
              display: flex;
             justify-content: center; /* Centra horizontalmente */
             align-items: center; /* Centra verticalmente */
             position: relative;

            
        }
    .portadaLogo-imagen img 
        {
                
            display: block;
            width: 30%;
            height: 30%;
            object-fit: cover;
                
        }    
    .fi
        {
            filter: opacity(90%);
             
        }
    
    .textoServicioBordo
        {
                  color:#bbd5ff; /* coral; */
        }
    .texto-superpuesto 
        {
            
            position: absolute;
            color: white;
            font-size: 24px;
            text-align: center;
            justify-content: center; /* Centra horizontalmente */
            align-items:flex-start;/* Centra verticalmente */
            height: 100%;
         
            
        }
    .texto-superpuesto div {
          
            margin: 10px;
            padding: 20px;
          }

    .myp
        {    
    
            font-family: Perpetua, Baskerville, "Big Caslon", "Palatino Linotype", Palatino, "URW Palladio L", "Nimbus Roman No9 L", serif

        }
    .btnwsp 
         {
            display: block;
            position: fixed;
            width: 65px;
            height: 65px;
            line-height: 65px;
            bottom: 30px;
            right: 30px;
            z-index: 100;

         }
    .icono-svg:hover 
        {
            fill:#FF8C00; /* Color rojo al pasar el mouse */
        }
      
   .mi-fondo
         {
            background-image: url('img/portada.jpg');
            background-size: cover;
            background-position: center;
            color: white; /* Para que el texto se vea bien */
            text-align: center;
        }


    /* .textoTarjeta{color:#fff}
    .colorCabeza {background-color: #fff;} 
    .colorSeccion {background-color:chocolate} 
    .colorPie{background-color: black;}
     .colorP1{background-color:#fff }   
    .colorP2{background-color:#fff }  
    .contacto { text-align: right;}
    .redes { text-align: left;}
    .miCabeza { width: 100%;padding: 2px; }
    */

    .contenti
         { /*text-align: right;
                  float: right; */
                  display: flex;
                  justify-content: flex-start;
         } 
    .contentd 
        { /*text-align: left;
                  float: left;
                  */

                  display: flex;
                  justify-content: flex-end;

        }
    .contentCentro 
        { /*text-align: left;
                  float: left;
                  */
                 display: flex;
                  justify-content: center;
        }

    .menuClaro
        {
            font-size: 20px;
            font-weight: bold;
            opacity: 1;
        } 
            
    .contentmenu 
        { 
            display: flex;
            justify-content: flex-start;
        }

    .navbar 
        {
            background-color:#fff ; /* Fondo oscuro */
        }
    .navbar .navbar-brand 
        {
            color: white; /* Texto blanco para la marca */
        }

    .navbar .nav-link
        {
            color: #000; /* Texto gris claro para los enlaces */
        }

    .navbar .nav-link:hover 
        {
            color:coral; /* Texto blanco al pasar el mouse */
        }
    .navbar-nav .nav-link.active
        {
            color:#bbd5ff;  /* Azul  coral; */
                                                /* background-color: #e9ecef; /* Gris claro */
        }
    
    @font-face {
            font-family: 'BlinkMacSystemFont'; /* Define el nombre que usarás para la fuente */
            src: url('fuente.woff2') format('woff2');
               
            font-weight: normal; /* Define el peso de la fuente (opcional) */
            font-style: normal; /* Define el estilo de la fuente (opcional) */
        }
    

       
    .fuente
            {
                font-family: 'BlinkMacSystemFont', sans-serif;
                font-family: "Playfair Display", serif;
                font-optical-sizing: auto;
                font-weight: 600;
                font-style: normal;
            }    
    .fuente1
          {
                font-family: "Playfair Display", sans-serif;
                font-weight: 600;
                font-style: normal;

         }

    .fuenteMenu
          {
                font-family: "Playfair Display", sans-serif;
                font-optical-sizing: auto; 
                font-weight: 200;
                font-style: normal;
                font-variation-settings: "wdth" 100;  
             

                

         }

   

    .fuente2
         {          

                font-family: "Lora", serif;
                font-optical-sizing: auto;
                font-weight: 200;
                font-style: normal;  

        }
    .fuente3 
             {
                font-family: "Roboto", sans-serif;
                font-optical-sizing: auto;
                font-weight: 100;
                font-style: normal;
               

             }
    .fuente3m 
             {
                font-family: "Lora", serif;
                font-weight: 400;
                font-style: normal;              
                font-size:1.2rem;              

             }
    .fuenteServicio 
             {
                font-family: "Lora", serif;
                font-weight: 600;
                font-style: normal;              
                font-size:1.2rem;              

             }

    .fuente3t 
             {
                font-family: "Lora", serif;
                font-weight: 400;
                font-style: normal;              
                font-size:1.8rem;              

             }
      
    .fuente4 {
                    font-family: "Open Sans", sans-serif;
                    font-optical-sizing: auto; 
                    font-weight: 200;
                    font-style: normal;
                    font-variation-settings: "wdth" 100;  
                    font-size:1rem;
            }
              
          
    .contenedorServicios2
            {
                   display: flex;
                   justify-content: space-evenly;
     
     
            }     

    @media (max-width: 768px) 
        {
            .contentmenu
                {
                            
                    display: flex;
                    justify-content: end;
                }
            .contenedorServicios2
                {
                            
                    display: block;
                    justify-content: space-evenly;
                    padding-left: 10%;
                }
      }   
             
    @media (max-width: 768px) 
        {
            .contenti,.contentd 
                 {                   
                    /* text-align: center;
                    margin: 0 auto;
                    */
                    display: flex;
                    justify-content: center;
                  }
       }



   /* dark   */
        
            .fondoTap1
                {
               /*    background: #bc1111;       #f8f9f9;  eae7e7e9; #303030;*/
                  color:#bbd5ff;
                }
            .coltexto
               {
                         color: #fff;

               }

            .coltexto:hover
               {
                         color:#bbd5ff; /* coral; */
               }

            body {
                      background-color:#0a0b0b; /* Fondo negro para modo oscuro */
                      color: #fff; /* Texto blanco para modo oscuro */
                 }  

            .colorP1
                    {background-color:rgb(0, 0, 0); 
                        color: #fff;
                    }
            .colorP2
                    {
                        background-color:rgb(0, 0, 0);
                        color: #fff; 
            
                    }

            .colorCabeza
                    {
                        background-color: rgb(0, 0, 0);
                        color: #fff;
            
                    } 

            .icono-svg 
                    {
                              width: 100%; /* El icono ocupa todo el contenedor */
                              height: 100%;
                              fill: #ffffff;/* Color inicial de Facebook (azul) #3b5998;*/
                              transition: fill 0.3s ease; /* Transición suave del color */
                    }
            .navbar-toggler-icon {
                        filter: invert(1); /* Invierte los colores */
                    }
            .navbar-toggler 
                      {
                        background-color: #1f3e66;
                        color: #1f3e66;
                        font-weight: 100;
                       

                     }
            .navbar {
                            background-color: #1f3e66;   /*#000 ;#1f3e66 /* Fondo oscuro */
                            color: #fff;
                    }
            .navbar .navbar-brand
                     {
                            color:#fff; /* Texto blanco para la marca */
                           
                     }

            .navbar .nav-link 
                    {
                            color:#fff; /* Texto gris claro para los enlaces */
                    }
            .navbar-nav .nav-link.active
                    {
                        color:#bbd5ff;  /* Azul  coral; */
                                                            /* background-color: #e9ecef; /* Gris claro */
                    }
              
            .navbar .nav-link:hover
                    {

                           color:#bbd5ff  /* Texto blanco al pasar el mouse coral;*/
                    }
            .navbar .navbar-nav .nav-item .dropdown-menu 
                    {

                           color:#efefef; /* Texto blanco al pasar el mouse coral;*/
                           background-color:#1f3e66;
                          

                    }
            .navbar .navbar-nav .nav-item .dropdown-menu:hover
                    {

                           color:#ea0c0c; /* Texto blanco al pasar el mouse coral;*/
                           background-color:#1f3e66;
                          

                    }        
                 
            .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item
                    {

                           color:#efefef; /* Texto blanco al pasar el mouse coral;*/
                          

                    }
            .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover
                    {

                           color:#efefef; /* Texto blanco al pasar el mouse coral;*/
                           background-color:#c05520;
                          

                    }
          
            .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item.idioma
                    {

                           color:#efefef; /* Texto blanco al pasar el mouse coral;*/
                          
                          
     
                    }
            .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item.idioma:hover
                    {

                           color:#efefef; /* Texto blanco al pasar el mouse coral;*/
                           background-color:#1f3e66;
                          
     
                    }

            #idio {
                background-color:#1f3e66;
            }




                  
            .galeriaCard
                    {
                        background:#272727;
                        color:#fff
                       
                    }
            .galeriaCard:hover 
                    {
                          box-shadow: 2px 2px 3px rgba(128, 128, 128, 0.4);
                          transition:  box-shadow 0.3s ease;
                          transform: scale(1.01);
           
                   }
            .fi
                   {
             
                        filter: opacity(50%);
                    }
            
            .nav-tabs 
                    {
                         border: 0px solid #ab2c74;
                         color:#a3a2a0;
                        background-color: #0a0b0b;
              

                    } 
            .fondoCuerpo
                    {
                        background-color: #1f3144;  /* #121212;  */ 
                        color:#ddccb6;
                        color:#bbd5ff;
                        color:#f3f3f3;
              

                    }   
            .fondoHeader
                    {
                        background-color: #0a0b0b;
                    }
            .fondoSection
                    {
                        background-color: #0a0b0b;
                    }

            .tipoLetra
                    {
                        font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "sans-serif";
                        font-weight: 400;
                    }
            .fondoMenu 
                    {
                        background-color: #1f3e66;
                        color:#bbd5ff;
                        
                      
              

                    }
            .fondoIdioma 
                    {
                        background-color: #1f3e66;     
                        color:#f1f3f6;           
              

                    }
        


            .fondoIdioma:hover 
                        {
                            background-color: #1f3e66;     
                            color:#f1f3f6;           
                  
    
                        }
            .fondoTour 
                    {
                        background-color: #1f3144;
                        color:#bbd5ff;
                      
              

                    }

            .bordeCardTour 
                    {
                        border: 1px solid #1f3144;
                        border-radius: 0% 0% 1% 1%;
                                              
              

                    }   
            .bordeCardTourT 
                    {
                        border: 0px solid #1f3144;
                      
              

                    }     
                
             
            .fondoTaps2
                {
                     background: #121212;      /* #f8f9f9;  eae7e7e9; #cad6ede9; f9f9f9,  #f7f4f4; */                          
                     color: #efefef;
                     border: 1px solid #1f3144;
                            
          
             
                }
            .raton:hover
                {
                 color: rgb(256, 256, 256);
                font-weight: 900;
                 text-decoration: none;
                 transition: color 0.9s ease; 
                }	
            .raton
                {
                  /* 
                 color: white;
                  */
                 text-decoration: none;
                 color: rgb(256, 256, 256);
                
                
                 
                }
            .icono-svg-pie 
                {
                    width: 100%; /* El icono ocupa todo el contenedor */
                    height: 100%;
                    fill: #fcfcfc;/* Color inicial de Facebook (azul) #3b5998;*/
                    transition: fill 0.3s ease; /* Transición suave del color */

                   
                
                }
            .icono-svg-pie:hover 
                {
                    fill:#585c60 /* Color rojo al pasar el mouse */
                }
            
            .bordesfotos 
                {
                    border: 1px solid #1f3144;
                    border-radius: 5%;
                }
            .contenedorImagen2
           
                {
                   
                   

                    display: block;
            
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                   
                }