.bg-white.translucent {
    opacity: 1;
    background: rgba(255, 255, 255, .8) !important;
}
.h-800{
  height:800px;
}

a:hover{
  text-decoration:none !important;
}

.bg-tips{
  background-image:url('/sites/pe/files/flmngr/web-nueva/bg-blog-lg.webp');
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-size:cover;
  object-fit:cover;
}


.btn-angle{
  width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

.btn-angle i{
   transition: all 0.3s ease;
}

.btn-help{
  background-color: #f03 !important;
  text-transform:none !important;
  border-radius:50px !important;
}

.h-card{
  height:115px;
  min-height:115px;
}

.gap {
    gap: 0.5rem;
}

.padding {
    padding: min(3rem, 6vw) min(5rem, 10vw);
}

.card{
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(18px);
    border: 1px solid rgba(255, 255, 255, 1);
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    width:372px;
    height:146px;
    transition: all 0.3s ease;
}

.card:hover{
    background: #fff !important;
}

.card.glow:hover h4,
.card.glow:hover p {
  color: #000 !important;  
}

.card.glow:hover .btn-angle {
  background: #ED002F !important;  /* botón rojo */
}

.card.glow:hover .btn-angle i {
  color: #fff !important;  /* flecha blanca */
}

.card.rounded {
    border-radius: 23px !important;
    overflow: hidden;
}

.card.glow {
    overflow: visible;
    border: 1px solid transparent;
}

.object-fit-cover {
    object-fit: cover;
}

.darken {
    filter: brightness(.5) !important;
}

a.glow:hover, label.glow:hover, button.glow:hover, .card.glow.bg-white:hover {
    animation: glow .3s;
    animation-fill-mode: forwards;
}

@keyframes glow {
  0% {
    box-shadow: 0 0 3px 2px #fff, 0 0 4px 3px #ed0130;
}
90% {
    box-shadow: 0 0 2px 1px #ed0130;
    border: 1px solid #ed0130;
}
100% {
    box-shadow: 0 0 1px 1px #ed0130;
    border: 1px solid #ed0130;
}
}

  @media (max-width: 1500px) {
    .h-card {
    height: 135px;
    min-height: 135px;
}
  }
  
   @media (max-width: 767px) {
     
     .padding {
   padding: min(1rem, 6vw) min(3rem, 10vw);
}
     
     .bg-tips{
  background-image:url('/sites/pe/files/flmngr/web-nueva/bg-blog-xs.webp');
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-size:cover;
  object-fit:cover;
  background-position:center right;
}
     
     a.cta-funnel-link{
       font-size:14px
     }
     .carousel-control-next, .carousel-control-prev{
               bottom: 308px !important;
     }
     .carousel-control-next {
    right: -36px;
}
.carousel-control-prev{
   left: -36px;
}
.card{
  width:300px;
  gap: 17px;
}


   }