
/* img[src$=".svg"] {
    width: inherit !important;
    height: auto;
  } */

input[type="text"], 
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"], 
select,
textarea {
    font-size:1.1rem;
    padding:10px 5px;
    border:0px;
    border-bottom:1px solid;
    margin-bottom:10px;
    width:100%;
    transition:.3s ease all;
    outline:none;
    font-family:inherit;
}

textarea {
    field-sizing:content;
    line-height:1.5;
}

input[type="submit"], button[type="submit"] {
    background:var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary-contrast) !important;
    border:1px solid var(--wp--preset--color--primary);
    font-size:1.3rem;
    font-family: inherit;
    transition:.4s ease all;
    cursor:pointer;
    padding:.75rem 2rem;
    border-radius:60px
}
input[type="submit"]:hover, button[type="submit"]:hover {
    border-color:var(--wp--preset--color--secondary);
      background:var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--secondary-contrast) !important;
}

.wp-block-template-part {
    margin-top:0px;
}



/*Ocultamiento */

@media screen and (min-width: 1024px) {
    html .no-desktop {
      display: none !important;
    }
  }
  @media screen and (min-width: 681px) and (max-width: 1023px) {
    html .no-tablet {
      display: none !important;
    }
  }
  @media screen and (max-width: 680px) {
    html .no-mobile {
      display: none !important;
    }
  }


  /** NOTE: ESTO SOLO SIRVE PARA PASAR DE HEADERS TRANSPARENTES A BLANCO */

  header.wp-block-template-part {
    position: fixed;
    left: 0px;
    width: 100%;
    z-index: 999;
    top: var(--wp-admin--admin-bar--height);
}

#header-transparente.transparent {
    color:white;
    background: transparent !important;

}

#header-transparente.transparent img {
      filter: invert(100%) brightness(100%) contrast(100%);
    max-width:100%;
}

#header-transparente {
        transition: .3s ease all;
}
#header-transparente img {
    max-width:200px;
    transition: .3s ease all;
}
  /* --------------------------------  */