@media (max-width: 768px) {

body {
  --blur: 5rem;
}

/* █████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ */
/* LAYOUT */
/* █████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ */

html:has(.sidebar.abierto) {
  overflow: hidden;
}
.region_header p {
  margin: 0;
}
.region_header button {
  border: none;
  background: none;
  width: var(--altura-header);
  height: var(--altura-header);
  display: flex;
  justify-content: center;
  align-items: center;
}
.region_header button:before,
[data-drupal-messages] [role="status"]::before {
  display: block;
  mask-repeat: no-repeat;
}
#block-srefs-botonhamburguesa #menu-toggle:before,
#block-srefs-botonhamburguesa #menu-toggle.active::before {
  content: "";
  background-color: var(--color-oscuro);
}
#block-srefs-botonhamburguesa #menu-toggle:before {
  mask-image: url('data:image/svg+xml;utf8,<svg id="main-button" data-name="Main button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 20"><rect width="26" height="2.3"/><rect y="17.7" width="26" height="2.3"/><rect y="8.85" width="26" height="2.3"/></svg>');
  width: 26px;
  height: 20px;
}
#block-srefs-botonhamburguesa #menu-toggle.active::before {
  mask-image: url('data:image/svg+xml;utf8,<svg id="main-button-close" data-name="Main button close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><polygon id="cerrar-menu" points="20 1.63 18.37 0 10 8.37 1.63 0 0 1.63 8.37 10 0 18.37 1.63 20 10 11.63 18.37 20 20 18.37 11.63 10 20 1.63"/></svg>');
  width: 20px;
  height: 20px;
}
.main-layout {
  padding: 3rem 1rem;
}
.path-taxonomy .main-layout:not(.term-name .main-layout):not(:has(.catalogo)),
.content-type-estilo .main-layout,
.path-mis-likes .main-layout {
  padding: 0;
}
.path-bookmarks .main-layout {
  padding-top: 0;
}
.content-type-estilo .estilos-relacionados .catalogo {
  padding: 0 1rem;
}
header,
.region_header {
  height: var(--altura-header);
}
html:has(.sidebar.abierto) #main-content {
  pointer-events: none;
}
#main-content {
  transition: filter 0.2s ease-in-out;
}
.catalogo .views-exposed-form.bef-exposed-form {
  top: var(--altura-header);
}
#main-content,
.catalogo .views-exposed-form.bef-exposed-form,
.pager .pager__items {
  width: 100%;
}
.main-layout .region_context,
[data-drupal-messages] [role="status"],
.contacto .field__items > .field__item {
  padding: 2rem;
}



/* █████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ */
/* BOTONERA */
/* █████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ */

.region_header {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--color-oscuro);
  backdrop-filter: blur(var(--blur));
}
.region_header:not(.gestion-usuarios .region_header) {
  background: color-mix(in oklab, transparent 30%, var(--color-claro));
  -webkit-backdrop-filter: var(--esmerilado); /* En 6 para Safari */
  backdrop-filter: var(--esmerilado);
}
.role-administrator  .region_header {
  top: 39px;
}

/* █████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ */
/* HEADER */
/* █████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ */

/* Site branding */
.region_header .site-branding__inner svg {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: calc(var(--altura-header) / 4);
}

/* Botones */
#block-srefs-botoncarrito #cart-toggle:before,
#block-srefs-botonusuario #user-toggle:before {
  content: "";
  background-color: var(--color-oscuro);
}
#block-srefs-botoncarrito #cart-toggle:before,
#block-srefs-botonusuario #user-toggle:before {
  width: 20px;
  height: 20px;
}
#block-srefs-botoncarrito #cart-toggle:before {
  mask-image: url('data:image/svg+xml;utf8,<svg id="cart-button" data-name="Cart button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M18.89,8.85h-3.32v-3.27c0-3.07-2.5-5.58-5.57-5.58s-5.58,2.5-5.58,5.58v3.27H1.11l-1.11,11.15h2.31l.88-8.85h13.62l.88,8.85h2.31l-1.11-11.15ZM6.72,8.85v-3.27c0-1.81,1.47-3.28,3.28-3.28s3.27,1.47,3.27,3.28v3.27h-6.55Z"/></svg>');
}
#block-srefs-botonusuario #user-toggle:before {
  mask-image: url('data:image/svg+xml;utf8,<svg id="user-button" data-name="User button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13.83,9.62c1.07-1.02,1.74-2.45,1.74-4.04,0-3.07-2.5-5.58-5.57-5.58s-5.58,2.5-5.58,5.58c0,1.59.67,3.02,1.75,4.04C2.55,11.12,0,14.69,0,18.85c0,.39.03.77.07,1.15h2.32c-.06-.38-.1-.76-.1-1.15,0-4.25,3.45-7.7,7.7-7.7s7.7,3.45,7.7,7.7c0,.39-.04.77-.1,1.15h2.32c.04-.38.07-.76.07-1.15,0-4.16-2.55-7.73-6.17-9.23ZM10,2.3c1.81,0,3.27,1.47,3.27,3.28s-1.47,3.27-3.27,3.27-3.28-1.47-3.28-3.27,1.47-3.28,3.28-3.28Z"/></svg>');
}

/* █████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ */
/* MAIN CONTENT */
/* █████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ */

#main-content {
  width: 100%;
}
.field--name-field-imagen-portada img {
  width: 100%;
}
.catalogo .polaroid-view a {
  padding: 0.5rem;
}
/* Tipo página */
.content-type-page .main-layout {
  padding: 7rem 3rem;
}
#colorbox #cboxTitle {
  display: none !important;
}
/* Secciones dentro de un estilo */
.content-type-estilo section.contacto.desarrollo,
.content-type-estilo section.estilos-relacionados,
.content-type-estilo section.comentarios-estilos {
  border-top: 1px solid var(--color-oscuro);
  padding-top: 5rem;
}
.content-type-estilo article .polaroid-footer {
  margin: 1rem 0rem 10rem;
  border-top: 1px solid;
  padding-top: 1rem;
}
.content-type-estilo article .polaroid-footer > div:first-child {
  margin-left: 2rem;
}
.content-type-estilo article .polaroid-footer > div:last-child {
  margin-right: 2rem;
}
section h2:not(.sin_resultados h2),
#block-srefs-views-block-estilos-relacionados-block-1 h2 {
  max-width: 13rem;
}

/* █████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ */
/* CATÁLOGO */
/* █████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ */


.catalogo > div:not(.contextual) {
  grid-template-columns: repeat(auto-fit, minmax(18rem, max-content));
}
.catalogo .node-access a {
  min-height: 27rem;
}

/* █████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ */
/* SIDEBAR */
/* █████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ */

.sidebar {
  height: calc(100vh - var(--altura-header));
  top: var(--altura-header);
  transform: translateX(var(--sidebar-width));
  transition: all 0.5s ease;
  z-index: 90;
  backdrop-filter: var(--esmerilado);
  -webkit-backdrop-filter: var(--esmerilado);
  /* En 6 para Safari */
  background: color-mix(in oklab, transparent 30%, var(--color-claro));
}
#main-sidebar {
  overflow: auto;
}
.sidebar.abierto {
  transform: translateX(0);
}
.sidebar .site-branding__inner {
  display: none;
}
#main-sidebar nav > ul a {
  padding: 0.8rem 0;
  display: block;
}
footer {
  margin-bottom: 5rem;
}

/* █████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ */
/* POLAROID FOOTER */
/* █████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ */

#info {
  font-size: 1.5rem;
}

/* Calificación */
.rate-image {
  margin-right: 0.2rem;
}

.content-type-estilo article .rate-image {
  width: 1.2rem;
  height: 1.2rem;
}

/* █████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ */
/* FILTROS */
/* █████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ */

.bef-exposed-form button.enhanced-select__button { /* los mismos selectores pero en desktop */
  display: none;
}
/* Filtros */
.catalogo .views-exposed-form.bef-exposed-form {
  overflow-x: scroll;
  overflow-y: hidden;
}
.bef-exposed-form select.form-select {
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: none;
  border-color: color-mix(in srgb, transparent 85%, var(--color-oscuro));
  padding: 0.5rem 1rem 1rem 1rem;
  white-space: nowrap;
  background: none;
  font-family: var(--texto-normal);
  font-size: 1.5rem;
  color: var(--color-oscuro);
}
/* █████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ */
/* PÁGINA DE REGISTRO */
/* █████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ */

body.gestion-usuarios #main-content .main-layout  {
  min-height: calc(100vh - var(--altura-header));
  display: grid;
  align-items: center;
}

/* █████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ */
/* CONTACTO  */
/* █████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ */

.contacto.desarrollo .field__items,
.contacto .view-contents,
.contacto.aplicaciones .field__items {
  grid-template-columns: 1fr;
}
.contacto .field__items .field--type-image > a {
  pointer-events: none;
}
.contacto .field--type-image img {
  width: 100%;
  height: auto;
  max-height: 600px;
  object-fit: contain;
  object-position: center;
  display: block;
}
.contacto .footer {
  grid-template-columns: 1fr calc(14px * 1.5 + 10px);
  padding-top: 1rem;
}
.flag-me-gusta a:after {
  width: calc(14px * 1.5);
  height: calc(13px * 1.5);
}
.path-bookmarks #main-content h2 {
  margin-left: -1rem !important;
}
.contacto .field__items > .field__item:last-child {
  margin-bottom: 2rem;
}

}


@media (max-width: 379px) {
  .field--name-field-calificacion {
    display: none;
  }
}