/* Main font */
@font-face { font-family: 'Myriad Pro';          font-weight: normal;                      src: url("fonts/MyriadProRegular.otf");        }
@font-face { font-family: 'Myriad Pro';          font-weight: bold;                        src: url("fonts/MyriadProBold.otf");           }
@font-face { font-family: 'Myriad Pro';                               font-style:  italic; src: url("fonts/MyriadProItalic.ttf");         }
@font-face { font-family: 'Myriad Pro';          font-weight: bold;   font-style:  italic; src: url("fonts/MyriadProBoldItalic.otf");     }

@font-face { font-family: 'Hello Paris';         font-weight: normal;                      src: url("fonts/HelloParisSerifRegular.ttf");  }

@font-face { font-family: 'Cinzel Decorative';   font-weight: normal;                      src: url("fonts/CinzelDecorativeRegular.ttf"); }
@font-face { font-family: 'Cinzel Decorative';   font-weight: bold;                        src: url("fonts/CinzelDecorativeBold.ttf");    }

:root {
    --main-color:     #e3a365;
    --alt-color:      #b48151;
    --darker-color:   #906640;
    --darkest-color:  #543821;
    --darkest-color2: #1e140c;
    --lighter-color:  #fcf1d9;
    --main-gradient:  linear-gradient(0deg, rgba(41,26,15,1) 0%, rgba(131,78,34,1) 5%, rgba(246,229,136,1) 14%, rgba(141,92,37,1) 21%, rgba(231,184,100,1) 34%, rgba(247,231,135,1) 46%, rgba(138,95,60,1) 62%, rgba(229,184,99,1) 80%, rgba(95,58,22,1) 100%);
}

* { box-sizing: border-box; }
.clearfix::after { content: ""; clear: both; display: table; }

body     { margin: 0; padding: 0; 
           background: black url('city.jpg') top left repeat-y;
           background-size: 100% auto; }
body, td { font-family: 'Myriad Pro', Arial, Helvetica, sans-serif; font-size: 12pt; }
#content { background-color: white; }

/* Styles to make the page fill the viewport and keep the footer at the bottom. */
/*body     { display: flex; flex-direction: column; min-height: 100vh; }*/
/*#content { flex: 1; }*/

h1, h2, h3 { margin-top: 20px; }

body      { color: black; }
a:link    { color: var(--main-color); }
a:active  { color: var(--alt-color); }
a:hover   { color: var(--alt-color); }
a:visited { color: var(--darker-color); }

.pseudo-link         { color: var(--main-color); cursor: pointer; }
.pseudo-link:active  { color: var(--alt-color); }
.pseudo-link:hover   { color: var(--alt-color); }

.segment { margin-bottom: 20px; }
.segment:last-child { margin-bottom: 0; }
.segment:last-child *:last-child { margin-bottom: 0; }

body.standard-document .segment { padding: 20px; }

.h1, h1 { font-family: 'Hello Paris', 'Times New Roman', sans-serif;  }

.h2, .h3, .h4, .h5, .h6 ,
 h2,  h3,  h4,  h5,  h6 { font-family: 'Cinzel Decorative', 'Times New Roman', sans-serif; font-variant: small-caps; }

.modelo-portada h1 { font-family: 'Hello Paris', cursive;
                     font-size: 5rem; line-height: 4rem; margin-top: -20px; padding-bottom: 20px;
                     background: var(--main-gradient);
                     -webkit-background-clip: text;
                     -webkit-text-fill-color: transparent;
                     -webkit-text-stroke: 1px var(--darkest-color);
                     text-shadow: 2px 2px 4px var(--darker-color);
                     }

#content.multicol-container                    { display: flex; align-items: stretch; }
#content.multicol-container .main-col          { padding: 20px; width: calc(100% - 200px); }
#content.multicol-container .sidebar           { width: 200px; text-align: center;
                                                 background: var(--lighter-color) url('marble_blurred.jpg') repeat; }
#content.multicol-container .sidebar section   { margin-bottom: 20px; }
#content.multicol-container .sidebar a         { display: block; padding-top: 2px; padding-bottom: 2px;
                                                 font-size: 1.1em; }
#content.multicol-container .sidebar a:visited { color: var(--main-color); }

/******************
 * Header, footer *
 ******************/

#header { position: relative; }

#header .logo { padding: 20px 0 0 0; }

#header .logo img { width: 100%; }

#header .logo { position: relative; }
#header_video { position: absolute; left: 0; right: 0; height: 320px; margin-top: -150px; z-index: 1;
                mix-blend-mode: color-dodge; filter: hue-rotate(196deg); pointer-events: none; }

#header_video video { object-fit: cover; width: 100%; height: 100%; }

#page_menu {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}

#page_menu > div {
    display: inline-block;
    flex-grow: 1;
    flex-shrink: 1;
    overflow: unset !important;
    z-index: 2;
    text-shadow: 0 0 10px black, 0 0 10px black, 0 0 10px black;
}

#page_menu a {
    display: inline-block;
    width: 100%;
    margin: 0 10px;
    padding: 1px;
    font-size: 1.4em;
}

#page_menu a:link    { color: var(--main-color) !important; }
#page_menu a:active  { color: var(--main-color) !important; }
#page_menu a:visited { color: var(--main-color) !important; }

#modelos_selector { padding-top: 5px; text-shadow: none !important; }

#footer { text-align: center; }

/********************************************
 * These must go at the end of main classes *
 ********************************************/

html.popup body     { background: white; }
html.popup #content { margin: 0; }

/* Responsiveness */
@media all and (min-width: 1201px) { body { padding: 0  5%; } }
@media all and (min-width: 1280px) { body { padding: 0 15%; } }
@media all and (max-width: 1200px) { body { padding: 0  1%; } }

/**********
 * Roster *
 **********/

.miniaturas_container {
    display: block;
    text-align: center;
}

.miniaturas_container .miniaturas_row {
    /*display: flex;*/
    flex-wrap: nowrap;
    align-items: stretch;
    overflow-x: hidden;
    
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    padding: 5px 0;
}

.miniaturas_container .miniaturas_row .item {
    display: inline-block;
    background: var(--main-gradient);
    /*margin: 10px;*/
    padding: 10px;
    /*flex-basis: 20%;*/
    /*width: 20%;*/
    overflow: hidden;
}

.miniaturas_container .miniaturas_row .item .image {
    display: block;
}

.miniaturas_container .miniaturas_row .item .image img {
    border: 1px solid;
    width: 100%;
    height: auto !important;
}

.miniaturas_container .miniaturas_row .item .td_nombre_chica {
    display: block; position: relative; height: 3em; padding-top: 10px; overflow: hidden;
}

.miniaturas_container .miniaturas_row .item .td_nombre_chica .roster_chica_links {
    display: inline-block; width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13pt;
    line-height: 14pt; max-height: 28pt;
}

/*.td_nombre_chica .roster_chica_links br { display: none; }*/

.miniaturas_container .miniaturas_row .item .td_telefono_chica {
    display: block;
}

/* Home cities */

.splash_banner_top { 
    width: calc(100% - 40px); margin: 0 20px 40px 20px;
}

body[data-tag="home"] .recuadros_ciudades {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding: 40px 20px;
}

body[data-tag="home"] .recuadro_ciudad .nombre_ciudad {
    font-size: 1.5em; color: white !important;
    font-family: 'Cinzel Decorative', 'Times New Roman', sans-serif;
    font-variant: small-caps;
}

body[data-tag="home"] .recuadro_ciudad {
    margin: 0;
}

body[data-tag="home"] .miniaturas_container .miniaturas_row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body[data-tag="home"] .miniaturas_container .miniaturas_row .item {
    /*margin: 5px;*/
    padding: 5px;
    /*flex-basis: 25%;*/
    /*width: 25%;*/
    font-size: 13pt;
    line-height: 14pt;
}

body[data-tag="home"] .miniaturas_container .miniaturas_row .item .td_nombre_chica {
    height: 40px;
    overflow: hidden;
    padding-top: 5px;
}

body:not([data-tag="home"]) .miniaturas_container .miniaturas_row .item .td_nombre_chica {
    height: 1.4em;
    overflow: visible;
    padding-top: 5px;
}

body[data-tag="novedades"] .miniaturas_container .miniaturas_row .item .td_nombre_chica:first-child {
    height: auto; padding-top: 0; margin-bottom: 5px; overflow: visible;
}

body:not([data-tag="home"]) .miniaturas_container .miniaturas_row .item .td_nombre_chica .roster_chica_links {
    height: auto;
    overflow: visible;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 0;
    top: 0;
    transform: translateY(0);
    max-height: 14pt;
}

/* News */

body[data-tag="novedades"] .miniaturas_container.novedades_chicas_nuevas .miniaturas_row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body[data-tag="novedades"] .miniaturas_container.novedades_chicas_nuevas .miniaturas_row .item {
    /*flex-basis: 25%;*/
    /*width: 25%;*/
}

body[data-tag="novedades"] .miniaturas_container .miniaturas_row .item {
    font-size: 17pt;
    line-height: 18pt;
}

body[data-tag="novedades"] .miniaturas_container .miniaturas_row .item a .td_nombre_chica {
    display: inline-block; width: 100%;
    height: 1.1em; overflow: visible; margin-top: 5px; padding-top: 0;
}

body[data-tag="novedades"] .miniaturas_container .miniaturas_row .item a .td_nombre_chica > span {
    position: relative; display: inline-block; width: 100%;
    height: 1.5em; line-height: normal; margin-bottom: -0.5em;
    top: 0; transform: translateY(0);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    
}

body[data-tag="novedades"] .novedades_listas_bullet {
    font-size: 16pt;
}

/* Etc */

.miniaturas_container .miniaturas_row .item:empty { display: none; }

.miniaturas_container .item a         { text-shadow: -1px -1px 10px white,
                                                     -1px  1px 10px white, 
                                                      1px  1px 10px white,
                                                      1px -1px 10px white; }
.miniaturas_container .item a:link    { color: var(--darkest-color); }
.miniaturas_container .item a:active  { color: var(--alt-color); }
.miniaturas_container .item a:hover   { color: var(--alt-color); }
.miniaturas_container .item a:visited { color: var(--darkest-color2); }

#selector_de_pagina { display: none; }

.modelo-portada .imagen-portada { width: 100%; }

.home-portada .anchor           { display: flex; align-items: center; justify-content: center; position: relative; }
.home-portada .portrait         { width: 35%; padding: 20px; z-index: 2; }
.home-portada .title            { width: 65%; z-index: 2; text-align: center; padding: 20px;
                                  color: white !important; text-shadow: 2px 2px 5px black;
                                  font-family: 'Cinzel Decorative', 'Times New Roman', sans-serif; font-variant: small-caps;
                                  font-size: 3em; text-decoration: underline;
                                  text-decoration-color: var(--darker-color); }
.home-portada .marquee          { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: black; }
.home-portada .marquee marquee  { opacity: 0.5; filter: blur(1px); }
.home-portada .marquee .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .5); }
.home-portada .marquee *        { height: 100%; }
.home-portada .portrait img     { width: 100%; border: 1px solid; }

body[data-tag="perfil"] .galerias                  { position: relative; }
body[data-tag="perfil"] .galerias table.galeria    { display: inline-block; width: 100%; white-space: nowrap;
                                                     margin: 20px 0; border: 1px solid black;
                                                     overflow: auto; overflow-y: hidden; text-align: center;
                                                     background: url('marble_blurred.jpg') top left repeat; }
body[data-tag="perfil"] .galerias table.galeria tbody { display: inline-block; }
body[data-tag="perfil"] .galerias table.galeria tr { display: inline-block; }
body[data-tag="perfil"] .galerias table.galeria td { display: inline-block; }
body[data-tag="perfil"] .galerias .scrolling-hint  { vertical-align: top; color: white; background-color: black;
                                                     cursor: pointer; position: relative; text-align: center;
                                                     display: inline-block; width: 24px; top: 20px; }

.feed-items-container {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.feed-items-container .feed-item {
    display: inline-block;
    background: var(--main-gradient);
    margin: 10px;
    padding: 10px;
    flex-grow: 1;
    flex-shrink: 1;
    max-width: calc(50% - 20px);
    font-size: 14pt; line-height: normal;
}

.feed-items-container .feed-item .title {
    font-size: 0.8em;
}

.feed-items-container .feed-item .thumbnail {
    border: 1px;
    height: 220px;
    background: transparent center center no-repeat;
    background-size: cover;
}

.feed-items-container .feed-item a         { text-shadow: -1px -1px 10px var(--darkest-color2),
                                                          -1px  1px 10px var(--darkest-color2),
                                                           1px  1px 10px var(--darkest-color2),
                                                           1px -1px 10px var(--darkest-color2); }
.feed-items-container .feed-item a:link    { color: white; }
.feed-items-container .feed-item a:active  { color: lightgoldenrodyellow; }
.feed-items-container .feed-item a:hover   { color: palegoldenrod; }
.feed-items-container .feed-item a:visited { color: gold; }

.profile-video { width: 100%; max-height: 50vh; min-height: 300px; background-color: black;
                 border: 1px solid black; }

.inline-block { display: inline-block; }
.nowrap       { white-space: nowrap; }

/************
 * Calendar *
 ************/

.calendario_container { padding: 0; display: block; width: 100%; vertical-align: top; margin-bottom: 20px; }
.calendario_container:first-child { padding-right: 6px; }
.calendario_container.item_container { width: auto; padding: 0; display: block; vertical-align: top; }

.calendario_mes { width: 100%; border: 1px solid black; }
.calendario_mes th, .calendario_mes td { width: 14.28%; padding: 2px; border: 1px solid silver; vertical-align: top; }
.calendario_mes th { text-align: center; }
.calendario_mes .nombre_mes { font-size: 12pt; }
.calendario_mes tbody .numero { float: right; background-color: silver; color: black; padding: 2px 4px;
                                width: 16px; text-align: right; font-size: 7pt; 
                                -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.calendario_mes tbody .numero.fuera_de_rango { color: white !important; background-color: #808080 !important; }
.calendario_mes tbody .numero.ui-state-active { color: white !important; background: var(--main-color) !important; }
.calendario_mes tbody .entradas { min-height: 40px; clear: both; }
.calendario_mes tbody .entradas .entrada { display: block; font-size: 8pt; padding: 1px 0; text-align: center; margin-bottom: 4px;
                                           -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.calendario_mes tbody .entradas .entrada:last-child { margin-bottom: 0; }
.calendario_mes tbody .celda_fecha.ui-state-active .entrada { color: white !important; background: var(--main-color) !important; }
.dieresis { font-family: 'Myriad Pro', Arial, Helvetica, sans-serif; font-size: 7pt; }


.ciudades_selector                        { text-align: justify; }
.ciudades_selector .item                  { display: inline-block; padding: 0 3px; margin: 0 5px 5px 0; }
.ciudades_selector .item.ui-state-default       { color: black; }
/* .ciudades_selector .item.ui-state-default.muted { color: gray; } */
.ciudades_selector .item.ui-state-active        { background: var(--main-color); color: white !important; }
.ciudades_selector .elige_una_ciudad { display: inline-block; }

.dc_root .dc_nombre_modelo {
    display: inline-block; padding: 1px 6px;
    color: white; background-color: var(--darker-color);
}

/*******************
 * Framed contents *
 *******************/

#page_menu.S_BORDER, #footer .content.S_BORDER {
    
    padding:             40px;
    min-height:          119px;
    
    background-image:    url('placer1/topleft.png')        ,
                         url('placer1/toptileleft.png')    ,
                         url('placer1/lefttiletop.png')    ,
                         url('placer1/topcenter.png')      ,
                         url('placer1/lefttilebottom.png') ,
                         url('placer1/toptileright.png')   ,
                         url('placer1/topright.png')       ,
                         url('placer1/righttiletop.png')   ,
                         url('placer1/righttilebottom.png'),
                         url('placer1/leftcenter.png')     ,
                         url('placer1/rightcenter.png')    ,
                         url('placer1/bottomleft.png')     ,
                         url('placer1/bottomtileleft.png') ,
                         url('placer1/bottomcenter.png')   ,
                         url('placer1/bottomtileright.png'),
                         url('placer1/bottomright.png')    ,
                         url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkqAcAAIUAgUW0RjgAAAAASUVORK5CYII=),
                         url('marble_blurred.jpg')         
                         ;
    
    background-position: top                left             ,
                         35px               0                ,
                         0                  35px             ,
                         top                center           ,
                         0                  calc(100% - 35px),
                         calc(100% - 35px)  0                ,
                         top                right            ,
                         100%               35px             ,
                         100%               calc(100% - 35px),
                         left               center           ,
                         right              center           ,
                         bottom             left             ,
                         35px               100%             ,
                         bottom             center           ,
                         calc(100% - 35px)  100%             ,
                         bottom             right            ,
                         25px               25px             ,
                         top                left             
                         ;
    
    background-size:     35px             35px              ,
                         calc(50% - 61px) 35px              ,
                         35px             calc(50% - 60px)  ,
                         51px             35px              ,
                         35px             calc(50% - 59px)  ,
                         calc(50% - 60px) 35px              ,
                         35px             35px              ,
                         35px             calc(50% - 60px)  ,
                         35px             calc(50% - 59px)  ,
                         35px             49px              ,
                         35px             49px              ,
                         35px             35px              ,
                         calc(50% - 62px) 35px              ,
                         51px             35px              ,
                         calc(50% - 60px) 35px              ,
                         35px             35px              ,
                         calc(100% - 25px) calc(100% - 25px),
                         auto                               
                         ;
    
    background-repeat:   no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat,
                         repeat
                         ;
}

#page_menu, #footer .content {
    position:            relative;
    padding:             20px;
    background:          url('marble_blurred.jpg') top left repeat;
}

#page_menu:before, #footer .content:before {

    display:             block;
    position:            absolute;
    pointer-events:      none;
    content:             "";
    top:                 0;
    left:                0;
    width:               100%;
    height:              100%;
    filter:              drop-shadow(0 0 10px black);
    
    background-image:    url('placer3b/top_left.png')    ,
                         url('placer3b/top.png')         ,
                         url('placer3b/top_right.png')   ,
                         url('placer3b/left.png')        ,
                         url('placer3b/right.png')       ,
                         url('placer3b/bottom_left.png') ,
                         url('placer3b/bottom.png')      ,
                         url('placer3b/bottom_right.png')
                         ;
    
    background-position: top              left,
                         9px              0,
                         top              right,
                         1px              9px,
                         calc(100% - 1px) 9px,
                         bottom           left,
                         9px              100%,
                         bottom           right
                         ;
    
    background-size:     auto                auto,
                         calc(100% - 18px)   9px,
                         auto                auto,
                         8px                 calc(100% - 18px),
                         8px                 calc(100% - 18px),
                         auto                auto,
                         calc(100% - 18px)   9px,
                         auto                auto
                         ;
    
    background-repeat:   no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat 
                         ;
}

/* #page_menu:after, */ #footer .content:after {

    display:             block;
    position:            absolute;
    pointer-events:      none;
    content:             "";
    top:                 -40px;
    left:                -40px;
    width:               calc(100% + 80px);
    height:              calc(100% + 80px);
    mix-blend-mode:      screen;
    opacity:             .6;
    
    background-image:    url('placer3b/top_shine.png'),
                         url('placer3b/spacer.png')   ,
                         url('placer3b/spacer.png')   ,
                         url('placer3b/spacer.png')
                         ;
    
    background-position: calc(100% - 100px) 0,
                         0                  0,
                         calc(100% + 32px)  -10px,
                         50px               calc(100% + 32px)
                         ;
    
    background-repeat:   no-repeat,
                         no-repeat,
                         no-repeat /*,
                         no-repeat  */
                         ;
    
    animation:           placer3b_anim 10s infinite ease-in-out;
}

#footer .content:after { animation: none; display: none; }

@keyframes placer3b_anim {
    0% {
        background-position: calc(100% - 100px) 0,
                             0                  0,
                             calc(100% + 32px)  -10px,
                             50px               calc(100% + 32px)
                             ;
    }
    50% {
        background-position: 100px              0,
                             /*0                  calc(100% + 70px),*/
                             /*calc(100% + 32px)  -50px,*/
                             /*calc(100% - 50px)  calc(100% + 32px)*/
                             0                  0,
                             calc(100% + 32px)  -10px,
                             50px               calc(100% + 32px)
                             ;
    }
    100% {
        background-position: calc(100% - 100px) 0,
                             0                  0,
                             calc(100% + 32px)  -10px,
                             50px               calc(100% + 32px)
                             ;
    }
}

.miniaturas_container, .framed_content {
    
    position:            relative;
    padding:             10px;
    border-radius:       40px;
    background:          url('marble_blurred.jpg') top left repeat;
}

.miniaturas_container:before, .framed_content:before {
    
    display:             block;
    position:            absolute;
    pointer-events:      none;
    content:             "";
    top:                 -10px;
    left:                -10px;
    width:               calc(100% + 20px);
    height:              calc(100% + 20px);
    filter:              drop-shadow(0 0 5px black);
    
    background-image:    url('placer2/topleft.png')    ,
                         url('placer2/toptile.png')    ,
                         url('placer2/topright.png')   ,
                         url('placer2/lefttile.png')   ,
                         url('placer2/righttile.png')  ,
                         url('placer2/bottomleft.png') ,
                         url('placer2/bottomtile.png') ,
                         url('placer2/bottomright.png') 
                         ;
    
    background-position: top    left,
                         46px   0,
                         top    right,
                         0      46px,
                         100%   46px,
                         bottom left,
                         46px   100%,
                         bottom right
                         ;
    
    background-size:     auto              auto,
                         calc(100% - 92px) 46px,
                         auto              auto,
                         46px              calc(100% - 92px),
                         46px              calc(100% - 92px),
                         auto              auto,
                         calc(100% - 92px) 46px,
                         auto              auto
                         ;
    
    background-repeat:   no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat,
                         no-repeat
                         ;
}

#menu_container  { overflow: hidden; }
#page_menu       { padding: 20px; }
#footer .content { padding: 30px; }

.miniaturas_container, .framed_content { margin: 20px 0; }

body[data-tag="home"] .recuadro_ciudad .miniaturas_container { margin: 0; }

#header           , #footer           , .framed_content           { color: white; }
#header a:link    , #footer a:link    , .framed_content a:link    { color: var(--darker-color); }
#header a:active  , #footer a:active  , .framed_content a:active  { color: var(--alt-color); }
#header a:hover   , #footer a:hover   , .framed_content a:hover   { color: var(--alt-color); }
#header a:visited , #footer a:visited , .framed_content a:visited { color: var(--darker-color); }

body[data-tag="home"] .recuadros_ciudades .recuadro_ciudad .miniaturas_container:before { display: none; }
body[data-tag="home"] .recuadros_ciudades .recuadro_ciudad .miniaturas_container {
    padding: 0;
    background: none;
    min-height: unset;
}

body[data-tag="home"] .recuadros_ciudades .recuadro_ciudad a:not(.roster_chica_links) {
    color: white !important;
}

body[data-tag="home"] .miniaturas_container .item a         { text-shadow: -1px -1px 10px var(--darkest-color2),
                                                                           -1px  1px 10px var(--darkest-color2), 
                                                                            1px  1px 10px var(--darkest-color2),
                                                                            1px -1px 10px var(--darkest-color2); }
body[data-tag="home"] .miniaturas_container .item a:link    { color: white; }
body[data-tag="home"] .miniaturas_container .item a:active  { color: lightgoldenrodyellow; }
body[data-tag="home"] .miniaturas_container .item a:visited { color: palegoldenrod; }
body[data-tag="home"] .miniaturas_container .item a:hover   { color: gold; }

/***********
 * Sidebar *
 ***********/

#sidebar-nav a         { color: var(--lighter-color); text-shadow: 0 0 20px black, 0 0 20px black, 0 0 20px black; }
#sidebar-nav a:active  ,
#sidebar-nav a:visited { color: var(--lighter-color) !important; }
#sidebar-nav a:hover   { color: var(--main-color) !important; }

#sidebar-twitter a {
    display: inline-block;
    width: calc(100% - 40px);
    margin: 20px 20px 0 20px;
    padding: 5px 0;
    color: white;
    background-color: #1DA1F2;
    border-radius: 10px;
    font-size: 0.9em;
}

#sidebar-search { white-space: nowrap; padding: 0 10px; }
#sidebar-search select.combobox { width: 180px; }
#sidebar-search .input-group input { width: 160px; }

/***************************************
 * Selected item on navbar and sidebar *
 ***************************************/

body[data-ver-de*="pagina-"] #page_menu a.ciudad-principal,
body[data-ver-de*="pagina-"] #sidebar-nav a.ciudad-principal,
.highlighted, .highlighted:active, .highlighted:link, .highlighted:visited, .highlighted:hover {
    color: black !important;
    background-color: var(--main-color) !important;
    text-shadow: none;
}
#page_menu .highlighted         ,
#page_menu .highlighted:active  ,
#page_menu .highlighted:link    ,
#page_menu .highlighted:visited ,
#page_menu .highlighted:hover   {
    color: black !important;
    background-color: var(--main-color) !important;
}

/***********
 * Banners *
 ***********/

.banner {
    display: inline-block;
    background: black url('logo_square.png') center center no-repeat;
    background-size: 90%;
    position: relative;
    color: white;
    overflow: hidden;
}
.banner a:link    { color: white; }
.banner a:hover   { color: white; }
.banner a:active  { color: white; }
.banner a:visited { color: white; }

.sidebar-banner { width: 200px; height: 300px; }
.profile-banner { width: 320px; height: 140px; }

/********************
 * City Backgrounds *
 ********************/

body[data-ver-de*="pagina-"]      { background-image: url('backgrounds/cdmx_2.jpg'); }
body[data-ver-de="id-ciudad-373"] { background-image: url('backgrounds/queretaro.jpg'); }
body[data-ver-de="id-ciudad-99"]  { background-image: url('backgrounds/puebla.jpg'); }
body[data-ver-de="id-ciudad-364"] { background-image: url('backgrounds/toluca.jpg'); }

/**********
 * Others *
 **********/

#disclaimer_slide {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    bottom: 0;
    background: rgba(0, 0, 0, .9) url('logo_square.png') center center no-repeat;
    background-size: contain;
    backdrop-filter: blur(5px);
    z-index: 10000;
}

/*
#disclaimer_slide video {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    object-position: center; object-fit: cover;
}
*/

#disclaimer_slide .text {
    display: inline-block;
    position: absolute; bottom: calc(10% + 40px); left: 50%; transform: translateX(-50%);
    font-size: 1.2em; line-height: normal;
    vertical-align: middle;
    text-align: center;
    color: white;
    background-color: var(--darker-color);
    border-radius:  10px;
    padding: 10px;
    box-shadow: 5px 5px 20px black;
    width: 95vw;
    max-width: 500px;
}


.backto_link, .backto_link:link, .backto_link:active, .backto_link:hover, .backto_link:visited {
    color: var(--darkest-color);
    background-color: var(--main-color);
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 10pt;
    font-weight: bold;
}