:root {
  /* Colores primarios */
  --color-primario:#3b4344
;
  --color-secundario: #67B5E6;
  --color-fondo:#2E3636 ;
  
  --color-texto: #ffffff;
  --color-blanco: #ffffff;
}


body{

        background-color:var(--color-fondo);
        color:var(--color-texto);
       
}



.inicio p {
    margin-top: 0;
    margin-bottom: 0;
}

.bi{
  color: var(--color-secundario);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background-color: rgba(255,255,255,0.05);
  border-radius: 8px;

  font-size: 1.2rem;
  transition: background-color 0.3s ease;
}

.bi:hover{
  background-color: rgba(255,255,255,0.15);
}



 .imagen{
 
    background-color: var(--color-fondo); 
    max-height: 500px;
  }


  #Portafolio , #servicios , #contacto{
border-top: solid 4px var(--color-primario); 


}

h2 {
  margin-top: 2rem;
}

/* Estilo single */
/* Estilo general del título */
.entry-title {
  font-size: 2rem;
  font-weight: bold;
  color: var(--color-texto);
  margin-bottom: 1rem;
}

/* Imagen destacada */
.post-thumbnail img {
  max-width: 100%;
  height: auto;
  border-radius: 0.75rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Contenido del post */
.entry-content {
  font-size: 1rem;
  line-height: 1.6;
  color:var(--color-texto)
}

/* Botón de llamada a la acción */
.btn-primary {
  padding: 0.75rem 2rem;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 50px;
  transition: all 0.3s ease;
}

.btn-primary:hover {
  background-color: #0056b3; /* o tu color secundario */
  color: #fff;
  transform: scale(1.05);
}

/* Espaciado del contenedor del artículo */
.entry-body {
  padding-bottom: 2rem;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 2rem;
}

/* fin single */
/* single css */

.imagen-recorte {
  height: 450px;
  overflow: hidden;
  border-radius: 0.75rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}