@charset "UTF-8";
/* CSS Document */
/* ANCHOR: CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  line-height: 1.2;
}

*, *:before, *:after {
  box-sizing: border-box;
}

input[type=text], input[type=password] {
  appearance: none;
  border: 1px solid black;
  font-size: 1em;
  padding: 3px 5px;
  min-height: 35px;
  border-radius: 5px;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari y Chrome */
}

button, input[type=submit] {
  appearance: none;
  border: none;
  background-color: white;
  color: black;
  min-height: 35px;
  padding: 3px 10px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari y Chrome */
  font-size: 1em;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

button:active, input[type=submit]:active, input[type=image]:active {
  box-shadow: none; /* Quita la sombra al presionar */
  transform: translateY(2px); /* Simula que el botón se hunde ligeramente */
}

button.button_contrast, input[type=submit].button_contrast {
  background-color: #FFC8C8;
  color: #505EEF;
}

button.button_middle, input[type=submit].button_middle {
  background-color: #CDC8FA;
  color: black;
}

button.button_dark, input[type=submit].button_dark {
  background-color: #505EEF;
  color: white;
}

button.button_dark_red, input[type=submit].button_dark_red {
  background-color: rgb(160, 0, 0);
  color: white;
}

input[type=checkbox] {
  min-height: 35px;
}

textarea {
  display: block;
  border: 1px solid black;
  font-size: 1em;
  padding: 5px;
  resize: vertical;
  outline: none;
  border-radius: 10px;
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari y Chrome */
}

.textarea_r5 {
  border-radius: 5px;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari y Chrome */
}

label {
  min-height: 35px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

input[type=image]:not(.pic_button) {
  height: auto;
  all: uset;
  cursor: pointer;
  border: none;
  padding: 0;
  user-select: none;
  border-radius: 5px;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari y Chrome */
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15); /* Sombra suave */
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.input_error, .select_error {
  background-color: #FFC8C8;
}

.email_tmp {
  color: rgb(160, 0, 0);
}

input:focus, select:focus {
  outline: none;
}

select {
  min-height: 35px;
  appearance: none;
  font-size: 1em;
  padding: 5px 28px 5px 10px;
  border: 1px solid black;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><path fill="black" d="M0 2.5l5 5 5-5z"/></svg>') no-repeat right 10px center;
  background-color: #ffffff;
  border-radius: 5px;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari y Chrome */
  color: black;
}

img {
  user-select: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1.2;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

label {
  cursor: default;
}

html {
  overflow-y: scroll;
}

/* ANCHOR: FUENTES */
@font-face {
  font-family: audiowide;
  src: url("audiowide.eot"); /* EOT file for IE */
}
@font-face {
  font-family: audiowide;
  src: url("audiowide.ttf"); /* TTF file for CSS3 browsers */
}
@font-face {
  font-family: yanone;
  src: url("yanone.eot"); /* EOT file for IE */
}
@font-face {
  font-family: yanone;
  src: url("yanone.ttf"); /* TTF file for CSS3 browsers */
}
@font-face {
  font-family: Titillium;
  src: url("titillium.woff2"); /* TTF file for CSS3 browsers */
}
/* GENERAL */
body {
  background-color: #CDC8FA;
  font-family: arial, verdana;
  color: black;
  line-height: 1.2;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
}

/* GENERAL | Amarillo - Blanco */
a {
  cursor: pointer;
}

a:link {
  color: #FFC8C8;
  text-decoration: none;
  font-size: 1em;
}

a:visited {
  color: #FFC8C8;
}

a:hover {
  color: #CDC8FA;
  text-decoration: none;
  font-size: 1em;
}

.a_dark_1:link {
  color: #505EEF;
  text-decoration: none;
  font-size: 1em;
}

.a_dark_1:visited {
  color: #505EEF;
}

.a_dark_1:hover {
  color: #06244F;
}

.a_dark_2:link {
  color: #505EEF;
  text-decoration: none;
  font-size: 1.1em;
}

.a_dark_2:visited {
  color: #505EEF;
}

.a_dark_2:hover {
  color: #06244F;
}

.a_bright_1:link {
  color: #FFC8C8;
  text-decoration: none;
  font-size: 1em;
}

.a_bright_1:visited {
  color: #FFC8C8;
}

.a_bright_1:hover {
  color: #CDC8FA;
}

.a_flash:link {
  color: rgb(160, 0, 0);
  text-decoration: none;
  font-size: 1em;
}

.a_flash:visited {
  color: rgb(160, 0, 0);
}

.a_flash:hover {
  color: rgb(110, 0, 0);
}

.link_a1_1:link {
  color: #FFC8C8;
  text-decoration: none;
  font-size: 1em;
}

.link_a1_1:visited {
  color: #FFC8C8;
}

.link_a1_1:hover {
  color: #CDC8FA;
  text-decoration: none;
  font-size: 1em;
}

.link_a1_2:link {
  color: #FFC8C8;
  text-decoration: none;
  font-size: 1.1em;
}

.link_a1_2:visited {
  color: #FFC8C8;
}

.link_a1_2:hover {
  color: #CDC8FA;
  text-decoration: none;
  font-size: 1.1em;
}

.link_b1_1:link {
  color: #505EEF;
  text-decoration: none;
  font-size: 1em;
}

.link_b1_1:visited {
  color: #505EEF;
}

.link_b1_1:hover {
  color: #06244F;
  text-decoration: none;
  font-size: 1em;
}

.link_b1_2:link {
  color: #505EEF;
  text-decoration: none;
  font-size: 1.1em;
}

.link_b1_2:visited {
  color: #505EEF;
}

.link_b1_2:hover {
  color: #06244F;
  text-decoration: none;
  font-size: 1.1em;
}

.link_d1_1:link {
  color: #FFC8C8;
  text-decoration: none;
  font-size: 1em;
}

.link_d1_1:visited {
  color: #FFC8C8;
}

.link_d1_1:hover {
  color: #CDC8FA;
  text-decoration: none;
  font-size: 1em;
}

.link_d1_2:link {
  color: #FFC8C8;
  text-decoration: none;
  font-size: 1.1em;
}

.link_d1_2:visited {
  color: #FFC8C8;
}

.link_d1_2:hover {
  color: #CDC8FA;
  text-decoration: none;
  font-size: 1.1em;
}

.link_d2_1:link {
  color: rgb(100, 100, 100);
  text-decoration: none;
  font-size: 1em;
}

.link_d2_1:visited {
  color: rgb(100, 100, 100);
}

.link_d2_1:hover {
  color: white;
  text-decoration: none;
  font-size: 1em;
}

.link_d2_2:link {
  color: rgb(100, 100, 100);
  text-decoration: none;
  font-size: 1.1em;
}

.link_d2_2:visited {
  color: rgb(100, 100, 100);
}

.link_d2_2:hover {
  color: white;
  text-decoration: none;
  font-size: 1.1em;
}

/* Rojo - Blanco | Antes: link_red2 */
.link_e1_1:link {
  color: rgb(255, 120, 120);
  text-decoration: none;
  font-size: 1em;
}

.link_e1_1:visited {
  color: rgb(255, 120, 120);
}

.link_e1_1:hover {
  color: #CDC8FA;
  text-decoration: none;
  font-size: 1em;
}

.link_e1_2:link {
  color: rgb(255, 120, 120);
  text-decoration: none;
  font-size: 1.1em;
}

.link_e1_2:visited {
  color: rgb(255, 120, 120);
}

.link_e1_2:hover {
  color: #CDC8FA;
  text-decoration: none;
  font-size: 1.1em;
}

/* Rojo - Negro */
.link_e2_1:link {
  color: rgb(160, 0, 0);
  text-decoration: none;
  font-size: 1em;
}

.link_e2_1:visited {
  color: rgb(160, 0, 0);
}

.link_e2_1:hover {
  color: black;
  text-decoration: none;
  font-size: 1em;
}

.link_e2_2:link {
  color: rgb(160, 0, 0);
  text-decoration: none;
  font-size: 1.1em;
}

.link_e2_2:visited {
  color: rgb(160, 0, 0);
}

.link_e2_2:hover {
  color: black;
  text-decoration: none;
  font-size: 1.1em;
}

/* Verde - Naranja  */
.link_f1_1:link {
  color: rgb(0, 255, 0);
  text-decoration: none;
  font-size: 1em;
}

.link_f1_1:visited {
  color: rgb(0, 255, 0);
}

.link_f1_1:hover {
  color: #CDC8FA;
  text-decoration: none;
  font-size: 1em;
}

.link_f1_2:link {
  color: rgb(0, 255, 0);
  text-decoration: none;
  font-size: 1.1em;
}

.link_f1_2:visited {
  color: rgb(0, 255, 0);
}

.link_f1_2:hover {
  color: #CDC8FA;
  text-decoration: none;
  font-size: 1.1em;
}

/* ENTRAR | Amarillo - Naranja */
.link_entrar:link {
  color: #FFC8C8;
  text-decoration: none;
  font: bold 60px yanone;
}

.link_entrar:visited {
  color: #FFC8C8;
  font: bold 60px yanone;
}

.link_entrar:hover {
  color: #CDC8FA;
  text-decoration: none;
  font: bold 60px yanone;
}

.txt_dark_1 {
  color: #505EEF;
  font-size: 1em;
}

.txt_dark_2 {
  color: #505EEF;
  font-size: 1.1em;
}

.txt_a1_1 {
  color: black;
  font-size: 1em;
}

.txt_a1_2 {
  color: black;
  font-size: 1.1em;
}

.txt_b1_1 {
  color: white;
  font-size: 1em;
}

.txt_b1_2 {
  color: white;
  font-size: 1.1em;
}

.txt_c1_1 {
  color: #FFC8C8;
  font-size: 1em;
}

.txt_c1_2 {
  color: #FFC8C8;
  font-size: 1.1em;
}

.txt_d1_1 {
  color: rgb(255, 120, 120);
  font-size: 1em;
}

.txt_d1_2 {
  color: rgb(255, 120, 120);
  font-size: 1.1em;
}

.txt_d2_1 {
  color: rgb(160, 0, 0);
  font-size: 1em;
}

.txt_d2_2 {
  color: rgb(160, 0, 0);
  font-size: 1.1em;
}

.txt_e1_1 {
  color: rgb(120, 255, 120);
  font-size: 1em;
}

.txt_e1_2 {
  color: rgb(120, 255, 120);
  font-size: 1.1em;
}

.txt_e2_1 {
  color: rgb(50, 155, 50);
  font-size: 1em;
}

.txt_e2_2 {
  color: rgb(50, 155, 50);
  font-size: 1.1em;
}

.txt_f1_1 {
  color: rgb(180, 180, 180);
  font-size: 1em;
}

.txt_f1_2 {
  color: rgb(180, 180, 180);
  font-size: 1.1em;
}

.txt_f2_1 {
  color: rgb(120, 120, 120);
  font-size: 1em;
}

.txt_f2_2 {
  color: rgb(120, 120, 120);
  font-size: 1.1em;
}

/* NOMBRE EN LOS THUMBS | Blanco - Amarillo */
.link_thumb_name:link {
  color: rgb(255, 255, 255);
  display: block;
  line-height: 1.1em;
  text-shadow: 1px 1px 3px rgb(0, 0, 0);
  text-decoration: none;
  width: 100%;
  position: absolute;
}

.link_thumb_name:visited {
  color: white;
}

.link_thumb_name:hover {
  color: #FFC8C8;
}

/* NOMBRE EN LOS THUMBS PEQUEÑO | Blanco - Amarillo */
.thumb_small_name {
  color: white;
  font-size: 0.7em;
  bottom: 5px;
  text-align: center;
  display: block;
  text-shadow: 1px 1px 3px rgb(0, 0, 0);
  width: 100%;
  position: absolute;
  padding: 0 5px;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* PROVINCIA EN LOS THUMBS | Indigo - Negro */
.link_thumb_prov:link {
  color: #505EEF;
}

.link_thumb_prov:visited {
  color: #505EEF;
}

.link_thumb_prov:hover {
  color: rgb(0, 0, 0);
}

/* PROVINCIA EN LOS THUMBS PEQUEÑO | Indigo - Negro */
.link_thumb_prov_peq:link {
  font-size: 0.55em;
  color: #505EEF;
}

.link_thumb_prov_peq:visited {
  color: #505EEF;
}

.link_thumb_prov_peq:hover {
  color: rgb(0, 0, 0);
}

/* TITULOS */
h1 {
  font: bold 1.2em verdana;
  color: #505EEF;
}

h2 {
  font: bold 1.1em verdana;
  color: #505EEF;
}

h3 {
  font: bold 1em verdana;
  color: #505EEF;
}

#h1_titulo {
  font-weight: 900;
  font-family: audiowide;
  margin: 0 0 5px;
}

#h2_titulo {
  font-weight: normal;
  font-family: audiowide;
  line-height: 100%;
  margin: 0;
  white-space: nowrap;
}

.h_first {
  color: #FFC8C8;
}

/* PARRAFOS */
#span_u_txt p, #span_u_txt div {
  padding: 5px 0;
}

#span_u_txt a {
  font-size: 1em;
}

/* POLITICA DE COOKIES */
#barraaceptacion {
  opacity: 0.85;
  display: none;
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  text-align: center;
  min-height: 30px;
  background-color: rgb(100, 100, 100);
  z-index: 99999;
}

/* CONTENEDORES */
.div_principal {
  margin: 0 auto;
  padding: 0 10px;
}

.div_principal_bar {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 10px;
}

#div_first {
  text-align: left;
  background-color: #505EEF;
  background-image: url("/images/chapero-background.svg?v=10");
  background-repeat: no-repeat;
  background-position: right 40px top 20px;
  background-size: auto 100%;
  max-height: 850px;
  height: 100vh;
  padding: 20px;
}
#div_first > div {
  max-width: 510px;
}

#div_first_title {
  flex-grow: 1;
}

#div_first_enter {
  text-align: center;
  text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.15);
  flex-grow: 0.5;
  display: flex;
  align-items: center;
}

#div_first_idiomas {
  font-style: bold;
  font-size: 1.2em;
  color: white;
  flex-grow: 0.5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#div_first_idiomas p {
  padding-bottom: 15px;
}
#div_first_idiomas img {
  width: 40px;
  height: auto;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15);
}

#div_first_edad {
  text-align: justify;
  color: white;
  font-size: 0.9em;
  text-shadow: 1px 1px 3px rgb(0, 0, 0);
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
}

/* MEDIA-QUERY: FIRST */
@media screen and (min-width: 850px) {
  #div_first {
    max-width: 850px;
    margin: 0 auto;
  }
}
#div_acceso_horiz {
  text-align: left;
}

#div_chaperos_destacados {
  display: flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
}

.nav_barra_bottom {
  background-color: #505EEF;
  padding: 5px;
  line-height: 100%;
  margin: 0 auto;
  max-width: 1000px;
  min-height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav_add_barras {
  min-height: 30px;
  background-color: #505EEF;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px auto 0;
  width: calc(100% - 10px);
  max-width: 1000px;
}

@keyframes blink {
  0% {
    background-color: rgb(200, 200, 200);
  }
  50% {
    background-color: rgb(0, 180, 0);
  }
  100% {
    background-color: rgb(200, 200, 200);
  }
}
.div_online_true, .div_online_false {
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.div_online_true {
  background-color: rgb(0, 180, 0);
  animation: blink 1s infinite ease-in-out;
}

.div_online_false {
  background-color: rgb(200, 200, 200);
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader {
  width: 50px;
  height: 50px;
  border: 5px solid transparent;
  border-top: 5px solid #505EEF;
  border-right: 5px solid #505EEF;
  border-bottom: 5px solid #505EEF;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.div_vent {
  padding: 10px;
  margin-bottom: 10px;
  background-color: white;
  text-align: center;
  border-radius: 20px;
  -moz-border-radius: 20px; /* Firefox */
  -webkit-border-radius: 20px; /* Safari y Chrome */
}

.div_msg_with {
  display: flex;
  gap: 15px;
  padding: 8px;
  cursor: pointer;
  border-bottom: 1px solid #505EEF;
}
.div_msg_with .with_top {
  display: flex;
  justify-content: space-between;
  align-items: top;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.div_msg_with:hover {
  background-color: white;
}

.div_msg_txt {
  max-width: 75%;
  padding: 10px 5px 5px 10px;
  border-radius: 10px;
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari y Chrome */
}
.div_msg_txt.msg_click {
  cursor: pointer;
}
.div_msg_txt > div:last-child {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
  margin-top: 5px;
}
.div_msg_txt .msg_date {
  font-size: 0.8em;
  color: rgb(170, 170, 170);
}
.div_msg_txt .msg_deleted {
  font-size: 0.9em;
  color: rgb(170, 170, 170);
}
.div_msg_txt.user {
  color: white;
  background-color: #505EEF;
  align-self: flex-end;
}
.div_msg_txt.with {
  color: black;
  background-color: white;
  align-self: flex-start;
}

#popup_menu {
  background-color: white;
  z-index: 9999;
  border-radius: 10px;
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari y Chrome */
}

.popup_item {
  color: #505EEF;
  background-position: start center;
  background-repeat: no-repeat;
  background-position: 13px center;
  background-size: 20px;
  min-height: 46px;
  display: flex;
  align-items: center;
  padding: 0 15px 0 50px;
  cursor: pointer;
}

#item_delete {
  background-image: url("../images/foto-chapero_delete_dark.svg");
}

#item_copy {
  background-image: url("../images/icon_copy_dark.svg");
}

#item_cancel {
  background-image: url("../images/icon_cancel_dark.svg");
}

.div_aviso, .div_aviso_contrast, .div_aviso_add {
  padding: 10px;
  background-color: #505EEF;
  border-radius: 10px;
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari y Chrome */
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15);
}

.div_aviso_add {
  background-color: #FFC8C8;
  max-width: 600px;
  margin: 15px auto 0;
}

.div_aviso_contrast {
  background-color: #FFC8C8;
}

.div_chapthumb_main_1 {
  display: inline-block;
  vertical-align: top;
}

.div_chap_right_item {
  padding: 10px;
  border-top: 1px solid #CDC8FA;
  text-align: left;
}

.div_chap_thumb {
  width: 25%;
  float: left;
  text-align: center;
  padding: 6px 0 0;
}

#div_chap_valoracion {
  padding-top: 5px;
  clear: both;
}

#div_chap_mensaje {
  padding: 5px;
  clear: both;
  background-color: #505EEF;
  text-align: center;
  overflow: hidden;
}

#div_chap_mensaje table {
  text-align: right;
  width: auto;
  margin: 0 auto;
}

#div_chap_mensaje td {
  text-align: right;
  padding: 3px;
}

#div_chap_comentarios {
  margin-top: 10px;
  padding: 5px 10px;
  background-color: #FFC8C8;
  color: black;
  text-align: center;
  border-radius: 10px;
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari y Chrome */
}

.div_chap_comentario_unico {
  display: flex;
  padding: 10px 0;
  gap: 10px;
}
.div_chap_comentario_unico:not(:last-child) {
  border-bottom: solid 1px #CDC8FA;
}

.div_chap_comentario_foto {
  flex-grow: 0;
}

.div_chap_comentario_texto {
  text-align: left;
  flex-grow: 1;
}

.div_search_int td {
  vertical-align: middle;
  padding: 1px;
}

.img_perfil_main {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari y Chrome */
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15);
}

#img_chap_main {
  display: block;
  width: 100;
  height: auto;
  border-radius: 10px;
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari y Chrome */
}

.img_chap_galeria {
  display: block;
  height: 60px;
  width: auto;
  min-height: 30px;
  min-width: 30px;
  border-radius: 5px;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari y Chrome */
}

.img_client_main {
  width: 150px;
  height: auto;
  overflow: hidden;
  display: block;
  border-radius: 10px;
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari y Chrome */
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15);
}

.img_client_small {
  width: auto;
  height: 100px;
  overflow: hidden;
  display: block;
  border-radius: 5px;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari y Chrome */
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15);
}

.div_chap_left {
  padding-top: 0px;
  flex-grow: 1;
  width: 0px;
  min-width: 200px;
  display: flex;
  flex-direction: column;
}

.div_search_int td:nth-child(odd) {
  text-align: right;
}

.div_search_int td:nth-child(even) {
  text-align: left;
}

.div_search_int input[type=text], .div_search_int select {
  width: 170px;
}

.div_barras {
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  flex-wrap: wrap;
  gap: 5px 20px;
  text-align: center;
  padding: 5px;
}

.div_barra_orden {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 10px 0;
  gap: 5px;
}

.div_error {
  border: 2px solid rgb(255, 0, 0);
  padding: 5px;
  text-align: center;
  width: auto;
  background-color: rgb(255, 255, 153);
  text-shadow: none;
}

#div_buscar, #div_show_buscar {
  float: right;
  padding-left: 10px;
}

#div_search_serv_all {
  width: 100%;
  max-width: 250px;
  min-width: 125px;
}

.div_search_serv {
  display: flex;
  align-items: center;
  gap: 10px;
  float: left;
  text-align: left;
  white-space: nowrap;
  width: 50%;
  max-width: 250px;
  min-width: 125px;
}

.div_search_check {
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  white-space: nowrap;
}

#div_add_main {
  width: 100%;
  max-width: 1000px;
  margin: 10px auto;
  padding: 0 10px;
  text-align: center;
}

/* TABLAS */
table {
  width: 100%;
}

td, th {
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}

#table_chap_valoracion td {
  text-align: left;
}

#div_add_main td {
  vertical-align: top;
  padding: 2px;
}

#div_add_main td:nth-child(odd) {
  text-align: right;
  padding-right: 5px;
  width: 50%;
}

#div_add_main td:nth-child(even) {
  text-align: left;
  width: 50%;
}

#div_add_main th {
  padding: 20px 0 8px;
  text-align: center;
}

/* LISTAS */
nav li {
  display: inline-block;
  text-align: center;
}

.ul_edit {
  list-style: disc inside;
  text-align: left;
  margin-left: 30px;
}

.div_barras li {
  white-space: nowrap;
  width: auto;
  min-width: 150px;
  margin: 0 5px;
}

#list li {
  display: inline-block;
  background-color: white;
  padding: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari y Chrome */
  margin: 5px 5px 20px;
}

.li_sitemap {
  padding-left: 10px;
  text-align: left;
  list-style-position: inside;
  list-style-type: disc;
  margin-top: 15px;
  margin-left: 10px;
  padding: 0;
  font-weight: bold;
}

.li_sitemap:first-child {
  margin-top: 0;
}

.ul_sitemap_sub1 {
  margin: 10px 0 10px 50px;
}

.li_sitemap_sub1 {
  list-style-type: square;
  font-weight: normal;
}

.li_sitemap::marker, .li_sitemap_sub1::marker, .li_sitemap_sub2::marker {
  color: #505EEF;
}

.ul_sitemap_sub2 {
  margin: 10px 0 10px 20px;
}

.li_sitemap_sub2 {
  margin-left: 10px;
  list-style-type: circle;
  font-weight: normal;
}

/* IFRAMES */
#camaras {
  overflow: hidden;
  border: 0;
  width: 100%;
}

.iframe_top {
  overflow: hidden;
}

/* FORMS */
.select_idiomas {
  width: 240px;
  margin: 10px 0 10px;
  padding-left: 55px;
  text-align: center;
  color: rgb(39, 34, 145);
}

.select_idiomas_bottom {
  margin: 0;
  color: rgb(39, 34, 145);
}

.textarea_intercambio {
  width: 100%;
  max-width: 600px;
  height: 80px;
}

#div_buscar_encuentrame {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.iframe_top {
  height: 100px;
  width: 200px;
  display: block;
  border-radius: 5px;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari y Chrome */
}

.div_chap_small_main {
  color: black;
  box-shadow: none;
  display: flex;
  gap: 15px;
  text-align: left;
  transition: transform 0.2s ease;
}

.div_chap_small_main:active {
  transform: translateY(2px); /* Simula que el botón se hunde ligeramente */
}

.div_chap_small_main:not(:last-child) {
  padding-bottom: 10px;
  border-bottom: 0.8px solid #CDC8FA;
}

.div_chap_small_main:not(:first-child) {
  padding-top: 10px;
}

.div_chap_small_foto {
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 0;
  border-radius: 10px;
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari y Chrome */
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  width: 120px;
  height: 120px;
}

.div_chap_small_name {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  gap: 10px;
}

.div_chap_nombre {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
  border-bottom: 1px solid #CDC8FA;
  text-align: left;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.div_destacados_prov {
  background: none;
  padding: 0;
}
.div_destacados_prov > div {
  background-color: #FFC8C8;
  border-radius: 20px;
  -moz-border-radius: 20px; /* Firefox */
  -webkit-border-radius: 20px; /* Safari y Chrome */
  padding: 10px;
  margin-bottom: 10px;
  border: none;
}

.div_webcams, .div_webcams_red {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0;
  gap: 15px;
}
.div_webcams div, .div_webcams_red div {
  flex-basis: 180px;
}

@media screen and (max-width: 785px) {
  .div_webcams div:last-child {
    display: none;
  }
}
@media screen and (max-width: 590px) {
  .div_webcams div {
    flex-basis: 155px;
  }
  .div_webcams div:last-child {
    display: block;
  }
}
@media screen and (max-width: 980px) {
  .div_webcams_red div:last-child {
    display: none;
  }
}
@media screen and (max-width: 665px) {
  .div_webcams_red div {
    flex-basis: 155px;
  }
  .div_webcams_red div:last-child {
    display: none;
  }
}
.model {
  cursor: pointer;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15);
  flex-shrink: 0;
  border-radius: 10px;
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari y Chrome */
  overflow: hidden;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  border: 1.2px solid #505EEF;
}

.model:active {
  box-shadow: none; /* Quita la sombra al presionar */
  transform: translateY(2px); /* Simula que el botón se hunde ligeramente */
}

/* ANCHOR: MEDIA-QUERY: GENERAL */
@media screen and (min-width: 1026px) {
  .div_principal, .div_principal_bar {
    padding: 0;
    width: 1000px;
  }
  #div_acceso_horiz {
    display: none;
  }
  nav li {
    width: 120px;
  }
  #h1_titulo {
    font-size: 48px;
    line-height: 100%;
  }
  #h2_titulo {
    font-size: 21px;
  }
  .div_chap_small_conectado {
    display: inline-block;
  }
  #div_chap_mensaje input {
    width: 180px;
  }
  #div_chap_mensaje textarea {
    width: 340px;
    height: 115px;
  }
  .div_search_int {
    width: 50%;
    float: left;
  }
  .div_search_submit {
    margin-top: 10px;
  }
  #div_add_main input[type=text], #div_add_main input[type=password], #div_add_main select, #div_add_main textarea, #div_buscar_encuentrame {
    width: 250px;
  }
  #div_add_main textarea {
    height: 80px;
  }
  .link_thumb_name:link, .link_thumb_prov:link {
    font-size: 0.7em;
    bottom: 4px;
  }
  #div_sitemap {
    columns: 2 auto;
    -webkit-columns: 2 auto;
  }
  .div_chapthumb_main_1 {
    width: 130px;
    margin-left: 2px;
    margin-right: 2px;
  }
  .div_chapthumb_main_2 {
    width: 130px;
    height: 130px;
  }
}
@media screen and (min-width: 911px) and (max-width: 1026px) { /* 1010 + 16 */
  #div_acceso_horiz {
    display: none;
  }
  nav li {
    width: 110px;
  }
  #h1_titulo {
    font-size: 48px;
    line-height: 100%;
  }
  #h2_titulo {
    font-size: 21px;
  }
  .div_chap_small_conectado {
    display: inline-block;
  }
  #div_chap_mensaje input {
    width: 140px;
  }
  #div_chap_mensaje textarea {
    width: 270px;
    height: 115px;
  }
  .div_search_int {
    width: 50%;
    float: left;
  }
  .div_search_submit {
    margin-top: 10px;
  }
  #div_add_main input[type=text], #div_add_main input[type=password], #div_add_main select, #div_add_main textarea, #div_buscar_encuentrame {
    width: 250px;
  }
  #div_add_main textarea {
    height: 80px;
  }
  .link_thumb_name:link, .link_thumb_prov:link {
    font-size: 0.6em;
    bottom: 3px;
  }
  #div_sitemap {
    columns: 2 auto;
    -webkit-columns: 2 auto;
  }
  .div_chapthumb_main_1 {
    width: 100px;
    margin-left: 2px;
    margin-right: 2px;
  }
  .div_chapthumb_main_2 {
    width: 100px;
    height: 100px;
  }
  .div_chapthumb_main_2 img {
    display: none;
  }
}
@media screen and (min-width: 776px) and (max-width: 911px) { /* 895 + 16 */
  #div_acceso_horiz {
    display: none;
  }
  nav li {
    width: 110px;
  }
  #h1_titulo {
    font-size: 48px;
    line-height: 100%;
  }
  #h2_titulo {
    font-size: 19px;
  }
  .div_chap_small_conectado {
    display: inline-block;
  }
  #div_chap_mensaje input {
    width: 180px;
  }
  #div_chap_mensaje textarea {
    width: 340px;
    height: 115px;
  }
  .div_search_int {
    width: 50%;
    float: left;
  }
  .div_search_submit {
    margin-top: 10px;
  }
  #div_add_main input[type=text], #div_add_main input[type=password], #div_add_main select, #div_add_main textarea, #div_buscar_encuentrame {
    width: 250px;
  }
  #div_add_main textarea {
    height: 80px;
  }
  .link_thumb_name:link, .link_thumb_prov:link {
    font-size: 0.7em;
    bottom: 4px;
  }
  #div_sitemap {
    columns: 2 auto;
    -webkit-columns: 2 auto;
  }
  .div_chapthumb_main_1 {
    width: 130px;
    margin-left: 3px;
    margin-right: 3px;
  }
  .div_chapthumb_main_2 {
    width: 130px;
    height: 130px;
  }
}
@media screen and (min-width: 623px) and (max-width: 776px) { /* 760 + 16 */
  #div_acceso_horiz {
    display: none;
  }
  nav li {
    width: 90px;
  }
  #h1_titulo {
    font-size: 35px;
    line-height: 100%;
  }
  #h2_titulo {
    font-size: 16px;
  }
  .div_chap_small_conectado {
    display: inline-block;
  }
  #div_chap_mensaje input {
    width: 130px;
  }
  #div_chap_mensaje textarea {
    width: 230px;
    height: 100px;
  }
  .div_search_int {
    width: 50%;
    float: left;
  }
  .div_search_submit {
    margin-top: 10px;
  }
  #div_add_main input[type=text], #div_add_main input[type=password], #div_add_main select, #div_add_main textarea, #div_buscar_encuentrame {
    width: 250px;
  }
  #div_add_main textarea {
    height: 80px;
  }
  .link_thumb_name:link, .link_thumb_prov:link {
    font-size: 0.6em;
    bottom: 3px;
  }
  #div_sitemap {
    columns: 2 auto;
    -webkit-columns: 2 auto;
  }
  .div_chapthumb_main_1 {
    width: 100px;
    margin-left: 2px;
    margin-right: 2px;
  }
  .div_chapthumb_main_2 {
    width: 100px;
    height: 100px;
  }
  .div_chapthumb_main_2 img {
    display: none;
  }
}
@media screen and (min-width: 451px) and (max-width: 623px) { /* 607 + 16 */
  footer.div_principal {
    display: none;
  }
  nav li {
    width: 80px;
  }
  #h1_titulo {
    font-size: 35px;
    line-height: 100%;
  }
  #h2_titulo {
    font-size: 16px;
  }
  .div_chap_small_serv {
    display: none;
  }
  #div_buscar {
    display: none;
  }
  #div_chap_mensaje input {
    width: 270px;
  }
  #div_chap_mensaje textarea {
    width: 295px;
    height: 50px;
  }
  .div_search_int {
    width: 100%;
    margin: 0 auto 15px;
  }
  #div_add_main input[type=text], #div_add_main input[type=password], #div_add_main select, #div_add_main textarea, #div_buscar_encuentrame {
    width: 250px;
  }
  #div_add_main textarea {
    height: 80px;
  }
  .link_thumb_name:link, .link_thumb_prov:link {
    font-size: 0.55em;
    bottom: 2px;
  }
  #div_sitemap {
    columns: 2 auto;
    -webkit-columns: 2 auto;
  }
  .div_chapthumb_main_1 {
    width: 85px;
    margin-left: 2px;
    margin-right: 2px;
  }
  .div_chapthumb_main_2 {
    width: 85px;
    height: 85px;
  }
  .div_chapthumb_main_2 img {
    display: none;
  }
  .div_chap_small_foto {
    width: 90px;
    height: 90px;
  }
}
@media screen and (min-width: 349px) and (max-width: 451px) { /* 435 + 16 */
  footer.div_principal {
    display: none;
  }
  nav li {
    width: 100px;
  }
  #h1_titulo {
    font-size: 30px;
    line-height: 80%;
  }
  #h2_titulo {
    font-size: 15px;
  }
  .div_chap_small_fisico, .div_chap_small_serv, .p_fechas_hide, #div_buscar {
    display: none;
  }
  #div_chap_mensaje input {
    width: 160px;
  }
  #div_chap_mensaje textarea {
    width: 190px;
    height: 50px;
  }
  .div_search_int {
    width: 100%;
    margin: 0 auto 15px;
  }
  #div_add_main input[type=text], #div_add_main input[type=password], #div_add_main select, #div_add_main textarea, #div_buscar_encuentrame {
    width: 180px;
  }
  #div_add_main textarea {
    height: 100px;
  }
  .link_thumb_name:link, .link_thumb_prov:link {
    font-size: 0.55em;
    bottom: 2px;
  }
  .div_chapthumb_main_1 {
    width: 85px;
    margin-left: 2px;
    margin-right: 2px;
  }
  .div_chapthumb_main_2 {
    width: 85px;
    height: 85px;
  }
  .div_chapthumb_main_2 img {
    display: none;
  }
  .div_chap_small_foto {
    width: 70px;
    height: 70px;
  }
}
@media screen and (min-width: 316px) and (max-width: 349px) { /* 333 + 16 */
  footer.div_principal {
    display: none;
  }
  .select_idiomas_bottom {
    width: 100%;
  }
  nav li {
    width: 100px;
  }
  #form_menu_reducido {
    width: 100%;
  }
  #select_menu_reducido {
    width: 100%;
  }
  .div_chap_small_fisico, .div_chap_small_serv, .p_fechas_hide, #div_buscar, #div_show_buscar {
    display: none;
  }
  #h1_titulo {
    font-size: 27px;
    line-height: 80%;
  }
  #h2_titulo {
    font-size: 13px;
  }
  #div_chap_mensaje input {
    width: 150px;
  }
  #div_chap_mensaje textarea {
    width: 170px;
    height: 50px;
  }
  .div_search_int {
    width: 100%;
    margin: 0 auto 15px;
  }
  #div_add_main input[type=text], #div_add_main input[type=password], #div_add_main select, #div_add_main textarea, #div_buscar_encuentrame {
    width: 145px;
  }
  #div_add_main textarea {
    height: 100px;
  }
  .link_thumb_name:link, .link_thumb_prov:link {
    font-size: 0.55em;
    bottom: 2px;
  }
  .div_chapthumb_main_1 {
    width: 85px;
    margin-left: 2px;
    margin-right: 2px;
  }
  .div_chapthumb_main_2 {
    width: 85px;
    height: 85px;
  }
  .div_chapthumb_main_2 img {
    display: none;
  }
  .div_chap_small_foto {
    width: 70px;
    height: 70px;
  }
}
@media screen and (max-width: 316px) { /* 300 + 16 */
  footer.div_principal {
    display: none;
  }
  .select_idiomas_bottom {
    width: 100%;
  }
  nav li {
    width: 100px;
  }
  #form_menu_reducido {
    width: 100%;
  }
  #select_menu_reducido {
    width: 100%;
  }
  .div_chap_small_fisico, .div_chap_small_serv, .div_chap_small_conectado, .p_fechas_hide, #div_buscar, #div_show_buscar {
    display: none;
  }
  #h1_titulo {
    font-size: 20px;
    line-height: 80%;
  }
  #h2_titulo {
    font-size: 10px;
  }
  #div_chap_mensaje input {
    width: 100px;
  }
  #div_chap_mensaje textarea {
    width: 125px;
    height: 50px;
  }
  .div_search_int {
    width: 100%;
    margin: 0 auto 15px;
  }
  #div_add_main input[type=text], #div_add_main input[type=password], #div_add_main select, #div_add_main textarea, #div_buscar_encuentrame {
    width: 130px;
  }
  #div_add_main textarea {
    height: 130px;
  }
  .link_thumb_name:link, .link_thumb_prov:link {
    font-size: 0.55em;
    bottom: 2px;
  }
  .div_chapthumb_main_1 {
    width: 85px;
    margin-left: 2px;
    margin-right: 2px;
  }
  .div_chapthumb_main_2 {
    width: 85px;
    height: 85px;
  }
  .div_chapthumb_main_2 img {
    display: none;
  }
  .div_chap_small_foto {
    width: 70px;
    height: 70px;
  }
}
.iframe_top {
  height: 100px;
  width: 200px;
  display: block;
  border-radius: 5px;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari y Chrome */
}

#div_access_top, #div_access_buttons {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  min-width: 150px;
  align-items: stretch;
  gap: 5px;
  width: 100%;
}

#div_access_top {
  padding-top: 10px;
}
#div_access_top input {
  max-width: 150px;
}

#header_top {
  gap: 10px;
}

@media screen and (max-width: 623px) {
  #header_top {
    flex-direction: column;
  }
  .iframe_top {
    height: 30px;
    width: 100%;
  }
  #div_access_top, #div_access_buttons {
    flex-direction: row;
    align-items: center;
  }
}
.div_background_main {
  background-color: #505EEF;
}

.div_background_main_bright {
  background-color: white;
}

.nav_barra_menu {
  position: sticky;
  top: 0;
  z-index: 9999;
  min-height: 30px;
  background-color: #505EEF;
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding: 5px;
}

.menu_general {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-left: 5px;
}

.menu_general_red {
  display: none;
}

.div_destacado_main {
  flex-basis: calc((100% - 48px) / 4);
  flex-grow: 1;
  border-radius: 10px;
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari y Chrome */
  margin: 0;
  background-color: white;
  border: 1px solid white;
  overflow: hidden;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15); /* Sombra suave */
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.click_chap {
  cursor: pointer;
}
.click_chap:active {
  box-shadow: none; /* Quita la sombra al presionar */
  transform: translateY(2px); /* Simula que el botón se hunde ligeramente */
}

.featured {
  background-color: #FFC8C8;
  border-color: #FFC8C8;
}

.div_destacado {
  padding: 15px;
  margin-top: 10px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}

.div_destacado_image {
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  width: 100%;
  aspect-ratio: 1/1.3;
}

.div_destacado_right {
  width: 0;
  flex-grow: 1;
}

.div_destacado_left {
  text-align: center;
  max-width: 300px;
  flex-shrink: 0;
}

@media screen and (max-width: 780px) {
  .div_destacado {
    flex-direction: column;
  }
  .div_destacado_right {
    width: 100%;
  }
  .div_destacado_left {
    max-width: none;
    width: 100%;
  }
}
.nombre_chapero {
  color: #505EEF;
  font-family: audiowide;
  white-space: nowrap;
  padding: 0 5px;
}

@media screen and (max-width: 650px) {
  .div_destacado_main {
    flex-basis: calc((100% - 16px) / 2);
  }
  .menu_general {
    display: none;
  }
  .menu_general_red {
    display: block;
  }
}
@keyframes rotate_360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.rotate_loop {
  animation: rotate_360 1s linear infinite;
}