Estilos

Personaliza cada detalle con 15 variables CSS. Sobrescríbelas en :root o acótalas a un contenedor.

Variables de estilo principales para la estructura y el posicionamiento del portal

Variable	Por defecto	Tipo	Descripción
`--portal-zindex`	`1050`	number	Z-index de la superposición del portal
`--portal-padding`	`1rem`	length	Padding por defecto para el contenido del portal
`--portal-margin`	`0.5rem`	length	Margin alrededor del diálogo del portal

Variables que controlan los colores, bordes y efectos visuales del portal

Variable	Por defecto	Tipo	Descripción
`--portal-bg`	`#ffffff`	color	Color de fondo del contenido del portal
`--portal-color`	`#212529`	color	Color del texto del contenido del portal
`--portal-border-color`	`#dee2e6`	color	Color del borde del portal
`--portal-border-width`	`1px`	border	Ancho del borde del portal
`--portal-border-radius`	`0.375rem`	border	Radio de las esquinas del portal
`--portal-box-shadow`	`0 0.5rem 1rem rgba(0, 0, 0, 0.15)`	shadow	Sombra de caja para la elevación del portal

Variables de estilo para las secciones de cabecera y pie del portal

Variable	Por defecto	Tipo	Descripción
`--portal-header-padding`	`1rem`	length	Padding de la cabecera del portal
`--portal-header-border-color`	`#dee2e6`	color	Color del borde de la cabecera del portal
`--portal-footer-padding`	`1rem`	length	Padding del pie del portal
`--portal-footer-border-color`	`#dee2e6`	color	Color del borde del pie del portal

Variables que controlan la apariencia y el comportamiento del backdrop

Variable	Por defecto	Tipo	Descripción
`--portal-backdrop-bg`	`rgba(0, 0, 0, 0.5)`	color	Color de fondo del backdrop del portal
`--portal-backdrop-zindex`	`1040`	number	Z-index del backdrop (debe ser menor que el z-index del portal)