.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important}

.ui-icon.pretty {
  width: 38px;
  height: 38px;
  margin-right: 10px;
  flex-shrink: 0;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  border-radius: 50%;
}
.tabs li.active .ui-icon.pretty {
  transform: scale(1.1);
  box-shadow: 0 2px 6px rgba(127,70,76,0.35);
}
.tabs li:not(.active) .ui-icon.pretty {
  opacity: 0.6;
}
/* Modern footer styling */
.site-footer {
  background-color: #7F464C; /* warm burgundy */
  color: #f8f8f8;
  padding: 40px 0 20px;
  margin-top: 40px;
}

.site-footer a {
  color: #f1f1f1;
  text-decoration: none;
}
.site-footer a:hover {
  color: #ffd5d5; /* lighter pink hover */
}

.site-footer h4, 
.site-footer h5 {
  margin-bottom: 12px;
  color: #fff;
}

.footer-top {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 30px;
  margin-bottom: 30px;
}

.footer-top ul {
  list-style: none;
  padding: 0;
}

.footer-top ul li {
  margin-bottom: 8px;
}

.footer-social ul {
  display: flex;
  gap: 15px;
  padding: 0;
  list-style: none;
}

.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.2);
  text-align: center;
  padding-top: 15px;
  font-size: 14px;
  color: #ddd;
}
/* === Modern footer === */
.site-footer{background-color:#7F464C;color:#f8f8f8;padding:40px 0 20px;margin-top:40px}
.site-footer a{color:#f1f1f1;text-decoration:none}
.site-footer a:hover{color:#ffd5d5}
.site-footer h4,.site-footer h5{margin-bottom:12px;color:#fff}
.footer-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:30px}
.footer-top ul{list-style:none;padding:0;margin:0}
.footer-top ul li{margin-bottom:8px}
.footer-social ul{display:flex;gap:15px;list-style:none;padding:0;margin:0}
.footer-bottom{border-top:1px solid rgba(255,255,255,.2);text-align:center;padding-top:15px;font-size:14px;color:#ddd}
.footer-brand img{border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.12)}
/* === Simple centered footer === */
.site-footer {
  background-color: #7F464C;   /* burgundy background */
  padding: 25px 0;
  text-align: center;
}

.site-footer .social-list {
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
  display: flex;
  justify-content: center;
  gap: 25px;
}

.site-footer .social-list li {
  display: inline-block;
}

.site-footer .social-list a {
  color: #fff;                /* white links for contrast */
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
}

.site-footer .social-list a:hover {
  color: #ffd5d5;             /* light pink hover */
}

.site-footer .footer-bottom p {
  margin: 0;
  color: #f2f2f2;
  font-size: 14px;
}
/* === Simple centered footer === */
.site-footer {
  background-color: #7F464C;   /* burgundy background */
  padding: 25px 0;
  text-align: center;
}

.site-footer .social-list {
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
  display: flex;
  justify-content: center;
  gap: 25px;
}

.site-footer .social-list li {
  display: inline-block;
}

.site-footer .social-list a {
  color: #ffffff !important;   /* force white */
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
}

.site-footer .social-list a:hover {
  color: #ffd5d5 !important;   /* light pink hover */
}

.site-footer .footer-bottom p {
  margin: 0;
  color: #f2f2f2;
  font-size: 14px;
}
/* Light gray background for Contacto section */
.contacto-section {
  background-color: #f7f7f7;  /* very light gray */
  padding: 60px 0;           /* give breathing room */
}

.contacto-section h2 {
  color: #333; /* strong readable title */
  font-weight: 700;
}

.contacto-section .lead,
.contacto-section .contact-info {
  color: #1a1a1a; /* dark text for contrast */
}

.contacto-section a {
  color: #0b57d0;
}
.contacto-section a:hover {
  color: #0847ac;
}
/* CONTACTO section spacing fix */
.contacto-section {
  background-color: #f7f7f7;
  padding: 80px 0 100px;  /* more top and bottom space */
  margin-bottom: 0;       /* remove gap before footer */
}

.site-footer {
  margin-top: 0; /* make sure footer sticks directly below contacto */
}
/* CONTACTO section spacing */
#contacto.contacto-section {
  background-color: #f7f7f7;   /* keep light gray */
  padding: 35px 0 80px;      /* more space above headline */
  margin-bottom: 0;
}