* {margin: 0;padding: 0;box-sizing:border-box;}
body {width:100%;min-height:100vh;display:grid;justify-content:center;padding:2rem 1rem;color:#fff;text-align:center;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";background:url("../../assets/img/entorno/bg.webp") #000;background-size:cover;}
main{max-width:600px;display:grid;grid-gap:1rem;margin:auto;padding:1rem;border-radius: 12px;
background: rgba(125, 0, 255, 0.3);
box-shadow: 0px 4px 30.3px -6px #EF8006;
backdrop-filter: blur(5px);
}
header{display:grid;justify-content:center;grid-gap:0.5rem;}
.font, h1{font-family: "Audiowide", sans-serif;font-weight: 400;font-style: normal;}
h1{margin-bottom:1rem;}
a:link, a:visited{color:#fff;text-decoration:none;}
a:hover, a:active{color:#E4820B;}
.txtFX{-webkit-text-stroke:1px #FF9A0C;color:#fff;}
.avatar{}
.rs{display:flex;gap:1rem;}
.listado{display:grid;grid-gap:1rem;margin-top:2rem;list-style:none;}
.listado .x2{display:flex;gap:1rem;}
.listado .x2 a{flex:1;justify-content:start;text-align:start;}
.bannerDestacado{display:grid;padding:1rem;gap:1rem;background: rgba(0, 0, 0, 0.34);border: 0.5px solid #FA8F01;border-radius: 12px;}
.bannerDestacado .img{display:flex;justify-content:space-between;align-items:center;}
.bannerDestacado .img .img1{}
.bannerDestacado .img .img2{}
.bannerDestacado .img .img2{width:70px;height:auto}
.bannerDestacado .txt{display:grid;align-items:center;grid-gap:0.5rem;text-align:start;}
.bannerDestacado .txt strong{font-size:1.5rem;}
.banner{display:flex;gap:1rem;align-items:center;padding:1rem;background: rgba(0, 0, 0, 0.34);border: 0.5px solid #FA8F01;border-radius: 12px;}
.banner .img{}
.banner .txt{display:grid;grid-gap:0.5rem;text-align:start;}
.banner .txt strong{font-size:1rem;}
.bannerMin{display:grid;gap:0.5rem;padding:0.5rem;gap: 10px;background: rgba(0, 0, 0, 0.001);border:solid 1px rgba(255,255,255,0.3);border-radius: 12px;}
.bannerMin .img{}
.bannerMin .txt{display:grid;text-align:start;font-size:0.8rem;}
.hoverBox{}
a.hoverBox:hover, a.hoverBox:active{color:#fff;border:solid 1px #FFE0B4;background:#EF8006;box-shadow: 0px 0px 8.6px 2px #FFC382;}
footer{margin-top:2rem;}


@media (min-width:768px) {
    body {background:url("../../assets/img/entorno/bg-xl.webp");background-size:cover;}
    .bannerDestacado{display: flex;align-items:center;}
    .bannerDestacado .img{display:grid;}
    .bannerMin{display:flex;gap:0.5rem;}
}