/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 25 may. 2025, 09:44:56
    Author     : morgan sebastian
*/

/* style.css */
body {
  font-family: 'Segoe UI', sans-serif;
  background-color: #f8f9fa; /* CAMBIO: Gris claro de Bootstrap */
  color: #3c2b43;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

header {
  background-color: #ffffff;
  /* color: #3c2b43; No es necesario aquí, se hereda o especifica en elementos hijos */
  box-shadow: 0 2px 4px rgba(0,0,0,0.05); /* Sombra más sutil */
}

/* Ajustes para el título y subtítulo dentro del logo/marca en el header */
header .d-flex > div h1.h4 { /* Estilo específico para el H1 dentro del div del logo */
    color: #018a80 !important; /* Mantenemos el color principal, !important si es necesario por especificidad de Bootstrap */
    font-weight: 600; /* Un poco más de peso */
}
header .d-flex > div p.small { /* Estilo específico para el párrafo subtítulo */
    font-size: 0.8rem;
    color: #6c757d; /* Un gris estándar de Bootstrap para texto secundario */
}

header .nav-pills .nav-link {
    color: #3c2b43; /* Color oscuro para los enlaces de navegación */
}
header .nav-pills .nav-link.link-secondary { /* Enlace "Inicio" un poco más tenue */
    color: #6c757d;
}
header .nav-pills .nav-link:hover,
header .nav-pills .nav-link.active { /* bootstrap 5.3 no tiene 'active' por defecto en nav-pills sin js, pero lo dejamos por si se añade */
    color: #702cf5; /* Morado al hacer hover o si estuviera activo */
}


.hero {
  background-color: #702cf5;
  color: white;
  /* padding: 100px 20px; Eliminado, se gestiona con py-5 en HTML */
}

.card {
  border: none;
  border-radius: 15px;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.card:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 8px 16px rgba(0,0,0,0.1); /* Sombra un poco menos intensa que antes */
}

.card-title {
    font-weight: bold;
    margin-bottom: 0.75rem; /* Añadido un poco de espacio bajo el título de la card */
}

/* Paleta de colores para las cards */
.aijue { background-color: #b8d04e; color: #3c2b43; }
.daila { background-color: #5ca75c; color: #3c2b43; }
/* Considerar el contraste para Daila: #5ca75c con #3c2b43 es ACEPTABLE (AA para texto grande) pero podría mejorar con un texto más claro si el verde fuera más oscuro, o un verde más claro. Por ahora se mantiene.*/
.fithub { background-color: #018a80; color: white; }
.aquenda { background-color: #702cf5; color: white; }

.card-body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.card-text {
    flex-grow: 1;
    font-size: 0.9rem; /* Ligeramente más pequeño para que quepa más texto si es necesario */
    margin-bottom: 1rem; /* Espacio antes del botón */
}

footer {
  background-color: #3c2b43;
  color: #f8f9fa; /* Texto más claro en el footer para buen contraste */
  /* padding: 20px; Eliminado, se gestiona con py-4 en HTML */
}

.btn-primary {
    background-color: #702cf5;
    border-color: #702cf5;
    font-weight: 500;
}

.btn-primary:hover {
    background-color: #5a1fd1;
    border-color: #541dbd;
}

.card i.bi {
    color: inherit;
}

/* Ajustes específicos de color de iconos si es necesario (heredado suele funcionar bien) */
.fithub i.bi, .aquenda i.bi {
    color: white;
}
.aijue i.bi, .daila i.bi {
    /* color: #3c2b43; Ya hereda este color */
}

/* Títulos de sección */
#servicios .display-6, #contacto .display-6 {
    color: #3c2b43; /* Color oscuro principal para los títulos de sección */
    font-weight: 500;
}