.circuloPerfil{
  background-image: linear-gradient(to bottom, var(--color-principal), var(--color-fondo));
  height: 100%;
  width: 105px;
}

.circuloPerfilGrande{
  background-image: linear-gradient(to bottom, var(--color-principal), var(--color-fondo));
  width: 265px;
  height: auto;
}

.Nombre{
  color: var(--color-titulos);
  height: auto;
  font-family: var(--fuente-titulos);
  font-weight: 600;
}

.Trabajo{
  color: var(--color-subtitulos);
  font-size: 0.80rem;
  font-family: var(--fuente-texto);
  margin-top: -0.60rem;
}

.Paneles{
  background-color: var(--color-panel);
}

/* Iconos generales */
i {
  color: #6B1010;
}

/* Barra superior */
.barra-mobiles {
  background: linear-gradient(to bottom, #D9D7D0, #C8C5BD);
  backdrop-filter: blur(8px);
  color: #000000;
}

.barra-mobiles a,
.barra-mobiles .nav-link,
.barra-mobiles .navbar-brand{
  color: var(--color-titulos) !important;
}

/* Nombre en la barra superior */
.TituloBrand{
  color: #F8F4EC;
  font-size: 20px;
  font-family: var(--fuente-titulos);
  text-decoration: none;
  transition-property: color;
  transition-duration: 0.3s;
}

.TituloBrand:hover{
  color: #EDE8DF;
}

/* Links del menú superior */
.TitulosNav {
  color: #F8F4EC;
  font-size: 16px;
  font-family: var(--fuente-texto);
  margin: 0px 10px;
  text-decoration: none;  
  transition-property: color;
  transition-duration: 0.3s;
}

.TitulosNav:hover{
  color: #E6C9BE;
}

/* Botones principales */
.btn-primary{
  background-color: #6B1010;
  border-color: #6B1010;
  color: #F8F4EC;
}

.btn-primary:hover{
  background-color: #4F0B0B;
  border-color: #4F0B0B;
  color: #F8F4EC;
}

.btn-primary:focus,
.btn-primary:active{
  background-color: #4F0B0B;
  border-color: #4F0B0B;
  box-shadow: 0 0 0 0.25rem rgba(107, 16, 16, 0.25);
}

/* Iconos dentro de botones */
.btn-primary i{
  color: #F8F4EC;
}

/* Botones outline */
.btn-outline-primary{
  color: var(--color-principal);
  border-color: var(--color-principal);
}

.btn-outline-primary:hover{
  background-color: var(--color-principal);
  border-color: var(--color-principal);
  color: #F8F4EC;
}

.btn-outline-primary:hover i{
  color: #F8F4EC;
}

/* Iconos de contacto laterales */
.icono_contacto,
.icono_contacto_tel,
.icono_contacto_lin{
  color: #6B1010;
}

.icono_contacto:hover,
.icono_contacto_tel:hover,
.icono_contacto_lin:hover{
  color: #4F0B0B;
}
.hero-photo-card{
  width: 390px;
  height: 340px;
  border-radius: 28px;
  overflow: hidden;
  background-color: var(--color-panel);
  border: 1px solid rgba(122, 23, 25, 0.15);
}

.hero-photo-card img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.btn-primary,
.btn-primary:visited{
  background: linear-gradient(to bottom, #8A1A1A, #6B1010);
  border-color: #6B1010;
  color: #F8F4EC;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus{
  background: linear-gradient(to bottom, #A12222, #7A1212);
  border-color: #6B1010;
  color: #F8F4EC;
  box-shadow: 0 0 0 0.25rem rgba(107, 16, 16, 0.25);
}

.btn-primary i{
  color: #F8F4EC;
}

.btn-outline-primary{
  color: #6B1010;
  border-color: #6B1010;
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus{
  background-color: #6B1010;
  border-color: #6B1010;
  color: #F8F4EC;
  box-shadow: 0 0 0 0.25rem rgba(107, 16, 16, 0.25);
}

.btn-outline-primary:hover i,
.btn-outline-primary:active i,
.btn-outline-primary:focus i{
  color: #F8F4EC;
}