/* Metacrilato Gestor — páginas espejo de los documentos legales
   (aviso-legal, terminos-condiciones, politica-cookies, politica-privacidad).
   27-09-2026: maquetadas como el resto de la web: lienzo gris, tarjeta blanca
   de lectura, título + fecha + botón del PDF, texto con las letras y colores
   de Apariencia. El texto es el mismo (y con la misma normalización) que el PDF.
   Botones: geometría, colores y tipos en assets/css/buttons.css (bloque I). */

/* Contenedor del tema: fuera la caja blanca, el padding lateral y su título. */
.mc-pagina-legal .content-container.site-container { padding-left: 0; padding-right: 0; max-width: none; }
.mc-pagina-legal .entry-content-wrap { background: transparent; box-shadow: none; padding: 0; max-width: none; }
.mc-pagina-legal article.content-bg, .mc-pagina-legal .single-entry.content-bg { background: transparent; box-shadow: none; border: 0; }
.mc-pagina-legal article.entry { margin-left: 0 !important; margin-right: 0 !important; }
.mc-pagina-legal .entry-content, .mc-pagina-legal .entry-content.single-content { max-width: none; margin: 0; }
.mc-pagina-legal .content-area { margin-top: 0; margin-bottom: 0; }
.mc-pagina-legal .entry-header, .mc-pagina-legal .entry-hero { display: none; }

.mc-legal { background: var(--mc-fondo-suave); padding: 15px 15px 48px; box-sizing: border-box; color: var(--mc-texto); }
.mc-legal * { box-sizing: border-box; }
.mc-legal .mc-legal-cab,
.mc-legal .metacrilato-legal-content { max-width: 860px; margin-left: auto; margin-right: auto; background: var(--mc-fondo); }

/* Cabecera de la tarjeta: título y fecha a la izquierda, PDF a la derecha. */
.mc-legal .mc-legal-cab {
	display: flex; align-items: flex-start; justify-content: space-between; gap: 16px 24px; flex-wrap: wrap;
	margin-top: 12px; padding: 32px 40px 20px; border-radius: var(--mc-radio-tarjeta) var(--mc-radio-tarjeta) 0 0;
	box-shadow: var(--mc-sombra-tarjeta); border-bottom: 1px solid var(--mc-borde);
}
.mc-legal .mc-legal-h1 { margin: 0; font-size: 32px; line-height: 1.2; font-weight: var(--mc-peso-fuerte); color: var(--mc-texto); }
.mc-legal .mc-legal-fecha { margin: 8px 0 0; font-size: var(--mc-fs-mini); font-weight: var(--mc-peso-fuerte); letter-spacing: .06em; text-transform: uppercase; color: var(--mc-texto-2); }
.mc-legal .metacrilato-pdf-download-btn { flex: 0 0 auto; }

/* Texto: columna de lectura. */
.mc-legal .metacrilato-legal-content {
	padding: 8px 40px 40px; border-radius: 0 0 var(--mc-radio-tarjeta) var(--mc-radio-tarjeta); box-shadow: var(--mc-sombra-tarjeta);
	font-size: var(--mc-fs-base); line-height: 1.7; color: var(--mc-texto);
}
.mc-legal .metacrilato-legal-content h1,
.mc-legal .metacrilato-legal-content h2,
.mc-legal .metacrilato-legal-content h3,
.mc-legal .metacrilato-legal-content h4 { color: var(--mc-texto); font-weight: var(--mc-peso-fuerte); line-height: 1.3; }
.mc-legal .metacrilato-legal-content h1 { font-size: var(--mc-fs-titulo); margin: 32px 0 10px; }
.mc-legal .metacrilato-legal-content h2 { font-size: var(--mc-fs-titulo); margin: 30px 0 10px; }
.mc-legal .metacrilato-legal-content h3 { font-size: 18px; margin: 26px 0 8px; }
.mc-legal .metacrilato-legal-content h4 { font-size: var(--mc-fs-base); margin: 20px 0 6px; }
.mc-legal .metacrilato-legal-content > :first-child { margin-top: 24px; }
.mc-legal .metacrilato-legal-content p { margin: 0 0 14px; text-align: left; }
.mc-legal .metacrilato-legal-content ul,
.mc-legal .metacrilato-legal-content ol { margin: 0 0 14px 22px; padding: 0; }
.mc-legal .metacrilato-legal-content li { margin: 0 0 6px; }
.mc-legal .metacrilato-legal-content a { color: var(--mc-texto); text-decoration: underline; overflow-wrap: anywhere; }
.mc-legal .metacrilato-legal-content a:hover { color: var(--mc-enlace); }
.mc-legal .metacrilato-legal-content strong, .mc-legal .metacrilato-legal-content b { font-weight: var(--mc-peso-fuerte); }
.mc-legal .metacrilato-legal-content hr { border: 0; border-top: 1px solid var(--mc-borde); margin: 24px 0; }
.mc-legal .metacrilato-legal-content table { width: 100%; border-collapse: collapse; margin: 10px 0 18px; font-size: var(--mc-fs-compacto); display: block; overflow-x: auto; }
.mc-legal .metacrilato-legal-content th,
.mc-legal .metacrilato-legal-content td { padding: 8px 10px; border-bottom: 1px solid var(--mc-borde); text-align: left; vertical-align: top; }
.mc-legal .metacrilato-legal-content th { font-size: var(--mc-fs-mini); letter-spacing: .04em; text-transform: uppercase; color: var(--mc-texto-2); border-bottom: 2px solid var(--mc-texto); }

@media (max-width: 767px) {
	.mc-legal .mc-legal-cab { padding: 22px 20px 16px; }
	.mc-legal .mc-legal-h1 { font-size: 26px; }
	.mc-legal .metacrilato-legal-content { padding: 4px 20px 28px; }
}