.line {
    height: 3px;
    width: 80px;
    background-color: #ff8400;
}


.accordion-item {
    color: var(--color_primario) !important;
}

.item-text {
    color: black;
    display: flex;
    align-items: center;
}

.caja_banner .banner_cover.portada_3 {
    background-image: url(../img/portada_3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.alerta {
    background-color: var(--azul_informativo_back);
    padding: 2rem;
    border-radius: var(--redondez_base);
    color: var(--azul_informativo);
}

* --- Estructura de la Tarjeta --- */ .card {
    width: 320px;
    background-color: #ffffff;
    border: 1px solid #dcecf5;
    /* Borde sutil azulado */
    border-radius: 4px;
    position: relative;
    /* Necesario para posicionar el ícono flotante */
    margin-top: 50px;
    /* Espacio superior para que quepa el ícono */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
}

/* --- El Círculo Flotante (Icono) --- */
.card-icon-container {
    width: 90px;
    height: 90px;
    background-color: #FDECCC;
    /* Color gris de fondo del círculo */
    border-radius: 50%;
    position: absolute;
    top: -45px;
    /* Sube la mitad de su altura */
    left: 50%;
    transform: translateX(-50%);
    /* Lo centra horizontalmente */
    border: 1px solid #dcecf5;
    /* El borde blanco crea el efecto de separación */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    /* Centrar el contenido del icono (placeholder) */
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-icon-container span {
    color: #B97800;
}


/* --- Cuerpo de la Tarjeta --- */
.card-body {
    padding: 60px 30px 30px 30px;
    /* Padding superior alto para librar el ícono */
    text-align: center;
    flex-grow: 1;
}


.card-text {
    color: #444;
    font-size: 0.95rem;
    line-height: 1.5;
    margin: 0;
}