/* ===========================================================================
   ADAPTACIÓN
   =========================================================================== */

@media (max-width: 1340px){
	.rejilla--4{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 1180px){
	.rejilla--principal{ grid-template-columns: minmax(0,1fr); }
	.rejilla--3{ grid-template-columns: repeat(2, minmax(0,1fr)); }
	.acceso{ grid-template-columns: minmax(0,1fr); }
	.acceso-presenta{ display:none; }
	.acceso-forma{ min-height: 100vh; }
}

@media (max-width: 1024px){
	:root{ --respiro: 18px; }

	.armazon,
	.armazon.esta-plegado{ grid-template-columns: minmax(0,1fr); }

	.lateral{
		position: fixed;
		top: 0; left: 0; bottom: 0;
		width: var(--lateral-ancho);
		transform: translateX(-100%);
		transition: transform var(--transicion-lenta);
		z-index: 90;
	}
	.lateral.esta-abierto{ transform:none; }

	.btn-menu{ display: inline-flex; }

	.velo{
		z-index: 80;
		background: rgba(3,6,14,.64);
		backdrop-filter: blur(3px);
		opacity: 0;
		visibility: hidden;
		transition: all var(--transicion);
	}
	.velo.esta-abierto{ opacity:1; visibility:visible; }
}

@media (max-width: 760px){
	:root{ --superior-alto: 66px; }

	.rejilla--4,.rejilla--3,.rejilla--2{ grid-template-columns: minmax(0,1fr); }

	.buscador{ display:none; }
	.perfil-copia{ display:none; }
	.perfil-boton{ padding: 0 6px; }

	.vista-cabeza{ align-items: flex-start; }
	.vista-cabeza h1{ font-size: 22px; }

	.panel-cabeza,.panel-cuerpo{ padding: 16px; }
	.filtros{ padding: 14px 16px; }
	table.tabla thead th:first-child,
	table.tabla tbody td:first-child{ padding-left: 16px; }
	table.tabla thead th:last-child,
	table.tabla tbody td:last-child{ padding-right: 16px; }

	.acceso-forma{ padding: 28px 16px; }
	.acceso-tarjeta{ padding: 26px 20px 24px; }
}