/* FAQ Reset (React bundle uc-service) + Home v3. */
/* Neutralizes red hover/open cards and applies the editorial accordion treatment. */

#uc-service-root section:has(h2 span:only-child),
#uc-service-root section:has([class*="preguntan"]){
  background:#FFFFFF !important;
}

#uc-service-root .lg\:col-span-8.space-y-3,
#uc-service-root [class*="col-span-8"].space-y-3{
  margin-top:0 !important;
}
#uc-service-root .lg\:col-span-8.space-y-3 > div,
#uc-service-root [class*="col-span-8"].space-y-3 > div{
  background:#ffffff !important;
  border:1px solid #e5e7eb !important;
  border-radius:14px !important;
  box-shadow:none !important;
  transition:border-color .2s !important;
  margin-bottom:12px !important;
}
#uc-service-root .lg\:col-span-8.space-y-3 > div:hover,
#uc-service-root [class*="col-span-8"].space-y-3 > div:hover{
  border-color:rgba(17,17,17,.25) !important;
}

#uc-service-root .lg\:col-span-8.space-y-3 > div > button,
#uc-service-root [class*="col-span-8"].space-y-3 > div > button{
  background:transparent !important;
  padding:20px 24px !important;
  color:#111111 !important;
  transition:color .18s ease !important;
}
#uc-service-root .lg\:col-span-8.space-y-3 > div > button:hover,
#uc-service-root [class*="col-span-8"].space-y-3 > div > button:hover{
  background:transparent !important;
  color:#C8102E !important;
}
#uc-service-root .lg\:col-span-8.space-y-3 > div > button:hover span:first-child,
#uc-service-root [class*="col-span-8"].space-y-3 > div > button:hover span:first-child{
  color:#C8102E !important;
}

#uc-service-root .lg\:col-span-8.space-y-3 > div > button > span:first-child,
#uc-service-root [class*="col-span-8"].space-y-3 > div > button > span:first-child{
  font-family:'Playfair Display', Georgia, serif !important;
  font-weight:500 !important;
  font-size:18px !important;
  line-height:1.35 !important;
  color:inherit !important;
}

#uc-service-root .lg\:col-span-8.space-y-3 > div > button > span:last-child,
#uc-service-root [class*="col-span-8"].space-y-3 > div > button > span:last-child{
  flex-shrink:0 !important;
  width:40px !important;
  height:40px !important;
  border-radius:50% !important;
  background:rgba(11,11,15,.05) !important;
  color:#111111 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  transition:background .18s ease, color .18s ease !important;
}
@media (min-width:768px){
  #uc-service-root .lg\:col-span-8.space-y-3 > div > button > span:last-child,
  #uc-service-root [class*="col-span-8"].space-y-3 > div > button > span:last-child{
    width:48px !important;
    height:48px !important;
  }
}
#uc-service-root .lg\:col-span-8.space-y-3 > div > button:hover > span:last-child,
#uc-service-root [class*="col-span-8"].space-y-3 > div > button:hover > span:last-child{
  color:#C8102E !important;
}
#uc-service-root .lg\:col-span-8.space-y-3 > div > button > span:last-child svg,
#uc-service-root [class*="col-span-8"].space-y-3 > div > button > span:last-child svg{
  width:20px !important;
  height:20px !important;
  stroke-width:3 !important;
}
@media (min-width:768px){
  #uc-service-root .lg\:col-span-8.space-y-3 > div > button > span:last-child svg,
  #uc-service-root [class*="col-span-8"].space-y-3 > div > button > span:last-child svg{
    width:24px !important;
    height:24px !important;
  }
}

#uc-service-root .lg\:col-span-8.space-y-3 > div > div[class*="px-"]:last-child{
  padding:0 24px 20px !important;
}

#uc-service-root [class*="col-span-4"] > [class*="inline-flex"]:first-child,
#uc-service-root [class*="col-span-4"] span[class*="rounded-full"]{
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid #D6D0C8 !important;
  border-radius:0 !important;
  padding:0 0 14px !important;
  color:#C8102E !important;
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:0.18em !important;
  text-transform:uppercase !important;
}

#uc-service-root section:has([class*="col-span-4"]):has([class*="col-span-8"]){
  background:#ffffff !important;
}

.uc-h3-faq-card,
[class*="uc-h3-faq"] .uc-h3-faq-item,
[class*="uc-h3-faq"] > div{
  background:transparent !important;
  border:0 !important;
  border-top:1px solid #E5E0DA !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
[class*="uc-h3-faq"] button{
  background:transparent !important;
  border-radius:0 !important;
  padding:24px 0 !important;
  color:#0A0A0A !important;
}
[class*="uc-h3-faq"] button:hover{
  background:transparent !important;
  color:#C8102E !important;
}