/**
 * Estilos para precios en el formulario de inscripción
 * @author Juan y Carlota
 * @version 1.0
 */

/* Estilo para los precios en el resumen */
.precio {
    color: #dc3545; /* Rojo de Bootstrap */
    font-weight: bold;
}

/* Aplicar estilo rojo a todos los precios en el resumen */
#resumen-selecciones .resumen-item {
    position: relative;
}

/* Seleccionar la parte del texto que contiene el precio */
#resumen-selecciones .resumen-item:after {
    content: "";
    display: inline;
}

/* Aplicar color rojo a todos los números con símbolo de euro */
#resumen-selecciones .resumen-item {
    color: inherit;
}

#resumen-selecciones .resumen-item strong {
    color: inherit;
}

/* Colorear en rojo cualquier texto que contenga un número seguido del símbolo de euro */
#resumen-selecciones .resumen-item:not(strong) {
    color: inherit;
}

/* Esto aplicará el estilo a cualquier texto que contenga un precio */
#resumen-selecciones .resumen-item:not(strong):contains('€') {
    color: #dc3545;
    font-weight: bold;
}

/* Estilo para los títulos de sección en el resumen */
#resumen-selecciones .resumen-seccion {
    margin-top: 15px;
    margin-bottom: 10px;
    border-bottom: 2px solid #0d6efd;
    padding-bottom: 5px;
    position: relative;
}

#resumen-selecciones .resumen-seccion:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #0d6efd;
}

#resumen-selecciones .resumen-seccion h5 {
    color: #0d6efd; /* Azul de Bootstrap */
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 5px;
}

/* Separador antes del precio total */
.separador-total {
    height: 2px;
    background: linear-gradient(to right, #dee2e6, #0d6efd, #dee2e6);
    margin: 15px 0;
    position: relative;
}

.separador-total:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: 6px;
    background-color: #0d6efd;
    border-radius: 50%;
}

/* Estilo para el precio total */
#precio-total {
    color: #0d6efd !important; /* Azul de Bootstrap */
    font-weight: bold !important;
}

/* Estilo para los items del resumen */
.resumen-item {
    margin-bottom: 0.5rem;
}

/* Estilo para los precios en los items del resumen */
.resumen-item .precio {
    display: inline-block;
    min-width: 70px;
    text-align: right;
}