:root{
    --colorPrimario: rgba(58, 79, 109, 255);
    --colorSecundario: rgba(96, 125, 139, 255);
}

.bg-primary{
    background-color: var(--colorPrimario)!important;
}

.bg-secundario{
    background-color: var(--colorSecundario)!important;
}

.c-white{
    color: white!important;
}

.c-black{
    color: #000!important;
}

.c-primario{
    color: var(--colorPrimario)!important;
}

/* Quitar bordes y líneas */
.accordion-item {
    border: none !important;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
    background: #f5f5f5; /* gris clarito */
}

.td-clean {
    border-color: inherit!important;
    border-style: solid!important;
    border-width: 0!important;
}

/* Botón/encabezado */
.accordion-button {
    background: #f5f5f5 !important;
    box-shadow: none !important;
    border: none !important;
    color: #333;
}

/* Quitar la flechita azul y hacerla discreta */
.accordion-button::after {
    filter: grayscale(1);
    opacity: 0.4;
}

/* Fondo del contenido */
.accordion-body {
    background: #f5f5f5;
    border-top: 1px solid #e0e0e0;
}

/* Cuando está abierto */
.accordion-button:not(.collapsed) {
    background: #f5f5f5 !important;
    color: #333;
}


.servicio-item {
    background-color: #e2e2e2 !important; /* gris suave oscuro */
    border-radius: 18px;
}

.servicio-item .accordion-button {
    background-color: #e2e2e2 !important;
    color: #000 !important;
}

.servicio-item .accordion-button:not(.collapsed) {
    background-color: #d6d6d6 !important; /* un tono más oscuro al abrir */
    color: #000 !important;
    box-shadow: none !important;
}

.servicio-item .accordion-collapse {
    background-color: #e2e2e2 !important;
}

.servicio-item .accordion-body {
    background-color: #e2e2e2 !important;
}

.tt-1{
    font-size: 0.8rem!important;
}

.tt-2{
    font-size: 0.9rem!important;
}

.tt-3{
    font-size: 1rem!important;
}

.tt-4{
    font-size: 1.1rem!important;
}

.tt-5{
    font-size: 1.2rem!important;
}

.pos-icon {
    width: 28px;
    height: 28px;
    object-fit: contain;
    position: absolute;
    top: 21px;
    right: 5px;
    cursor: pointer;
    z-index: 50;
}