.calculator-group {
            border: 2px solid #fff;
            border-radius: 10px;
            padding: 20px;
            margin-bottom: 20px;
            margin-left: 10%;
            margin-right: 10%;
        }

        .calculator {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            margin-top: 20px;
        }

        .calculator-item {
            text-align: center;
            margin-bottom: 20px;
        }

        .calculator-item img {
            width: 100px;
            height: 100px;
            margin-bottom: 10px;
        }

        .calculator-item input[type="text"] {
            width: 100px;
            background-color: #f5cf9e;
            border: 1px solid white; /* Cambia el color del borde a blanco */
            outline: none; /* Elimina el borde de enfoque predeterminado */
            transition: border-color 0.3s; /* Agrega una transición suave al cambio de color del borde */
        }

        .calculator-item input[type="text"]:focus {
            border-color: white; /* Cambia el color del borde a blanco cuando el input está enfocado */
        }

        .calculator-item p {
            margin-top: 5px;
        }

        .calculator-item p span {
            opacity: 0.7; /* Ajusta la opacidad del texto */
        }

        .resumen-group {
            border: 2px solid #fff;
            border-radius: 10px;
            padding: 20px;
            margin-bottom: 20px;
            margin-left: 25%;
            margin-right: 25%;
        }

        .summary-section {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            text-align: center;
        }

        .summary-image {
            margin-top: -2%;
            margin-right: 20px;
        }

        .summary-content {
            display: flex;
            flex-direction: column;
        }

        .summary-text {
            font-size: 16px;
            margin-right: 10px;
        }

        .total-points {
            font-size: 18px;
            font-weight: bold;
        }

        .summary-text {
            font-size: 19px;
            font-weight: bold;
            margin-right: 10px;
        }

        #limpiarCampos {
            background-color: #43261c !important; /* Color de fondo */
            border: none; /* Sin borde */
            color: white; /* Color del texto */
            padding: 15px 32px; /* Espacio alrededor del texto */
            text-align: center; /* Alinear texto al centro */
            text-decoration: none; /* Sin subrayado */
            display: inline-block; /* Mostrar como bloque */
            font-size: 16px; /* Tamaño del texto */
            margin: 4px 2px; /* Margen superior e inferior */
            cursor: pointer; /* Cursor de ratón */
            border-radius: 8px; /* Borde redondeado */
            transition-duration: 0.4s; /* Duración de la transición */
        }


                .resumen-group {
            display: flex;
            justify-content: space-between;
        }

        .column {
            flex: 1;
            margin-right: 10px; /* Espacio entre columnas */
        }
        h1 {
    color: #343a40;
}
        h6 {
    color: #343a40;
}               ul.dropdown-menu.show {
         background-color: #7e0c0b;
         /* color: white; */
         }
         a.dropdown-item {
         color: white !important;
         }
         a.dropdown-item:hover {
         background-color: rgb(91 11 10) !important;
         }