header{position:sticky;top:0;left:0;width:100%;padding:1em var(--espacio-horizontal);display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}header form{padding:0;background-color:transparent;border:none}header a{text-decoration:none}header .logo{display:flex;justify-content:center;align-items:center}header .logo img{width:50px}header .logo .contenedor-titulo h2{font-size:1.3rem}header .logo .contenedor-titulo span{font-size:1rem;color:var(--color-primario-claro)}header nav{display:none;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100dvh;background-color:var(--color-morado-oscuro-10);z-index:100}header nav.on{display:flex}header nav ul{display:flex;flex-direction:column;list-style:none;gap:.5em}header nav ul li{display:flex;flex-direction:column;justify-content:center}header nav ul li span{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--color-morado-transparente-1);border:1px solid var(--color-morado-transparente-3);padding:.5em;border-radius:10px;font-weight:700}header nav ul li .enlace-cuenta{display:none}header nav ul li a.on{color:var(--color-morado)}header nav ul li .submenu{display:flex;top:100%;right:0%;pointer-events:all}header nav ul li .submenu .submenu-enlaces{display:flex;flex-direction:column;margin-top:.5em;background-color:var(--color-morado-oscuro-10);padding:.5em;gap:.2em;border:1px solid var(--color-morado-transparente-3);border-radius:10px}header nav ul li .submenu .submenu-enlaces *{border-bottom:1px solid var(--color-morado-transparente-3)}header nav ul li .submenu .submenu-enlaces a{width:100%;min-width:max-content}header nav ul li form{align-items:flex-start}header #btnMenuNavegacion{position:absolute;top:50%;right:var(--espacio-horizontal);transform:translateY(-50%);padding:.5em;z-index:200}footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;padding:var(--espacio-vertical) var(--espacio-horizontal);background-color:var(--color-morado-transparente-1);border:1px solid var(--color-morado-transparente-3);margin-top:var(--espacio-vertical)}footer .contenedor-general{display:grid;grid-template-columns:1fr;align-items:center;gap:1em}footer .contenedor-general .logo-footer{max-width:100px;margin:0 auto}footer .contenedor-general .contacto{display:flex;align-items:center;gap:.3em}footer .contenedor-general .contacto img{width:22px;height:22px}footer .contenedor-general .contacto a{padding:0}footer .copyright{text-align:center}#contenedorAnuncios{--tamanio-padding: 2em;display:none;position:fixed;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9999999999}#contenedorAnuncios.on{display:flex}#contenedorAnuncios .contenedor-informacion{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-morado-oscuro-10);overflow:hidden;border-radius:10px;border:3px solid var(--color-morado-transparente-5);width:calc(100% - var(--tamanio-padding));height:calc(100dvh - var(--tamanio-padding))}#contenedorAnuncios .contenedor-informacion img{width:100%;height:calc(100dvh - var(--tamanio-padding));object-fit:contain}#contenedorAnuncios .contenedor-informacion .contenedor-informacion-texto{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;background-color:var(--color-morado-oscuro-10);padding:1em;border-radius:10px}#contenedorAnuncios button{position:absolute;padding:.5em}#contenedorAnuncios #botonCerrar{right:calc(var(--tamanio-padding) / 2);top:calc(var(--tamanio-padding) / 2)}#contenedorAnuncios #botonAnterior{left:calc(var(--tamanio-padding) / 2);top:50%;transform:translateY(-50%)}#contenedorAnuncios #botonSiguiente{right:calc(var(--tamanio-padding) / 2);top:50%;transform:translateY(-50%)}@media (min-width: 768px){header #btnMenuNavegacion{display:none}header .logo .contenedor-titulo h2{font-size:1.6rem}header .logo .contenedor-titulo span{font-size:1rem}header nav{display:flex;position:relative;background-color:transparent;height:auto;width:auto}header nav ul{flex-direction:row;gap:1em}header nav ul li a{font-size:.9rem}header nav ul li .enlace-cuenta{display:flex}header nav ul li .submenu{display:none;pointer-events:none;position:absolute}header nav ul li:hover .submenu{display:flex;pointer-events:all}footer .contenedor-general{grid-template-columns:100px 1fr}}@media (min-width: 800px){header nav ul li a{font-size:1rem}}