/*!***************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[1]!./assets/css/cancion.css ***!
  \***************************************************************************************************************/
h3 {
    color: #333;
}

.cancion-container {
    width: 40%;
    margin: 20px auto;
    padding: 20px;
    background-color: #f0f0f0;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.cancion-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.header-left-div {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 70%; /* Ajusta el ancho según lo necesites */
}

.header-right-container {
    display: flex;
    flex-direction: column; /* Para hacer que los divs internos estén en columna */
    width: 30%; /* Ajusta el ancho según lo necesites */
}

.header-top-row,
.header-bottom-row {
    flex: 1; /* Hace que ambas filas ocupen el mismo espacio dentro del contenedor derecho */
    height: 50%; /* Las filas ocupan el 50% del contenedor derecho */
}

.cancion-imagen {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
}

.left-div h1,
.top-row, h1,
.bottom-row h1 {
    margin: 0;
    font-size: 2em;
    color: #333;
}

.cantante-canciones,
.cancion-youtube {
    margin-bottom: 20px;
}

.cantante-miembros h2,
.cancion-youtube h2 {
    font-size: 1.5em;
    color: #333;
    border-bottom: 2px solid #007bff;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.cantante-miembros ul {
    list-style-type: none;
    padding: 0;
}

.cantante-miembros li {
    margin-bottom: 10px;
}

.cantante-miembros a {
    color: #007bff;
    text-decoration: none;
}

.cantante-miembros a:hover {
    text-decoration: underline;
}

.video-container {
    text-align: center;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3NzL2Nzc19jYW5jaW9uLjEyMjE5NDE1NDcyYzg2OTczYWIxLmNzcyIsIm1hcHBpbmdzIjoiOzs7QUFBQTtJQUNJLFdBQVc7QUFDZjs7QUFFQTtJQUNJLFVBQVU7SUFDVixpQkFBaUI7SUFDakIsYUFBYTtJQUNiLHlCQUF5QjtJQUN6QixrQkFBa0I7SUFDbEIsdUNBQXVDO0FBQzNDOztBQUVBO0lBQ0ksYUFBYTtJQUNiLG1CQUFtQjtJQUNuQixTQUFTO0lBQ1QsbUJBQW1CO0FBQ3ZCOztBQUVBO0lBQ0ksYUFBYTtJQUNiLG1CQUFtQjtJQUNuQixTQUFTO0lBQ1QsVUFBVSxFQUFFLHVDQUF1QztBQUN2RDs7QUFFQTtJQUNJLGFBQWE7SUFDYixzQkFBc0IsRUFBRSxzREFBc0Q7SUFDOUUsVUFBVSxFQUFFLHVDQUF1QztBQUN2RDs7QUFFQTs7SUFFSSxPQUFPLEVBQUUsK0VBQStFO0lBQ3hGLFdBQVcsRUFBRSxtREFBbUQ7QUFDcEU7O0FBRUE7SUFDSSxZQUFZO0lBQ1osYUFBYTtJQUNiLGtCQUFrQjtJQUNsQixpQkFBaUI7QUFDckI7O0FBRUE7OztJQUdJLFNBQVM7SUFDVCxjQUFjO0lBQ2QsV0FBVztBQUNmOztBQUVBOztJQUVJLG1CQUFtQjtBQUN2Qjs7QUFFQTs7SUFFSSxnQkFBZ0I7SUFDaEIsV0FBVztJQUNYLGdDQUFnQztJQUNoQyxtQkFBbUI7SUFDbkIsbUJBQW1CO0FBQ3ZCOztBQUVBO0lBQ0kscUJBQXFCO0lBQ3JCLFVBQVU7QUFDZDs7QUFFQTtJQUNJLG1CQUFtQjtBQUN2Qjs7QUFFQTtJQUNJLGNBQWM7SUFDZCxxQkFBcUI7QUFDekI7O0FBRUE7SUFDSSwwQkFBMEI7QUFDOUI7O0FBRUE7SUFDSSxrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIsc0JBQXNCLEVBQUUsU0FBUztJQUNqQyxTQUFTO0lBQ1QsZ0JBQWdCO0lBQ2hCLGVBQWU7SUFDZixnQkFBZ0I7QUFDcEI7O0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIsTUFBTTtJQUNOLE9BQU87SUFDUCxXQUFXO0lBQ1gsWUFBWTtJQUNaLFNBQVM7QUFDYixDIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vLy4vYXNzZXRzL2Nzcy9jYW5jaW9uLmNzcyJdLCJzb3VyY2VzQ29udGVudCI6WyJoMyB7XG4gICAgY29sb3I6ICMzMzM7XG59XG5cbi5jYW5jaW9uLWNvbnRhaW5lciB7XG4gICAgd2lkdGg6IDQwJTtcbiAgICBtYXJnaW46IDIwcHggYXV0bztcbiAgICBwYWRkaW5nOiAyMHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmMGYwZjA7XG4gICAgYm9yZGVyLXJhZGl1czogOHB4O1xuICAgIGJveC1zaGFkb3c6IDAgMCAxMHB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbn1cblxuLmNhbmNpb24taGVhZGVyIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiAyMHB4O1xuICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XG59XG5cbi5oZWFkZXItbGVmdC1kaXYge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IDEwcHg7XG4gICAgd2lkdGg6IDcwJTsgLyogQWp1c3RhIGVsIGFuY2hvIHNlZ8O6biBsbyBuZWNlc2l0ZXMgKi9cbn1cblxuLmhlYWRlci1yaWdodC1jb250YWluZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsgLyogUGFyYSBoYWNlciBxdWUgbG9zIGRpdnMgaW50ZXJub3MgZXN0w6luIGVuIGNvbHVtbmEgKi9cbiAgICB3aWR0aDogMzAlOyAvKiBBanVzdGEgZWwgYW5jaG8gc2Vnw7puIGxvIG5lY2VzaXRlcyAqL1xufVxuXG4uaGVhZGVyLXRvcC1yb3csXG4uaGVhZGVyLWJvdHRvbS1yb3cge1xuICAgIGZsZXg6IDE7IC8qIEhhY2UgcXVlIGFtYmFzIGZpbGFzIG9jdXBlbiBlbCBtaXNtbyBlc3BhY2lvIGRlbnRybyBkZWwgY29udGVuZWRvciBkZXJlY2hvICovXG4gICAgaGVpZ2h0OiA1MCU7IC8qIExhcyBmaWxhcyBvY3VwYW4gZWwgNTAlIGRlbCBjb250ZW5lZG9yIGRlcmVjaG8gKi9cbn1cblxuLmNhbmNpb24taW1hZ2VuIHtcbiAgICB3aWR0aDogMTUwcHg7XG4gICAgaGVpZ2h0OiAxNTBweDtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgb2JqZWN0LWZpdDogY292ZXI7XG59XG5cbi5sZWZ0LWRpdiBoMSxcbi50b3Atcm93LCBoMSxcbi5ib3R0b20tcm93IGgxIHtcbiAgICBtYXJnaW46IDA7XG4gICAgZm9udC1zaXplOiAyZW07XG4gICAgY29sb3I6ICMzMzM7XG59XG5cbi5jYW50YW50ZS1jYW5jaW9uZXMsXG4uY2FuY2lvbi15b3V0dWJlIHtcbiAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xufVxuXG4uY2FudGFudGUtbWllbWJyb3MgaDIsXG4uY2FuY2lvbi15b3V0dWJlIGgyIHtcbiAgICBmb250LXNpemU6IDEuNWVtO1xuICAgIGNvbG9yOiAjMzMzO1xuICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAjMDA3YmZmO1xuICAgIHBhZGRpbmctYm90dG9tOiA1cHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcbn1cblxuLmNhbnRhbnRlLW1pZW1icm9zIHVsIHtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAgcGFkZGluZzogMDtcbn1cblxuLmNhbnRhbnRlLW1pZW1icm9zIGxpIHtcbiAgICBtYXJnaW4tYm90dG9tOiAxMHB4O1xufVxuXG4uY2FudGFudGUtbWllbWJyb3MgYSB7XG4gICAgY29sb3I6ICMwMDdiZmY7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG4uY2FudGFudGUtbWllbWJyb3MgYTpob3ZlciB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG59XG5cbi52aWRlby1jb250YWluZXIge1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cblxuLnZpZGVvLXdyYXBwZXIge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nLWJvdHRvbTogNTYuMjUlOyAvKiAxNjo5ICovXG4gICAgaGVpZ2h0OiAwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQ6ICMwMDA7XG59XG5cbi52aWRlby13cmFwcGVyIGlmcmFtZSB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBib3JkZXI6IDA7XG59Il0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9*/