.myss-bg { background-color: #0a4179; }
.bgimg { background-image: url("/fondo.jpg"); height: 80vh; position: relative; background-position: center;
    background-repeat: no-repeat; background-size: cover; }
.text-right { text-align: right; }
.float-right { float: right; }
.center { text-align: center !important; }
.premio-img { width: 100%; height: 250px; display: block; margin: auto; }
.flecha { background-color: black; border-radius: 5px; background-size: 30px; padding: 25px; }
.top-title { font-size: 2.2rem; color: #b09840; text-shadow: 1px 1px 20px #ddd; text-transform: uppercase; letter-spacing: 5px; }
.text-gold { color: #b09840; font-size: 1.2rem; text-align: justify; }
.text-link { color: #dae2ed; text-decoration: none; }
.text-link:hover,.link-gold:hover { color: #9a7777; text-shadow: 1px 1px 10px; }
.link-gold { color: #b09840; font-size: 1.2rem; text-decoration: none; }

/* RIFAS */
.top-container { align-items: end; display: flex; justify-content: center; position: relative; height: 20vh; }
.catalogo-container { color: #dae2ed; }
.back-link { left: 5%; position: absolute; font-size: 2rem; color: #b09840; text-shadow: 1px 1px 10px #ddd; }
.tip-text { color: #dae2ed; }
.premio-card-img { width: 100%; height: 200px; display: block; margin: auto; }
.catalogo-vacio { text-align: center; font-size: 1.2rem; color: #dae2ed; }
.column-title { text-align: center; font-size: 1.2rem; color: #b09840; padding: 0 1rem; }
.item-text { text-align: center; font-size: 1rem; color: #444; padding: 0 1rem; margin: auto; }
.row-entry-par { padding: 10px 0 10px 0; background-color: rgb(239, 242, 245); }
.row-entry-impar { padding: 10px 0 10px 0; background-color: rgba(110,201,224,0.8); }
.row-entry-canceled { padding: 10px 0 10px 0; background-color: rgba(245, 111, 113, 0.8); }
.row-entry-par:hover, .row-entry-impar:hover, .row-entry-canceled:hover { outline: 1px solid rgba(0,0,0,0.3); }
.thumb-img { width: 50px; }

/* FOOTER */
footer { height: 10vh; background-color: #0b335b; }
.footer-link { display: inline-flex; color: #b09840; padding: 0 25px; font-size: 0.75rem; font-weight: 600; 
    letter-spacing: .1rem; text-decoration: none; text-transform: uppercase; }
.footer-link:hover { text-decoration: none; color: #9a7777; text-shadow: 1px 1px 10px; }
.footer-button { display: inline-flex; width: 30px; height: 30px; color: #b09840; font-size: 18px; 
    border-radius: 10px; justify-content: center; align-items: center; text-decoration: none; }
.footer-button:hover { background: #9a7777; color: white; text-decoration: none; }
.chat-button { display: inline-flex; width: 35px; height: 35px; background-color: #14ca0e; font-size: 24px; 
    border-radius: 10px; justify-content: center; align-items: center; text-decoration: none; color: white; }
.chat-button:hover { background: rgb(224, 227, 222); color: #14ca0e; text-decoration: none; }

/* BOOTSTRAP */
.page-item.active .page-link { background-color: #b09840; border-color: transparent; border-radius: 8px; }
.page-link { color: #b09840; background-color: unset; border-color: transparent; }
.page-item.disabled .page-link { background-color: unset; border-color: transparent; }
.nav-item { padding-right: 15px; }
.table-hover>tbody>tr:hover>*{--bs-table-accent-bg:rgb(233, 216, 194, 0.1);}
.card { background-color: transparent !important; border: unset !important; border-bottom: solid 2px #625f5b !important; /*box-shadow: 2px 2px 1px 0px #625f5b;*/ }
.card-title { font-size: 1.5rem; color: #b09840; }

@media only screen and (max-width: 600px) {
    .navbar { box-shadow: 1px 1px 10px currentColor; border-bottom-right-radius: 100px; background-color: rgba(10, 65, 127, 0.9); }
    .caption { position: absolute; top: 85%; width: 80%; text-align: center; }
    .caption span.title { color: #c8a724; font-size: 18px; letter-spacing: 2px; line-height: 24px;
                            text-shadow: 2px 2px 15px #7e7a6a; }
    .caption span.subtitle { color: #b5b090; font-size: 14px; letter-spacing: 2px; }
    .patrocinador { color: #b09840; font-size: 0.9rem; text-align: justify; font-weight: 200; }
    .footer { height: 15vh; }
    .footer-link { font-size: 0.6rem; }
    .top-title { font-size: 1.2rem; letter-spacing: 1px; }
    .back-link { font-size: 1rem; }
    .punto-pad { padding: 1rem; }
}

@media only screen and (min-width: 601px) {
    .navbar { box-shadow: 1px 1px 10px currentColor; border-bottom-left-radius: 100px; background-color: rgba(10, 65, 127, 0.9); }
    .caption { position: absolute; top: 70%; width: 40%; text-align: center; }
    .caption span.title { color: #c8a724; font-size: 30px; letter-spacing: 5px; line-height: 60px;
                            text-shadow: 2px 2px 15px #7e7a6a; }
    .caption span.subtitle { color: #b5b090; font-size: 22px; letter-spacing: 4px; }
    .patrocinador { color: #b09840; font-size: 1.1rem; text-align: justify; font-weight: 200; }
    .footer { height: 10vh; }
    .footer-link { font-size: 0.75rem; }
    .top-title { font-size: 2.2rem; letter-spacing: 5px; }
    .back-link { font-size: 2rem; }
    .punto-pad { padding: 3rem; }
}

/* PRIVACIDAD */

.privacy-top { text-align: center; }
#logo-privacy { width: 100px; display: inline-block; }
.privacy-title { color: #b09840; text-align: center; }
.privacy-updated { color: #777; }
.privacy-text { color: #dae2ed; text-align: justify; font-size: 1.1rem; }
.privacy-term { color: #dae2ed; text-align: left; font-size: 1.4rem; }
.privacy-subterm { color: #dae2ed; text-align: left; font-size: 1.2rem; }
.privacy-link { color: #b5b090; }