:root {
    --colFondoFuerte: #ae4f06;
    --colFondoFuerte2: #f6c85c;
    --colFondoClaro: #cbdbff; 
}
body {
    background-image: url('img/entramado.jpg'); 
    background-size: 150px 150px; 
    background-repeat: repeat;
    background-position: left;
}
#abeja {
    position: absolute;
    width: 80px;
    z-index: 1000;
    pointer-events: none;
    transition: transform 2s linear;
}

header {
    background: linear-gradient(135deg, var(--colFondoFuerte), var(--colFondoFuerte2));
    font-weight: bold;
    color: white;
}

.navbar-toggler-icon {
    filter: invert(1);
}

.empresa {
    font-size: 2rem;
}

/* Estilos para el título del carrusel */
.carouselTitulo {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: white;
    background: rgba(0, 0, 0, 0.3);
    font-size: 2rem;
    border-radius: 10px;
    font-weight: bold;
    display: inline-block;
}
.seccionNormal {
    color: white;
    padding: 30px; 
    text-align: center; 
}
.seccionFondo {
    background-image: url('img/imagen01.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 30px;
    text-align: center; 
}

.titulo {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    color: #000;
    text-shadow: 3px 3px 8px rgba(255, 255, 255, 0.9), 
                 -3px -3px 8px rgba(255, 255, 255, 0.9);    
}
.resaltado {
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    display: inline-block;
    padding: 20vh;
    color: #000;
    text-shadow: 3px 3px 8px rgba(255, 255, 255, 0.9), 
                 -3px -3px 8px rgba(255, 255, 255, 0.9);    
}

.tarjeta {
    width: 100%;
    margin: auto;
    border-radius: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
}
.tarjeta-header {
    background: linear-gradient(to left, var(--colFondoFuerte), var(--colFondoFuerte2));
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold; /* Texto en negrita */
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.tarjeta-body {
    background: var(--colSecundario);
    color: #000;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.justificado {
  text-align: justify;
  padding: 10px;
  font-weight: bold;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
    .carouselTitulo {
        font-size: 0.9rem; 
    }
    .justificado {
        font-size: 0.9rem; 
    }    
}