@charset "utf-8";

header{background-color: #2F3343;padding: 1rem 0;}
header .contenedor{display: grid;grid-template-columns: 157px auto;}
header #logo{background: url("../img/pandasecurity-panda-watchguard-alternative.svg") no-repeat;width: 157px;height: 41px;background-size: 157px 41px;justify-self: left;}
header #logo.oculto{display: none;}
header #renew{justify-self: right;}
header #renew .headerDesktop{display: block;transition: 0.5s;background-color: transparent;color: #FFFFFF;font-size: 1rem;line-height: 1.5rem;font-weight: 700;text-align: center;text-decoration: none;border: 2px solid #FFFFFF;padding: 0.5rem 1.5rem;}
header #renew .headerDesktop:hover{background-color: #FFFFFF;color: #2F3343;}
header #renew .headerMobile{display: none;}

/* AFF */
#logo_aff{float:right;}

@media screen and (max-width:600px) {
    header #renew .headerDesktop{display: none;}
    header #renew .headerMobile{font-size: 48px;line-height: 48px;color: #FFFFFF;display: block;text-decoration: none;}
}