.contenedor {
                padding: 20px;
                margin: 15px 0;
                border-radius: 20px;
                color: #333;
            }
            .contenedor.rojo {
                border: 2px solid #ff0000;
                box-shadow: 0 4px 6px rgb(255 48 48 / 43%);
            }
            .contenedor.azul {
                    border: 2px solid #0002ff;
    box-shadow: 0 4px 6px rgb(64 84 246 / 43%);
            }
            .contenedor.verde {
                    border: 2px solid #1ab000;
    box-shadow: 0 4px 6px rgb(0 159 32 / 43%);
            }
            .contenedor.amarillo {
                    border: 2px solid #e0e0e0;
    box-shadow: 0 4px 6px rgb(192 192 192 / 43%);
            }
            .contenedor .contenido {
                margin-top: 10px;
            }
            .contenedor .titulo {
                margin-bottom: 10px;
                font-weight: bold;
                margin-top: 0px;
            }
            .contenedor .titulo-contenedor {
                margin-bottom: 10px;
            }
            .contenedor .separador {
                border: none;
                height: 2px;
                background-color: currentColor;
                opacity: 0.5;
                margin: 10px 0;
            }