@media (max-width: 1081px) {
  .card {
    position: relative;
    width: 100%;
    height: 300px;
    max-width: 100%;
    align-items: flex-start;
    margin: 10px;
  }
}

@media (max-width: 767px) {
  .header .nav {
  all: unset;
  float:none
 }
  .header nav ul {
  width:100%;
  background-color:#fff;
  left:0;
  right:0;
  margin:0 auto;
  top:93px;
  padding:10px 0
 }
  .header nav ul li {
  padding-left:0;
  display:block;
  border-bottom:1px solid #282828
 }
  .header nav ul li:last-child {
  border-bottom:none
 }
  .header nav ul > li > a {
  line-height:40px;
  padding:0 15px
 
 }
  .header .stuck nav ul {
  background-color:#FFF;
  width: auto;
  top:80px;
  padding:10px 0;
 }
  .header .stuck nav ul li {
  border-bottom-color:#000
 }
  .header .navbar.stuck nav ul li ul li a {
  color:#000;
 }
  .header nav ul > li ul {
  border-top:1px solid #111111
 }
  .header nav ul > li ul, .header .navbar.stuck nav ul li ul {
  position:static;
  padding:0;
  border:none;
  width:auto;
  border-top:1px solid #4d4d4d
 }
  .header nav ul > li ul li a, .header .navbar.stuck nav ul li ul li a {
  line-height:40px;
  padding-bottom:0
 }
  .static-header .angle-down {
  display:none
 }
  .header .static-header figure figcaption {
  margin-top:0
 }
  .header .header_v1 figure.video-header figcaption h2 {
  letter-spacing:11px;
  font-size:40px
 }
  .header .header_v1 figure.video-header figcaption {
  top:32%
 }
  .header .header_v1 figure figcaption h2 {
 font-size:44px;
 letter-spacing:3px;
 margin-top:20%
 }
 .header .header_v1 figure figcaption p {
 font-size:19px;
 letter-spacing:3px;
 margin-left:10px;
 margin-right: 10px;
 }
  #home-image img {
 height:auto !important;
 width:100% !important
 }
 }
 
 /* xs */
  @media (max-width: 670px) {
  .header .header_v1 figure figcaption {
  padding-top:55%
 }
  .header .static-header figure figcaption {
  padding-top:36%
 }
  .header .static-header figure figcaption h2 {
  font-size:22px;
  line-height:12px
 }
  #home-image img {
 height:220px !important;
 width:100% !important
 }
 .card .content
 {
   margin-top: 1vh;
   width: 471px;
   transform: scale(0.75);
   font-size: 2.42rem;
 }
 .card .content p {
   padding: 0px 0px 0px 0px;
 }
 }

 @media (max-width: 568px) {
  .header .angle-down {
  bottom:20px
 }
 .card:hover img
 {
   top:57%;
   left:81%;
   height:132px;
 }
 .card:hover .circle:before
 {
    background-color: rgb(255, 255, 255); /* Blanco puro */
    filter: brightness(1.5); /* Hacerlo un 50% más brillante */ ;
    clip-path:circle(42% at 99% 60%); 
 }
 }

 @media (max-width: 420px) {
  .card .content
  {
   font-size: 2.42rem;
   margin-left: 48px;
  }
 }

 @media (max-width: 400px) {
  .formBhkModal {
    width: 100vw;
  }
  .formBhkModal form input {
    font-size: 14px;
    /* Ajustar tamaño de fuente para pantallas pequeñas */
  }
}