@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap');

/* --- 2. DEFINICIÓN DE LA PALETA DE COLORES (Variables de Bootstrap) --- */
:root {
    --bs-primary: #0033A0;
    --bs-primary-rgb: 0, 51, 160;

    /* Colores de Texto (Se mantienen) */
    --bs-dark: #1e293b;         /* Para títulos (Slate 900) */
    --bs-body-color: #475569;   /* Para texto normal (Slate 600) */

    /* Colores de Fondo (Se mantienen) */
    --bs-light: #f8f9fa;        /* Fondo claro (casi blanco) */
    --bs-white: #ffffff;
    
    /* Fuente Principal */
    --bs-body-font-family: 'Poppins', sans-serif;
}

body {
    background-color: #ffffff;
}
/* Navbar */
.navbar {
    background-color: #0039A6; /* Azul Pantone 286C */
}
.navbar-nav .nav-link {
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    padding: 0.7rem 1rem;
    transition: color 0.3s ease;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #D52B1E; /* Rojo Pantone 485C */
    border-bottom: 3px solid #D52B1E;
}
/* Logo */
.logo-container img {
    max-width: 480px;
    filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.1));
}
/* Welcome section */
.welcome-section {
    background-color: #D52B1E; /* Rojo Pantone 485C */
    border-radius: 12px;
    padding: 3rem 2rem;
    text-align: center;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(213, 43, 30, 0.4);
    user-select: none;
}
.welcome-section small {
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: 0.25rem;
    font-weight: 600;
}
.welcome-section h1 {
    margin-top: 0.7rem;
    font-weight: 700;
    font-size: 2.4rem;
    font-family: 'Ubuntu', sans-serif;
}
.welcome-section p {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 2rem;
}
/* Botones */
.btn-lang {
    background-color: #0039A6; /* Azul Pantone 286C */
    border: none;
    color: white;
    padding: 0.6rem 0;
    font-weight: 700;
    border-radius: 6px;
    width: 80%;
    margin: auto;
    display: block;
    transition: background-color 0.3s ease;
}
.btn-lang:hover {
    background-color: #00297a;
    color: #fdecea;
}
/* Redes sociales */
.social-label {
    letter-spacing: 0.3rem;
    font-weight: 700;
    color: #0039A6;
    margin-bottom: 12px;
    user-select: none;
}
.social-links a {
    font-size: 2.3rem;
    margin: 0 0.8rem;
    color: #0039A6;
    transition: color 0.3s ease;
}
.social-links a:hover {
    color: #D52B1E;
}
.carousel-bg {
  background: linear-gradient(90deg, #0039a6 0%, #d52b1e 100%);
  color: #fff;
  min-height: 250px;
}
.catalogo-title {
  font-size: 2.8rem;
  font-weight: bold;
  letter-spacing: 1px;
  font-family: 'Russo One', 'Ubuntu', Arial, sans-serif; /* Ajusta según fuente */
}
.catalogo-desc {
  font-size: 1.2rem;
  font-family: 'Russo One', Arial, sans-serif;
  font-weight: 500;
  margin-top: 1.5rem;
}
.imagenopaca {
  filter: brightness(50%);
}