/* ============================================================ Estilos personalizados de Ingape ------------------------------------------------------------ Escribe aquí tu CSS propio. Se carga DESPUÉS de Tailwind, así que puedes sobreescribir cualquier estilo. Edita -> guarda -> recarga el navegador. Sin compilar. ============================================================ */ .flotante-1{ top: 10%; left:1rem; background-color: rgb(0 0 0 / 0.5); } .flotante-2{ bottom: 5%; right:1rem; background-color: rgb(0 0 0 / 0.5); } .text-tarjeta{ color: white; } .margen-negativo{ margin-left: 0.2rem !important; } /* Nota: no poner `overflow-x: clip/hidden` en . Se probó como parche contra una franja blanca a la derecha en móvil y provocó que la página se viera diminuta en Safari de iPhone. Si vuelve el desborde, hay que buscar el elemento concreto que se pasa de ancho, no recortar la raíz. */ /* Tarjeta lateral del curso: barra de scroll discreta cuando la tarjeta es más alta que la pantalla (solo en escritorio). */ .sidebar-curso { scrollbar-width: thin; scrollbar-color: rgb(0 0 0 / 0.15) transparent; } .sidebar-curso::-webkit-scrollbar { width: 6px; } .sidebar-curso::-webkit-scrollbar-track { background: transparent; } .sidebar-curso::-webkit-scrollbar-thumb { background-color: rgb(0 0 0 / 0.15); border-radius: 9999px; }