.footer-links a {
    color: rgb(220, 250, 112); /* Enlace */
    text-decoration: underline;
    padding: 5px 5px;
    font-size: 0.9em;
}

.footer-links a:visited {
    color: rgb(220, 250, 112); /* Enlace visitado */
    text-decoration: underline;
    padding: 5px 5px;
    font-size: 0.9em;
}

.footer-links a:hover {
    color: rgb(56, 92, 140); /* Enlace cuando el ratón pasa por encima */
    padding: 5px 5px;
    font-size: 0.9em;
}

.footer-links a:active {
    color:rgb(220, 250, 112);/* Enlace mientras se está clicando */
   text-decoration: underline;
    padding: 5px 5px;
    font-size: 0.9em;
}

.inmobiliaria
{
  box-shadow: 3px 5px 10px black;
     background-color: #eee3e3;
     padding: 1px 20px;
     border-radius: 5px;
     }
     
 .curso-anuncio
{
  box-shadow: 3px 5px 10px black;
     background-color: #5cac5a;
     padding: 1px 20px;
     border-radius: 5px;
     }
     

     header a {
      color: rgb(55, 49, 48); /* Enlace visitado */
      text-decoration: none;
      padding: 5px 5px;
      font-size: 0.9em;
  }
  
  header a:visited {
      color: rgb(55, 49, 48); /* Enlace visitado */
      text-decoration: none;
      font-size: 0.9em;
  }
  
  header a:hover {
      color: rgb(75, 64, 139); /* Enlace cuando el ratón pasa por encima */
      font-size: 0.9em;
  }
  
  header a:active {
      color:rgb(55, 49, 48);/* Enlace mientras se está clicando */
       text-decoration: underline;
      font-size: 0.9em;
  }

  footer a {
    color: rgb(235, 227, 226); /* Enlace */
     text-decoration: underline;
    padding: 5px 5px;
    font-size: 0.9em;
}

footer a:visited {
    color: rgb(235, 227, 226); /* Enlace visitado */
     text-decoration: underline;
    padding: 5px 5px;
    font-size: 0.9em;
}

footer a:hover {
    color: rgb(56, 92, 140); /* Enlace cuando el ratón pasa por encima */
    text-decoration: underline;
    padding: 5px 5px;
    font-size: 0.9em;
}

footer a:active {
    color:rgb(235, 227, 226);/* Enlace mientras se está clicando */
    text-decoration: none;
    padding: 5px 5px;
    font-size: 0.9em;
}

.principal  blockquote a {
      color: rgb(164, 38, 10); /* Enlace visitado */
      text-decoration: none;
      padding: 5px 5px;
  }
  
    .principal blockquote a:visited {
      color: rgb(164, 38, 10); /* Enlace visitado */
      text-decoration: none;
  }
  
  .principal blockquote a:hover {
      color: rgb(33, 10, 164); /* Enlace cuando el ratón pasa por encima */
      text-decoration: underline;
  }
  
  .principal blockquote a:active {
      color:rgb(164, 38, 10);/* Enlace mientras se está clicando */
      text-decoration: none;
  }
    

  

     .servicios {
      
      font-style: italic;

       }


.gap  {
  display: flex;
  gap: 15px;
  font-family: sans-serif;
}

    header 
      {
   box-shadow: 3px 5px 10px black;

      background-color: #ffffff;
      padding: 15px 20px;
      display: flex;
      flex-wrap: wrap; /* Permite que los elementos se muevan a nuevas líneas si no caben */
      align-items: center;
      justify-content: space-between;
    
    }



    header img {
      height: 100px;
      margin-right: 15px;
      border-radius: 5px;
    }

    header h1 {
        font-family: "Courier New", monospace;
        font-size: 1.3em;
        margin: 0;
        color: #003366;
        text-shadow: 1px 1.5px 1.5px #669999;
      }
  
      header h2 {
        font-family: "sans-serif";
        font-size: 0.9em;
        margin: 0;
        color: #669999;
        text-shadow: 0.1px 5px 5px #669999;
        
      
      }

/* Asegura que el footer ocupe todo el ancho */
footer {
  text-align: center;
  width: 100%;
  background-color: #222; /* Puedes cambiar el color de fondo */
  color: #ccc;
  padding: 1% 1%;
  box-sizing: border-box;
  font-size: 0.9em;
}







    .informativo {

      color: #4c4040;
      font-size: small;

    }
  
.borde-derecho {
  box-shadow: 5px 0px 0px -4px #0088cc;

}



    .fondo-gris {
      text-align: center;
      background-color: #2f2b2b8c;
      margin: 5px;  
      padding: 5px;
      border-radius: 10px;
      font-style: oblique;
      color: #fff;
      border-left-color: #363333;
      border-bottom-color: #363333;
    }
   
    button {
            padding: 12px 70px;
            margin: 5px;
            font-size: 1.1em;
            border-radius: 10px;
            border-right: none;
            border-top: none;
            border-left: 2px solid grey;
		        border-bottom: 2px solid grey;
            background-color: #e9d1ed;
            text-shadow: 0.1px 1px 1px rgb(138, 130, 130)
        }

    .branding {
      display: flex;
      align-items: center;
    }




    main {
      max-width: 900px;
      margin: 40px auto;
      padding: 0 20px;
      background-color: #fff;
      border-radius: 10px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }

    .branding {
      display: flex;
      align-items: center;
    }

    button {
      padding: 12px 50px;
      font-family: 'Courier New', Courier, monospace;
      font-size: 1.1em;
      border-radius: 10px;
      border-right: none;
      border-top: none;
      border-left: 2px solid grey;
      border-bottom: 2px solid grey;
      background-color: #e9d1ed;
      text-shadow: 0.1px 1px 1px rgb(138, 130, 130)
  }

 

    .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      border: none;
      border-radius: 10px;
      box-shadow: 3px 5px 10px black;
    }

    .video-container {
      position: relative;
      padding-bottom: 56.25%; /* Relación 16:9 */
      height: 0;
      overflow: hidden;
      max-width: 100%;
      border-radius: 10px;
      box-shadow: 3px 5px 10px black;
    }
    

    .payment-info {
      margin: 20px 0;
      padding: 10px;
      border-radius: 10px;
      background-color: #dfeff2;
      border-left: 5px solid #c7d6d9;
	border-bottom: 5px solid #c7d6d9;
    }


    .introduccion {
      margin: 20px 0;
      padding: 10px;
      border-radius: 10px;
      background-color: #dfeff2;
      border-left: 5px solid #c7d6d9;
	border-bottom: 5px solid #c7d6d9;
    }

    .principal {
      margin: 20px 0;
      padding: 10px;
      border-radius: 10px;
      background-color: #dfeff2;
      border-left: 5px solid #c7d6d9;
	border-bottom: 5px solid #c7d6d9;
    }



    .newsletter {
      box-shadow: 3px 5px 10px black;
      margin: 20px 0;
      padding: 10px;
      border-radius: 10px;
      background-color: #f2eaaa;
      border-left: 5px solid #b0a976;
	border-bottom: 5px solid #b0a976;
    }


    
    .telegram-section {
      box-shadow: 3px 5px 10px black;
      text-align: center;
      font-size: small;
      padding: 2rem;
      border-radius: 10px;
      background-color: #85cc8b;
      border-left: 5px #285429;
      border-bottom: 5px #285429;
      color: black;
    }
    
    .telegram-cta {
      margin-top: 1rem;
    }

    
  
  .telegram-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    background-color: #0088cc;
    color: white;
    padding: 10px 20px;
    border-radius: 25px;
    font-weight: bold;
    transition: background-color 0.3s ease;
  }
  

  
  .telegram-button:hover {
    background-color: #006699;
  }
  



  .telegram-icon {
    width: 24px;
    height: 24px;
  }

  
  .footer-links 
  {
    text-align: center;
    background-color: #49616d;  
    color: #f7ebeb;
  }
  
    

    label {
      display: block;
      margin-top: 10px;
    }

    header select {
     width: 100px;
      border-radius: 10px;
      border: none;
      margin: 5px;
      padding: 8px;
      font-size: 1em;
      -webkit-appearance: none; /* Elimina el estilo por defecto en Safari y Chrome */
      -moz-appearance: none; /* Elimina el estilo por defecto en Firefox */
      appearance: none; /* Remueve el estilo por defecto en la mayoría de navegadores */
      background-color:#1c475e;
      color:#f7f3f3;  
  }

  header select option {
    width: 100px;
     border-radius: 10px; 
     border: none;
     margin: 5px;
     padding: 8px;
     font-size: 1em;
     -webkit-appearance: none; /* Elimina el estilo por defecto en Safari y Chrome */
     -moz-appearance: none; /* Elimina el estilo por defecto en Firefox */
     appearance: none; /* Remueve el estilo por defecto en la mayoría de navegadores */
     background-color: #1c475e;
     color:#f7f3f3;  
 }

    input, select {
     
      border-radius: 10px;
      border: none;
      margin: 5px;
      padding: 8px;
      width: 95%;
      font-size: 1em;
      -webkit-appearance: none; /* Elimina el estilo por defecto en Safari y Chrome */
      -moz-appearance: none; /* Elimina el estilo por defecto en Firefox */
      appearance: none; /* Remueve el estilo por defecto en la mayoría de navegadores */
      background-color: white;
      color: #1c475e;
  }  
  
  select option {
    width: 95%;
    border-radius: 10px;
      padding: 8px; /* Esto mejora la apariencia de las opciones desplegables */
      background-color: white;
      
  }
  
    

    [data-lang] {
      display: none;
    }

    [data-lang="es"].active,
    [data-lang="en"].active,
    [data-lang="fr"].active {
      display: block;
    }
  /* Estilos para el aviso emergente de cookies */
     #cookie-banner {
      font-size: smaller;
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: #333;
      color: white;
      padding: 15px;
      text-align: center;
      display: none;
      z-index: 1000;
    }
    #cookie-banner button {
      background-color: #4CAF50;
      color: white;
      border: none;
      padding: 10px 20px;
      margin: 5px;
      cursor: pointer;
      font-size: 16px;
    }
    #cookie-banner button.reject {
      background-color: #f44336;
    }

/* Estilos generales */
body {
    font-family: Verdana, sans-serif;
    background-color: #f4f4f4;
    color: #222;
    margin: 0;
    padding: 0;
    line-height: 1.7;
    
  }

  
  form {
    text-align: left;
   
  }
  
  section {
    text-align: justify;
  }
  
  /* Encabezado */

/* Mostrar anuncio más pequeño en pantallas pequeñas */
@media (max-width: 768px) {
  /* Add your styles here */
}
  

  
  /* Selector de idioma */
  .language-selector {
    margin-left: auto;
    box-shadow: 1px 1px 5px #ffffff;
  }
  
 
  
  /* Contenido principal */
  main {
    max-width: 900px;
    margin: 40px auto;
    padding: 0 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  }
  

  
  /* Pie de página */


  /* Tipografía y elementos */
h1 {
   margin-bottom: 2rem;
    box-shadow: 3px 5px 10px black;
    font-size: 1em;
    color: #ffffff;
       background-color: #045b92;
       padding: 0px 20px;
   text-align: center;
       border-radius: 5px;
     }

  h2 {
    font-size: 1.2em;
    color: #0d9488;
  }
  
  h3 {
   
    color: #1c475e;
    font-size: 1em;
  }

  h4 
    {
        font-size: 1em;
        color: #737379;
    }

   h5 {
    font-weight: normal;
    color: #646467;
    font-size: 0.7em;
  }


  p {
    text-align: justify;
  }
  
  ul {
    padding-left: 1.5rem;
  }
  


  .menu-sans-serif {
    font-family: monospace;
    margin-left: auto;
    white-space: pre; 
    text-align: right;
    vertical-align: bottom;
  }
  
  blockquote {
    background: #eee;
    padding: 1rem;
    border-left: 5px solid #0d9488;
    margin: 1rem 0;
  }

 

  
  /* Soporte multilenguaje */
  [data-lang] {
    display: none;
  }
  
  [data-lang="es"].active,
  [data-lang="en"].active,
  [data-lang="fr"].active {
    display: block;
  }
  
  /* Aviso de cookies */
  #cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #333;
    color: white;
    padding: 15px;
    text-align: center;
    display: none;
    z-index: 1000;
  }
  
  #cookie-banner button {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 10px 20px;
    margin: 5px;
    cursor: pointer;
    font-size: 16px;
  }
  
  #cookie-banner button.reject {
    background-color: #f44336;
  }