:root {
  --primary-color:#004080}
.servicios-sidebar .card-header {
  background:linear-gradient(135deg,var(--primary-color) 0,#0056b3 100%)!important}
.bg-light-blue {
  background-color:#f0f7ff!important}
.transition-hover {
  border-left:4px solid transparent!important;
  transition:all .3s ease}
.transition-hover:hover {
  background-color:#f8f9fa!important;
  border-left-color:var(--primary-color)!important;
  color:var(--primary-color)!important;
  padding-left:1.8rem!important}
.transition-hover:hover i {
  transform:scale(1.2);
  transition:transform .3s ease}
.active-item {
  background-color:#fff!important;
  border-left-color:var(--primary-color)!important;
  box-shadow:inset 5px 0 0 var(--primary-color);
  color:var(--primary-color)!important;
  font-weight:600}
html {
  scroll-behavior:smooth}
.faq-header {
  background:linear-gradient(135deg,var(--primary-color) 0,#0056b3 100%);
  border-radius:0 0 50px 50px;
  margin-bottom:3rem;
  padding:4rem 0}
.accordion-button:not(.collapsed) {
  background-color:#f0f7ff;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.125);
  color:var(--primary-color);
  font-weight:600}
.accordion-button:focus {
  border-color:rgba(0,0,0,.125);
  box-shadow:none}
.accordion-item {
  border:1px solid #e9ecef;
  border-radius:.5rem!important;
  margin-bottom:.5rem;
  overflow:hidden}
.faq-answer a {
  color:var(--primary-color);
  font-weight:500;
  text-decoration:underline}
.accordion-body p,.contenido-servicio p,.legal-content p,.legal-content-privacy p,.legal-content-terms p,.noticia-contenido p,.page-content p {
  -webkit-hyphens:auto;
  -ms-hyphens:auto;
  hyphens:auto;
  text-align:justify;
  text-justify:inter-word}
@media (max-width:576px) {
  .contenido-servicio p,.legal-content p,.legal-content-privacy p,.legal-content-terms p,.noticia-contenido p,.page-content p {
  text-align:left}
}
.floating-buttons-container {
  align-items:center;
  display:flex;
  justify-content:space-between;
  left:0;
  max-width:100vw;
  padding:0 20px;
  pointer-events:none;
  position:fixed;
  right:0;
  top:50%;
  transform:translateY(-50%);
  z-index:1000}
.float-btn {
  align-items:center;
  border-radius:50px;
  box-shadow:0 4px 12px rgba(0,0,0,.2);
  display:flex;
  height:60px;
  justify-content:center;
  pointer-events:auto;
  position:relative;
  text-decoration:none;
  transition:all .3s ease}
.float-btn-left.whatsapp {
  background-color:#25d366;
  color:#fff;
  min-width:60px;
  overflow:hidden;
  padding:0 10px}
.float-btn-left.whatsapp i {
  font-size:2rem;
  transition:transform .3s ease}
.float-btn-left.whatsapp span {
  font-size:1rem;
  font-weight:500;
  max-width:0;
  opacity:0;
  transition:max-width .4s ease,opacity .3s ease .1s,margin-left .4s ease;
  white-space:nowrap}
.float-btn-left.whatsapp:hover {
  box-shadow:0 6px 20px rgba(37,211,102,.5);
  padding-right:20px}
.float-btn-left.whatsapp:hover span {
  margin-left:12px;
  max-width:200px;
  opacity:1}
.float-btn-right.call {
  background-color:#0d6efd;
  color:#fff;
  font-size:1.5rem;
  width:60px}
.float-btn-right.call:hover {
  background-color:#0a58ca;
  box-shadow:0 6px 20px rgba(13,110,253,.5);
  transform:scale(1.1)}
.scroll-to-top {
  align-items:center;
  background:linear-gradient(135deg,#002147,#004080);
  border:none;
  border-radius:50%;
  bottom:20px;
  box-shadow:0 4px 12px rgba(0,33,71,.3);
  color:#fff;
  cursor:pointer;
  display:flex;
  font-size:1.5rem;
  height:50px;
  justify-content:center;
  opacity:0;
  position:fixed;
  right:20px;
  transform:scale(.8);
  transition:all .3s ease;
  visibility:hidden;
  width:50px;
  z-index:1001}
.scroll-to-top.show {
  opacity:1;
  transform:scale(1);
  visibility:visible}
.scroll-to-top:hover {
  background:linear-gradient(135deg,#004080,#005099);
  box-shadow:0 6px 20px rgba(0,33,71,.5);
  transform:scale(1.1) translateY(-3px)}
.scroll-to-top:active {
  transform:scale(.95)}
.scroll-to-top i {
  animation:bounceUp 2s infinite}
@keyframes bounceUp {
  0%,to {
  transform:translateY(0)}
50% {
  transform:translateY(-5px)}
}
@media (max-width:768px) {
  .floating-buttons-container {
  padding:0 10px}
.float-btn-left.whatsapp,.float-btn-right.call {
  height:50px;
  min-width:50px;
  width:50px}
.float-btn-left.whatsapp i {
  font-size:1.5rem}
.float-btn-right.call {
  font-size:1.2rem}
.float-btn-left.whatsapp:hover {
  padding-right:10px}
.float-btn-left.whatsapp:hover span {
  margin-left:0;
  max-width:0;
  opacity:0}
.scroll-to-top {
  bottom:15px;
  font-size:1.3rem;
  height:45px;
  right:15px;
  width:45px}
}
@media (max-width:480px) {
  .floating-buttons-container {
  padding:0 5px}
.float-btn-left.whatsapp,.float-btn-right.call {
  height:45px;
  min-width:45px;
  width:45px}
.float-btn-left.whatsapp i {
  font-size:1.3rem}
.float-btn-right.call {
  font-size:1.1rem}
.scroll-to-top {
  bottom:10px;
  font-size:1.2rem;
  height:40px;
  right:10px;
  width:40px}
}