:root {
  --main-font-size: 15px; /* Define una variable para el tamaño de fuente */
  --primary-color: rgb(25, 40, 101);  /* Define una variable para el color principal */
  --secondary-color: rgb(48, 185, 201); /* Define un color secundario */
  --font-color-claro: rgb(255, 255, 255); /* Define un color font claro */
  --font-color-oscuro: rgb(0, 0, 0); /* Define un color font oscuro */
}

a:visited{
  color: rgb(0, 0, 0);
}

/* css header */

/* Ajustar logo */
.custom-logo {
  margin-bottom: 10px;
  width: 80px;
  height: auto;
  flex-shrink: 0;
}


.main-navigation {

   font-size: var(--main-font-size);
   border-top: 2px solid var(--secondary-color); /* Agrega un borde superior de 2px de color azul */
}




.main-navigation ul li a {
  color: var(---primary-color);/* Color inicial del texto */
  padding: 10px 15px; 
  display: block;

}



.main-navigation ul li:hover a {
  color: var(--secondary-color); /* Cambia el color del texto */
  transform: scale(1.1); /* Aumenta el tamaño del enlace */
  transition: transform 0.3s ease, color 0.3s ease; /* Suaviza la transición */
}

#idbanner{
  background-image: url('http://localhost/soit/wp-content/themes/soitok/assets/librerias/img/fondo.jpg');
  background-size: cover;
  background-position: center;
  height: 70vh; /* Ajusta según tu diseño */
}

.container-fluid {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* estilo single*/

/* Estilos para la sección de post */
/* Estilos para la sección de post */
.post-container {
  max-width: 800px;
  margin:  auto;
  padding: 0px;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.entry-header {
  text-align: center;
  margin-bottom: 20px;
}

.entry-title {
  font-size: 2rem;
  color: #333;
}

.post-content-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}

.post-thumbnail {
  flex: 1;
  text-align: center;
}

.post-thumbnail img {
  max-height: 100%;
  width: auto;
  border-radius: 5px;
}

.entry-content {
  flex: 1;
  font-size: 1rem;
  color: #555;
  line-height: 1.6;
}

.post-footer {
  text-align: center;
  margin-top: 20px;
  width: 100%;
}

.contact-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #0073e6;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.contact-button:hover {
  background-color: #005bb5;
}


/* Estilo general del formulario */
.formulario-postulacion {
  max-width: 500px; /* Ajusta el ancho */
  margin: 0 auto; /* Centrar el formulario */
  padding: 20px;
  background: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

/* Estilo de las etiquetas */
.formulario-postulacion label {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
  color: #333;
}

/* Estilo de los campos de entrada */
.formulario-postulacion input[type="text"],
.formulario-postulacion input[type="email"],
.formulario-postulacion input[type="tel"],
.formulario-postulacion textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
}

/* Estilo del campo de archivo */
.formulario-postulacion input[type="file"] {
  background: #fff;
  padding: 5px;
  border: none;
}

/* Estilo del botón de envío */
.formulario-postulacion input[type="submit"] {
  background: #0073e6;
  color: white;
  font-size: 18px;
  padding: 10px 15px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.3s ease;
}

/* Efecto hover para el botón */
.formulario-postulacion input[type="submit"]:hover {
  background: #005bb5;
}

/* Estilo del campo de texto grande (textarea) */
.formulario-postulacion textarea {
  height: 100px;
  resize: none; /* Evita que el usuario cambie el tamaño */
}