.boton {
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
 border-radius: 12px;
 width: 50%;
}
.boton1 {background-color: #069d52;}
.boton2 {background-color: #3355cc;}
.boton3 {background-color: #A0BB00;}
.boton4 {background-color: #CC5522;}

.avatar {
border-radius: 50%}
a {
  color: #FFBF00;
  text-decoration:none;
  font-weight: bold;
}
div { color: #ffFFFF; font-family:Verdana, Helvetica;}
.name { font-size: 2rem;}
.cargo { font-size: 1.5rem;}
.datos {
line-height: 1.5;
justify-content: center;
padding:20px;}
h1, h2, h3 { color: #ffDD77; font-family:Inter, sans-serif; }
.codecontain { /* Set your image path here */
  background-image: url('fondo.jpg'); 
  background-size: cover; 
  background-position: center;   
  background-repeat: no-repeat; 
  background-color: #333333; 
}
.titspec{
color: #10b981;
letter-spacing: -0.05em;
text-transform: uppercase;
font-weight: bold;
font-size: 0.8rem; 
}
.whitex{
color: #FFFFFF; 
font-weight: bold;
  font-size: 1.25rem; 
}
.subgold{
color: #FBE532; 
font-weight: bold;
  font-size: .6rem; 
}
.enlace {
  color: #FFBF00;
  text-decoration:none;
  font-weight: bold;
}
a.enlace:hover {
  color: #05C5AD;
}
menulink{
display: block; 
padding-top: 0.625rem;
padding-bottom: 0.625rem; 
padding-left: 0.75rem;
padding-right: 0.75rem; 
border-radius: 0.375rem; 
font-size: 1rem;
line-height: 1.5rem; 
font-weight: 500; 
color: #cbd5e1;
background-color: #0f172a;
}
menulink:hover{
color: #34d399;
}
.contene {
justify-content: center;
padding: 20px;
background-color: #0c4a6e;
border-radius: 8px;
font-size: 0.8 rem;
}
.danger {
justify-content: center;
padding: 20px;
background-color: #F4F6FA ;
border-radius: 8px;
font-size: 0.8 rem;
  border-style: solid;
  border-width: 1px;
  border-color: #ccccdd;
}
.underdecor{
color: #ffffff; 
text-decoration: underline; 
text-decoration-thickness: 2px;
text-decoration-color: #34d399;
}
.decslate{
font-size: 0.875rem;
line-height: 1.25rem; 
line-height: 1.625; 
color: #475569;
}
.decslate2 {
font-size: 0.875rem;
line-height: 1.25rem; 
line-height: 1.625; 
color: #475569;
padding: 1.25rem; 
margin-top: 0.5rem; 
}
@layer components {
  .container-pharma-lg {
    @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
  }
  .container-pharma-md {
    @apply max-w-4xl mx-auto px-4 sm:px-6 lg:px-8;
  }
}