subida de archivos

2026-04-20 21:12:51 -03:00
parent ac9ca96522
commit affa53d7fa
6 changed files with 329 additions and 0 deletions
--- a/style.css
+++ b/style.css
@@ -0,0 +1,143 @@
+/* Configuración General */
+:root {
+  --cafe-oscuro: #3c2a21;
+  --cafe-medio: #5e4226;
+  --cafe-claro: #d4a373;
+  --crema: #faedcd;
+  --blanco-hueso: #fefae0;
+}
+
+body {
+  background-color: var(--blanco-hueso);
+  color: var(--cafe-oscuro);
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  line-height: 1.6;
+}
+
+/* Encabezados */
+h1, h2, h3 {
+  color: var(--cafe-oscuro);
+  font-weight: 700;
+  margin-top: 20px;
+}
+
+h1 {
+  border-bottom: 3px solid var(--cafe-claro);
+  display: inline-block;
+  padding-bottom: 5px;
+}
+
+/* Navegación */
+.navbar {
+  background-color: var(--cafe-oscuro) !important;
+  margin-bottom: 30px;
+}
+
+.navbar-brand {
+  color: var(--crema) !important;
+  font-weight: bold;
+  text-transform: uppercase;
+}
+
+/* Imágenes */
+img.container {
+  display: block;
+  border-radius: 15px;
+  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
+  margin-top: 20px;
+  margin-bottom: 30px;
+  height: auto;
+  object-fit: cover;
+  max-height: 400px;
+}
+
+/* Listas */
+ul, ol {
+  background: white;
+  padding: 20px 40px;
+  border-radius: 10px;
+  box-shadow: 2px 2px 10px rgba(0,0,0,0.05);
+}
+
+li {
+  margin-bottom: 10px;
+}
+
+/* Tablas (Personalizando las clases de Bootstrap) */
+.table {
+  margin-top: 30px;
+  background-color: white;
+  border-radius: 10px;
+  overflow: hidden;
+  border: none !important;
+}
+
+.table thead {
+  background-color: var(--cafe-medio);
+  color: white;
+}
+
+/* Formulario */
+form {
+  background-color: white;
+  padding: 30px;
+  border-radius: 15px;
+  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
+  margin-bottom: 50px;
+}
+
+input[type="text"],
+input[type="email"],
+input[type="number"],
+select,
+textarea {
+  width: 100%;
+  padding: 10px;
+  border: 1px solid #ddd;
+  border-radius: 5px;
+  margin-top: 5px;
+}
+
+input:focus, textarea:focus {
+  outline: none;
+  border-color: var(--cafe-claro);
+  box-shadow: 0 0 5px var(--cafe-claro);
+}
+
+button[type="submit"] {
+  background-color: var(--cafe-medio);
+  color: white;
+  border: none;
+  padding: 12px 30px;
+  border-radius: 5px;
+  cursor: pointer;
+  font-size: 1.1rem;
+  transition: background 0.3s ease;
+}
+
+button[type="submit"]:hover {
+  background-color: var(--cafe-oscuro);
+}
+
+/* Footer */
+footer {
+  background-color: var(--cafe-oscuro);
+  color: var(--crema);
+  padding: 20px 0;
+  margin-top: 40px;
+  text-align: center;
+}
+
+/* Enlaces */
+a.container {
+  display: inline-block;
+  color: var(--cafe-medio);
+  text-decoration: none;
+  font-weight: bold;
+  margin-top: 20px;
+}
+
+a.container:hover {
+  color: var(--cafe-claro);
+  text-decoration: underline;
+}