* {margin: 0;padding: 0;box-sizing:border-box;}
body {width:100%;min-height:100dvh;display:grid;justify-content:center;color:#fff;text-align:center;background:url("../../assets/img/entorno/patron-bg3.png") #000;background-size:2em;
  font-family: "Signika", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
}
main{max-width:600px;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto; margin:auto;}
img{max-width:100%;}
.header{display:grid;justify-items:center;padding:1em;}
.logo{max-width:250px;height:auto;}
.logoMascota{max-width:70px;height:auto;margin-top:-2em;}
.main{height:100%;display:grid;gap:2em;padding:1em;}
.txt{}
.colorXtra{color:#ECFF5C;}
.promo{display:grid;gap:1em;justify-content: center;margin:auto;}
.promo img{max-width:180px;height:auto;margin:auto;}
.btnFX{position:relative;display:grid;padding:1em 1em;
	background: linear-gradient(180deg, #CB3031 0%, #FF702E 100%);
	color: #FFF3ED;font-size:1.5em;text-decoration:none;
	text-shadow: 0px 3px 0.9px rgba(159, 0, 0, 0.57);
	border: 2px solid #FF5757;border-radius:10px;
	box-shadow: 0px 0px 12.8px 5px rgba(203, 48, 49, 0.67);
}
.btnFX:hover{color: #FFFFFF;text-shadow: 0px 3px 0.9px rgba(28, 104, 57, 0.57);
	border-color:#43EE0F;
	background: linear-gradient(180deg, #C1CB30 0%, #43EE0F 100%);
	box-shadow: 0px 0px 13.1px 7px rgba(36, 255, 50, 0.25);
}
.btnFX .txt{z-index:1;}
.btnFX .txt strong{font-size:1.3em;}
.btnFX .fx{position:absolute;content:"";width:100%;height:100%;display:grid;border-radius:10px;background:url("../../assets/img/entorno/patron-anim.gif");opacity:0.1; z-index:0;}

.banner{width:calc(100% - 1rem);display:grid;justify-content:center;margin:0 auto;background: rgba(49,157,43,0.2);border-radius:10px;}
.banner p{padding:0.5rem;text-align:center;}
.banner p strong{display:block;}
.banner img{margin:0 auto -10px auto;}

hr{position:relative;display:flex;justify-content:center;align-content:center;border:0;border-top:solid 1px rgba(255,116,116,0.40);overflow:visible;}
hr::before{width:5px;height:5px;content:"";display:block;margin-top:-5px;outline:solid 4px #0F111E;border:solid 1px rgba(255,116,116,0.50);border-radius:1rem;background:#000;z-index:1;}

.btnBrand1{width:calc(100% - 1rem);display:grid;justify-items:center;padding:0.5em;margin:0 auto;color:#fff;text-decoration:none;
background: linear-gradient(180deg, #3D027A 0%, #7000E4 100%);
border: 2px solid #8710FD;
border-radius: 10px;
}
.btnBrand1 img{height:30px;}
.btnBrand1:hover{box-shadow: 0px 0px 12.8px 5px #6718B7;}
.footer{}
.footer img{width:100%;object-fit:cover;}
.footer2{display:none;}

@media screen and (min-width:500px) {
	body {align-content:center;}
	main{max-width:600px;min-height:auto;}
    .logo, .logoMascota{max-width:100%;}
    .footer{display:none;}
    .footer2{min-width:100vw;display:flex;justify-content:space-between;}
    .footer2 img {max-width:25vw;}
    .footer2 .img2 {transform: scaleX(-1);}
}