@import url('base.css');

h2, p {
    color: var(--tertiary-color);
}
a {
    color: var(--primary-color);
}
label {
    color: var(--secondary-color);
}
.container-card {
    font-family: var(--primary-font);
    background-color:var(--card-color);
    color: var(--tertiary-color); 
    min-width:286px;
}
.container-total {
    width:fit-content;
    max-width: fit-content
}

.container-carde{
    width: 300px;
}

.btnEliminarItemCart {
    position: absolute; 
    top: 0; 
    right: 0; 
    margin-right:10px; 
    margin-top:10px; 
    color: var(--tertiary-color); 
    border:none; 
    background:none;
}

/* -------------------------------------------------------------------------------- */

@media (max-width: 936px) {

    .container-total {
        max-width:none;
    }
    .card-title {
        width: 300px;
    }
}
@media (max-width: 720px) {

    .container-carde{
        width: 100%;
    }
}