/* ==========================================================================
   PB Design System - Icono + Texto
   ========================================================================== */

.pb-root .icono-texto{

    display: flex;
    flex-direction: column;
    gap:.8rem;
    align-items:center;

}

.pb-root .icono-texto__icono{

    display:flex;
    justify-content:center;
    align-items:center;

    width:3rem;
    height:3rem;

    flex:none;

    border: var(--border-gold);
    box-shadow: var(--shadow-bordoy);
    border-radius:50%;

    font-size:1.4rem;
    font-weight:700;

    color:var(--color-bordoy);

    background:var(--color-blanco);

}

.pb-root .icono-texto__texto{

    flex:1;

    font-family:var(--fuente-acento);
    font-size:1.05rem;
    line-height:1.25;
    margin-top: 0.2rem;

    color:var(--color-texto);

}

/* Variante plana: elimina el círculo, borde y fondo del icono */
.pb-root .icono-texto.icono-texto--plano {
    flex-direction: row;
    align-items: flex-start;
}

.pb-root .icono-texto--plano .icono-texto__icono {
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    width: auto;
    height: auto;
    color: inherit;
}