/**
 * Contenido y layout moderno — normaliza estilos.css en páginas CMS/tienda
 * (listas, contenedores legacy, hero). La cabecera se gestiona en vallate-ui + mobile-nav.
 */

/* ——— Hero interno ——— */
.page-hero-inner .decoration,
#header-secundario .page-hero-inner .decoration {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ——— Listas de contenido (no menú de navegación) ——— */
.page-internal .content-area ul,
.page-internal .content-area ol,
.page-internal .pg-content ul:not(#menu):not(.sub-menu),
.page-internal .pg-aside ul,
.page-internal .pg-aside ol,
.page-internal .contacto-beneficios,
.page-internal .inst-toc ul,
.page-internal .inst-toc ol,
.content-prose ul,
.content-prose ol,
.catalog-page ul,
.catalog-page ol,
.site-footer-widgets ul,
.site-footer-widgets ol {
  padding: 0 0 0 1.25rem !important;
  margin: 0.5rem 0 1rem !important;
}

.page-internal .content-area li,
.page-internal .pg-content li,
.page-internal .pg-aside li,
.page-internal .contacto-beneficios li,
.content-prose li,
.catalog-page li {
  margin-top: 0.35rem !important;
}

.page-internal .contacto-beneficios,
.page-internal .contacto-beneficios li {
  list-style: none !important;
  padding-left: 0 !important;
}

/* ——— Contenedores legacy del CMS ——— */
.page-internal #productos,
.page-internal #main-productos,
.page-internal #pagina,
.page-internal #contacto {
  position: relative !important;
  float: none !important;
  overflow: visible !important;
}

.page-internal #pagina .seccion {
  background: none !important;
  background-attachment: scroll !important;
}

.page-internal .content-area img,
.page-internal .content-prose img,
.catalog-page .content-area img {
  max-width: 100%;
  height: auto;
}

.page-internal .content-area table,
.page-internal .content-prose table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
}

/* Formularios legacy en contenido */
.page-internal .content-area input:not([type="checkbox"]):not([type="radio"]),
.page-internal .content-area textarea,
.page-internal .content-area select,
.page-internal #contacto input:not([type="checkbox"]):not([type="radio"]),
.page-internal #contacto textarea {
  max-width: 100%;
  box-sizing: border-box;
}