.elementor-85 .elementor-element.elementor-element-7ecf4dd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-85 .elementor-element.elementor-element-4098112{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-85 .elementor-element.elementor-element-4098112{--min-height:580px;}}/* Start custom CSS for html, class: .elementor-element-a1bdf14 */:root {
  --primary-color: white;
}

* {
  box-sizing: border-box;
}

.body-banner {
  margin: 0;
  /*height: 100vh;*/
  background-color: var(--primary-color);
  display: grid;
  place-items: center;
}

.card {
  --border-radius: 20px;
  --border-icon: 20px;
  width: 100%;
  height: 35rem;
  position: relative;

  img {
    border-radius: var(--border-radius);
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .tab-blanca {
      
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    /*width: var(--icon-size);*/
    width: 700px;
    height: 100px;
    place-items: center;
    aspect-ratio: 1;
    background-color: var(--primary-color);
    border-left: var(--border-icon) solid var(--primary-color);
    border-top: var(--border-icon) solid var(--primary-color);
    border-top-left-radius: calc(var(--border-radius) + var(--border-icon));
  }
  div.letras{
      
}

   .letras p{
     font-family: "Poppins", Poppins;
   vertical-align: center;
    height: 100%;
    background-color: white;
    color: black;
    padding: 0.3rem;
    display: grid;
    place-items: center;
    border-radius: var(--border-radius);
  }
  .letras-peque{
      font-size: 13px;
      float: left;
      margin: 5px 25px;
      font-weight: 600;
     
   
      
}
 .letras-gran{
      font-size: 35px;
      float: left;
      font-weight: 900;

}

  &::after,
  &::before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    /*background-color: yellow;*/
    border-bottom-right-radius: var(--border-radius);
    box-shadow: 5.5px 5.5px var(--primary-color);
    
  }
/*  cuadro de abajo  */
  &::after {
    bottom: 0;
    right: 700px;
    /*right: var(--icon-size);*/
  }
/*  cuadro de arriba  */
  &::before {
    /*bottom: var(--icon-size);*/
    bottom: 100px;
    right: 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db95e38 */:root {
  --primary-color: white;
}

* {
  box-sizing: border-box;
}

.body-banner2 {
  margin: 0;
  /*height: 100vh;*/
  background-color: var(--primary-color);
  display: grid;
  place-items: center;
}

.card2 {
  --border-radius: 20px;
  --border-icon: 20px;
  width: 100%;
  height: 36rem;
  position: relative;

  img {
    border-radius: var(--border-radius);
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .tab-blanca2 {
      
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    /*width: var(--icon-size);*/
    width: 230px;
    height: 100px;
    place-items: center;
    aspect-ratio: 1;
    background-color: var(--primary-color);
    border-left: var(--border-icon) solid var(--primary-color);
    border-top: var(--border-icon) solid var(--primary-color);
    border-top-left-radius: calc(var(--border-radius) + var(--border-icon));
  }
  div.letras2{
      
}

   .letras2 p{
     font-family: "Poppins", Poppins;
   vertical-align: center;
    height: 100%;
    background-color: white;
    color: black;
    padding: 0.3rem;
    display: grid;
    place-items: center;
    border-radius: var(--border-radius);
  
    font-weight: 900;
    line-height: 20pt;
   
  }
  .letras-peque2{
      font-size: 13px;
      float: left;
      margin: 5px 25px
   
      
}
 .letras-gran2{
      font-size: 25px;
      float: left;

}

  &::after,
  &::before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    /*background-color: yellow;*/
    border-bottom-right-radius: var(--border-radius);
    box-shadow: 5.5px 5.5px var(--primary-color);
    
  }
/*  cuadro de abajo  */
  &::after {
    bottom: 0;
    right: 230px;
    /*right: var(--icon-size);*/
  }
/*  cuadro de arriba  */
  &::before {
    /*bottom: var(--icon-size);*/
    bottom: 100px;
    right: 0;
  }
}/* End custom CSS */