/* Sistema de Visitas Farmacia - CSS Principal */
/* (Contenido completo generado desde script_13) */
:root { --primary-color: #0d6efd; }

html, body {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

main.container, .container {
	max-width: 100%;
}

/* Utilidad para tablas que desbordan */
.table-responsive { -webkit-overflow-scrolling: touch; }

img { max-width: 100%; height: auto; }

/* Evitar overflow de tablas con contenido largo */
table { width: 100%; }
.table td, .table th { vertical-align: middle; }
@media (max-width: 575.98px) {
	.table td, .table th { word-break: break-word; overflow-wrap: anywhere; }
}

/* Suavizar scroll en iOS */
@supports (-webkit-touch-callout: none) {
	.table-responsive { -webkit-overflow-scrolling: touch; }
}

/* Ajustes de formularios en pantallas estrechas */
@media (max-width: 575.98px) {
	form .row > [class*='col-'] { padding-right: .5rem; padding-left: .5rem; }
	.navbar .container { padding-left: .75rem; padding-right: .75rem; }
	.card { border-radius: .65rem; }
	.btn { white-space: nowrap; }
}
