/* FIX TOM-SELECT */

.plugin-dropdown_input .dropdown-input {
   box-sizing:border-box;
}

.ts-dropdown .option {
   padding:10px 15px;
   font-size:14px;
}

.ts-dropdown .active {
   background-color:#fff3d1;
}

.plugin-dropdown_input .dropdown-input:focus-visible {
   outline:none;
}

.ts-wrapper .ts-control:after {
   content:"\f0d7";
   font-family: "Font Awesome 6 Free";
   font-weight:900;
   position:absolute;
   right:8px;

}

.multiple-select .ts-control:has(div) input[type="select-multiple"] {
   display:none !important;
}


/* UTILS */

.util__no-margin {
   margin:0;
}



.input-custom-tom-select {
   line-height:25px;
   padding: calc( 8px - 2px - 0px) 8px calc( 8px - 2px - 3px - 0px);
   border: 1px solid #d0d0d0;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: none;
    border-radius: 3px;
    display: flex;
    flex-wrap: wrap;
}

.cards-wrapper {
   margin:40px 0px;

}

.cards-wrapper-sup {
   display:grid;
   grid-template-columns:1fr 2fr;
   gap:1rem;
}
@media (min-width: 992px) and (max-width:1180px){
   .cards-wrapper-sup {
      grid-template-columns:auto;
   }
}
.card {
   box-shadow: 7px 6px 7px 0px #cbcbcb5c;
   border-radius:10px;
   overflow:hidden;
   background:#FFF;
}

.card__h2 {
   margin:0;
   font-size:22px;
   background: linear-gradient(90deg, #c89f33, #ffd55f);;
   color:#FFF;
   font-weight:500;
   padding:10px 25px;
   text-transform:uppercase;
   text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.card__button-wrapper {
   /*padding:16px;*/
   /*min-height:85px;*/
   display:flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-evenly;
   /*align-items:center;*/
   /*gap:1rem;*/
   margin-top: 38px;
}

.user-perfil .cards-wrapper-sup .card__button, .caja-buscador-habitaciones .card__button{
   min-height: 34px;
   min-width: 171px;
   gap:0.5rem;
}

.user-perfil .cards-wrapper-sup .card__button i, .caja-buscador-habitaciones .card__button i{
   min-width: 30px;
}

#modal-comprar .avisos-tienes-que-recargar i{
   min-width: 30px;
}

.card__button {
   border:none;
   background:linear-gradient(90deg, #c89f33, #ffd55f);
   color:#fff;
   border-radius:10px;
   padding:8px 15px;
   cursor:pointer;
   font-size:18px;
   font-weight:500;
   border-radius:5px;
   transition:all 0.1s linear;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
}

.card__button:hover {
   background:#9f060e;
   color:#FFF;
}

.card__text-wrapper {
   display:flex;
   gap:1rem;
   justify-content:space-between;
   align-items:center;
   padding:20px;
   min-height:85px;
}

.card-text {
   display:flex;
   flex-direction:column;
   align-items:center;
   gap:0.5rem;
}

.card-text__name {
   font-weight:500;
   font-size:18px;
}

.card-text__value {
   font-size:17px;
}

.cards-wrapper-bot {
   display:flex;
   flex-direction:column;
   gap:1rem;
}



.card-tab__top-content {
   display:flex;
   gap:2rem;
   padding:20px;
}

.card-tab__top-content .card-tab__image img {
   max-width: 100px;
   max-height: 100px;
}

.card-tab__name {
   font-size:22px;
   display:flex;
   flex-direction:column;
   gap:0.5rem;
}

.card-tab__name p {
   margin:0;
}

.card-tab__name h2 {
   margin:0;
   font-size:1.5rem;
}

.card-tab__subtitle {
   font-size:14px;
}

.card-tab__text {
   font-size:16px;
}

.card-tab__bottom-content {
   display:flex;
   justify-content:space-between;
   align-items:center;
   padding:10px 25px;
   background:#ebebeb;
}

.card-tab__button-wrapper {
   display:flex;
   gap:1.5rem;
}

.card-tab__button {
   border: 1px solid #5e636e;;
   background:transparent;
   color: #333;
   border-radius: 10px;
   padding: 7px 15px;
   cursor: pointer;
   font-size: 14px;
   font-weight: 500;
   border-radius: 5px;
   transition: all 0.1s linear;
}

.card-tab__button:hover {
   background:#9f060e;
   border:1px solid #9f060e;
   color:#FFF;
}

.card-tab__button--only-text {
   border:none;
   background:transparent;
   color:#666;
   cursor:initial;
   padding:0;
}

.card-tab__button--only-text:hover {
   background: initial;
    border: initial;
    color: initial;
}

.card-tab__button--botonactivados {
   padding:10px 25px;
   border:none;
   border-radius:10px;
   background:#CC0000;
   color:#FFF;
}
.card-tab__button--botonactivados.activado { background-color: green; }
.card-tab__button--botonactivados.activadond { background-color: orange; }
.card-tab__button--botonactivados.activadoasterisco { background-color: #9f060e; }
.card-tab__button--botonactivados.desactivado { background-color: red; }
.card-tab__button--botonactivados.revision { background-color: orange; cursor:auto}
.card-tab__button--botonactivados.subeya { background-color: #e91e63; display: flex; flex-direction: row; align-items: center;}
.card-tab__button--botonactivados.subeya i.fas{position: relative; left: -10px; }

.botonautorrenuevapublicadond{background-color: #9f060e; color: white;}

.avisos-tienes-que-recargar .card-tab__button--botonactivados{cursor: pointer; background-color: green;}


/* STTYLASD */

.form-control.falla input {
   border:0.1px solid;
   border-color: #fe5f;
}

.user-perfil__h1 {
   font-size:2rem;
}

.user-perfil__notice-wrapper {
   padding:20px;
   background:#FFF;
   margin: 20px 0px;
   border-left:2px solid #c89f33;
}

.user-perfil__notice-wrapper p {
   line-height:1.5rem;
}

.form-custom {
   display:flex;
   flex-direction:column;
   gap:3rem;
   padding:20px;
   background:#FFF;
   border-radius:5px;
   margin-bottom:40px;
}

.form-custom .helper {
   padding-right:10px;

}
.form-custom .helper .tooltiptext {
   font-family: "system-ui";
      visibility: hidden;
      background-color: black;
      color: #fff;
      text-align:center;
      border-radius: 6px;
      padding: 5px 15px;
      width:100%;

      /* Position the tooltip */
      position: absolute;
      z-index: 4;


      font-weight:400;
      font-size:14px;
      text-transform:initial;

}

.form-custom .helper:hover .tooltiptext {
   visibility: visible;
 }


.form-custom .input-custom-tom-select {
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.form-custom .focus .ts-control {
   border-color: #c89f33 !important;

   outline: 0;
}


.form-custom .input-custom-tom-select:focus {
   background-color: #fff;
   border-color: #c89f33;
   outline: 0;
}
.form-custom .normal-select  {
   display:flex;
   flex-direction:column;
   gap:1rem;
}
.form-custom .normal-select label {
   position:relative;
   font-size:2rem;
   text-transform:uppercase;
}

.form-custom .normal-select label.has-tooltip {
   display:flex;
   align-items:center;
}

.form-custom .normal-select select {
   padding:7px;
}

.form-custom .normal-select select option {
   padding:7px;
}


.option-multiple {
   display:flex;
   flex-direction:column;
   gap: 1.5rem;
}

.option-multiple p {
   font-size:1.1rem;
   text-transform:uppercase;
   line-height:2rem;
   margin:0;
}

.option-multiple .sub-elements {
   display:flex;
   flex-direction:column;
   gap:0.5rem;
   position:relative;
}

.option-multiple .sub-elements label, .option-multiple .sub-elements p  {
   font-size:0.90rem;
   text-transform:uppercase;
}

p.title-option {
   font-size:14px !important;
   text-transform:initial !important;
   line-height:1.2rem;
   margin:0;
}


p.title-option span {
   font-weight:600;
}

.option-multiple .sub-elements label span.required, .option-multiple .sub-elements p span.required {
   color:Red;
}

.option-multiple p span.required{
   color:Red;
}

/* SHEDULE */

.option-multiple .schedule-wrapper {
   display:grid;
   grid-template-columns:repeat(5, 1fr);
   gap:1rem;
}

.bloque-botones-horarios {

}

@media (max-width:1180px) {
   .option-multiple .schedule-wrapper{
   display:flex;
   flex-wrap:wrap;
   }
   .option-multiple .schedule-wrapper .from-select-wrapper, .option-multiple .schedule-wrapper .to-select-wrapper{
      width:120px;
}
}

.option-multiple .sub-elements-schedule.center-grid {
   align-items:center;
   margin: 0px 5px;
}

.switcher-conf p {
   font-size:1rem;
   line-height:1rem;
}




.sub-elements-schedule input[type=checkbox] {
   height: 0;
   width: 0;
   visibility: hidden;
   display:none;
 }

 .sub-elements-schedule label.switch-label {
   cursor: pointer;
   text-indent: -9999px;
   width: 70px;
   height: 33px;
   background: grey;
   display: block;
   border-radius: 100px;
   position: relative;
 }

 .sub-elements-schedule label.switch-label:after {
   content: "";
   position: absolute;
   top: 5px;
   left: 5px;
   width: 23px;
   height: 23px;
   background: #fff;
   border-radius: 90px;
   transition: 0.3s;
 }

 .sub-elements-schedule input[type=checkbox]:checked + label {
   background: #c89f33;
 }

 .sub-elements-schedule input[type=checkbox]:checked + label:after {
   left: calc(100% - 5px);
   transform: translateX(-100%);
 }

 .sub-elements-schedule input[type=checkbox]:active:after {
   width: 130px;
 }


 /* LOCATION */

 .option-multiple .location-wrapper {
   display:grid;
   grid-template-columns:repeat(5, 1fr);
   gap:1rem;
}

@media (max-width:1180px) {
   .option-multiple .location-wrapper{
      grid-template-columns:1fr;
   }
}


/* CONTACT */

.option-multiple .contact-wrapper {
   display:grid;
   grid-template-columns:repeat(7, 1fr);
   gap:1rem;
}

@media (max-width:1180px) {
   .option-multiple .contact-wrapper{
      grid-template-columns:1fr;
   }
}


/* CONTENT ADVERT */

.option-multiple .content-advert-wrapper {
   display:grid;
   grid-template-columns:1fr;
   gap:1rem;
}
@media (max-width:1180px) {
   .option-multiple .content-advert-wrapper{
      grid-template-columns:1fr;
   }
}

/* DATA BODY WRAPPER */

.option-multiple .data-body-wrapper{
   display:grid;
   grid-template-columns:repeat(8, 1fr);
   gap:1rem;
}

/* FIX COOLUMNS*/

.data-body-wrapper.altura-fix-three-columns {
   grid-template-columns:repeat(3, 1fr)
}

.data-body-wrapper.altura-fix-five-columns {
   grid-template-columns:repeat(5, 1fr)
}

.data-body-wrapper.altura-fix-six-columns {
   grid-template-columns:repeat(6, 1fr)
}
.data-body-wrapper.altura-fix-seven-columns {
   grid-template-columns:repeat(7, 1fr)
}

.merge-2-column {
   grid-column:span 2;
}

@media(max-width:768px) {
   .merge-2-column {
      grid-column:span 1;
   }
}
@media (max-width:1180px) {
   .option-multiple .data-body-wrapper{
      grid-template-columns:1fr !important;
   }
}



/* ANOTHER INFORMATION WRAPPER */

.data-another-information-wrapper {
   display:grid;
   grid-template-columns:repeat(4, 1fr);
   gap:1rem;
}

@media (max-width:1180px) {
   .data-another-information-wrapper{
      grid-template-columns:1fr;
   }
}

/* ANOTHER CONTACT TYPE WRAPPER */

.another-contact-type-wrapper {
   display:grid;
   grid-template-columns:repeat(6, 1fr);
   gap:1rem;
}

.data-body-wrapper .wrapper-elements-custom {
   display:flex;
   gap:1rem;
}

.data-body-wrapper .wrapper-elements-custom > div {
   flex:1;
}

@media (max-width:1180px) {
   .another-contact-type-wrapper{
      grid-template-columns:1fr;
   }
}

/* BUTTON SAVE */

.btn-primary {
   background: linear-gradient(90deg, #c89f33, #ffd55f);;
   color: #FFF;
}

.button {
   border-radius: 5px;
   padding: 7px 25px;
   border: none;
   font-weight: 500;
   font-size: 22px;
   cursor: pointer;
   transition:all 0.1s linear;
   text-decoration:none;
   color:#333;

}

.button.form-save {
   color:#FFF;
}

.button:hover {
   background: #9f060e;
   color:#FFF;
}

.button-add-element {
   border: 1px solid #5e636e;
   background: transparent;
   color: #333;
   border-radius: 10px;
   padding: 7px 15px;
   cursor: pointer;
   font-size: 14px;
   font-weight: 500;
   border-radius: 5px
}

.button-add-element i {
   padding-right:5px;
}

.button-add-element:hover {
   background: #9f060e;
   border: 1px solid #9f060e;
   color: #FFF;
}


/* PAGE: EDITAR USUARIO */
.name-wrapper {
   display:grid;
   grid-template-columns:repeat(2, 1fr);
   gap:1rem;
}

/* PAGE ROTATIONS */

.table-custom {

  width: 100%;
  border-collapse: collapse;
  background:#FFF;
  margin:40px 0px;

}



.table-custom th, .table-custom td {
   text-align:left;
   padding:15px 10px;
   border-bottom:2px solid #e1e1e1;
}

.table-custom th {
   font-weight:600;

   }

/* COMPRAR CREDITOS */


.buy-credit .cards-wrapper {
   display:flex;
   flex-direction:column;
   gap:2rem;
}

.card.load-credits .two-columns {
   display:grid;
   grid-template-columns:1fr 1fr;
   padding:20px;
   gap:4rem;
}
.load-credits .texto-promociones{
   margin-left: 15px;
}

.column h3 {
   font-size:1.5rem;
   text-align:center;
   margin-bottom:20px;
}

.column .flex-items-columns {
   display:flex;
   flex-direction:column;
   gap:1rem;
}


.pay-methods {
   display:flex;
   flex-direction:column;
   gap:1rem;
   align-items:center;
   max-width: 50%;
}

.pay-methods h3 {
   margin-bottom:0;
}

.column.credits-custom .flex-items-columns .group-input {
   display: flex;
   align-items: center;
   flex-direction: column;
   gap: 1rem
}


.column.credits-custom .flex-items-columns .group-info {
   display:flex;
   gap: 1rem;
}

.ship-confirm-credit .one-column {
   padding:20px;
}

.ship-confirm-credit .one-column .group-radio-buttons {
   display:flex;
   gap:1rem;
   justify-content:center;
}

.hide {display: none;}



/* BUSCADOR MI CUENTA */

.buscador-mi-cuenta .hero {
   display:block !important;
}

.buscador-mi-cuenta-wrapper {

   display:flex;
   justify-content:space-between;
   gap:2rem;
   margin:15px;

}

.buscador-mi-cuenta-wrapper .menu-mi-cuenta {
   list-style:none;
   display:flex;
   /*justify-content:space-between;*/
   justify-content: flex-start;
   gap:2rem;
   margin:0;
   padding:0;
   position: relative;
   width: 100%;
}

.buscador-mi-cuenta-wrapper .menu-mi-cuenta .boton-salir {
   position: absolute;
   right: 3px;
}
.buscador-mi-cuenta-wrapper .menu-mi-cuenta .boton-salir a{
   background: #9f060e;
}



@media(max-width:768px) {
   section.buscador{
      margin: 0;
      background-color: var(--pseudo-black);
      position: relative;
      background-repeat: no-repeat;
      background-position: right
   }
   .buscador-mi-cuenta-wrapper .menu-mi-cuenta {
      list-style:none;
      display:flex;
      gap:2rem;
      margin:0;
      padding:0;
      flex-wrap: wrap;
   }
   .one-column.pago{
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      margin-top: 15px;
   }

   .one-column.boton-pago{
      margin-top: 25px;
   }

   .column.credits-custom .flex-items-columns .group-info{
      gap: 0.5rem;
   }

   .credits-custom .group-info p{
      line-height: 20px;
   }
   .pay-methods .group-radio-buttons{
      width: 150%;
   }
   .group-radio-buttons .radio-button{
      margin-top: 5px;
   }
   .column.credits-custom .flex-items-columns .group-info{
      display: flex;
      flex-direction: column;
      gap: 0rem;
      width: 110%;
   }
   .column.credits-custom .flex-items-columns .group-info p{
      display: flex;
      line-height: 0px;
   }

   .column.credits-custom .flex-items-columns .group-info #precioCredito{
      margin-left:5px;
   }
   .column.credits-custom .flex-items-columns .group-info #importeTotal{
      margin-left:5px;
   }

   .card.load-credits .card__h2{
      text-align: center;
   }

  /*  .user-perfil .cards-wrapper-sup .card__button{
      min-height: 62px;
      min-width: 100px;
   } */

   .card__button-wrapper {
      display: flex;
      flex-direction: column ;
      align-items: center;
      gap: 15px;
      margin: 15px 0px;
   }

   .user-perfil .cards-wrapper-sup .card__button {
      min-width: 180px;
   }

   .user-perfil .card-text__value{
      font-size: 17px;
   }

   .buscador-mi-cuenta-wrapper .menu-mi-cuenta .boton-salir {
      position: initial;
   }

   .cards-wrapper-sup{
      display: flex;
      flex-direction: column;
   }

   .card-tab__top-content{
    display: flex;
    gap: 2rem;
    padding: 20px;
    flex-direction: column;
    align-items: center;
   }
}

@media (max-width:1180px) {
   .card__button-wrapper {
      display: flex;
      flex-direction: row;
      align-items: center;
      margin: 15px 0px;
   }

   .card__text-wrapper{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1rem;
      padding: 1rem;
   }

   .item-menu{
      display: flex;
   }

   .buscador-mi-cuenta-wrapper .menu-mi-cuenta{
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      align-items: center;
      gap: 1rem;
   }

   .buscador-mi-cuenta ul.menu-mi-cuenta .item-menu a{
      padding: 15px 15px !important;
      font-size: 22px;
   }

   .buscador-mi-cuenta-wrapper .menu-mi-cuenta .boton-salir{
      position: unset;
      right: unset;
   }

   .card-tab__button-wrapper{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
   }

   .user-perfil .card-tab__button-wrapper--estado{
      margin-left: 15px;
   }

   .card-tab__button{
      padding: 15px !important;
      font-size: 20px !important;
      text-align: center !important;
   }

   .bloque-horas-renovacion {
      font-size: 20px !important;
   }

   .container-overflow-mobile{
      overflow: hidden;
   }
}

@media (max-width: 1180px) and (orientation: portrait) {
   .card__button-wrapper {
      display: flex;
      flex-direction: column;
      margin: 0px;
      align-items: center;
   }

   .user-perfil .cards-wrapper-sup .card__button, .caja-buscador-habitaciones .card__button{
      min-width: 180px;
      margin: 15px;
   }
}

.buscador-mi-cuenta ul.menu-mi-cuenta  .item-menu a {
   padding:7px 15px;
   border-radius:5px;
   border: 1px solid var(--background-body);
   color: var(--white);
   transition: all 0.2s linear;
}

.buscador-mi-cuenta ul.menu-mi-cuenta  .item-menu a i {
   padding-right:5px;
}

.buscador-mi-cuenta ul.menu-mi-cuenta  .item-menu a:hover {
   background-color: var(--white);
   color: var(--pseudo-black);
   transition: all 0.2s linear;
}

.buscador-mi-cuenta ul.menu-mi-cuenta .item-menu.special a{
   border: none !important;
   background: linear-gradient(90deg, #c89f33, #ffd55f);
   color: #fff;
   border-radius: 10px;
   padding: 8px 25px;
   cursor: pointer;
   font-size: 18px;
   font-weight: 500;
   border-radius: 5px;
   transition: none;

}


.buscador-mi-cuenta ul.menu-mi-cuenta .item-menu.special a:hover {
   background: #9f060e !important;
    color: #FFF;
    transition: none;
}


.horarios-boton-borrar{margin-left: 15px;margin-top:25px;}

.drop-insert-masivo, .drop-insert-masivo-videos {display: flex;}

.drop-insert-masivo, .drop-insert-masivo-videos {height: 66px; width: 100%; border: dashed 2px #cbcbcb; text-align: center; vertical-align: middle;    display: flex; justify-content: center; align-items: center;}
.drop-insert-masivo.dragover, .drop-insert-masivo-videos.dragover {border: solid #cbe2ef; background: #fbffed;}

#resultados-masivo{display: flex; gap: 2em; margin-top: 10px; width:100%; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.photo-container{display: flex; flex-direction: column; border: 1px solid #e5e5e5; padding:15px; min-width: 154px;}
.photo-container .photo{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-evenly;align-content: center;align-items: center;min-width: 140px;}
.photo-container img{
   max-height: 125px;
   max-width: 125px;
   display: flex;
   justify-content: space-around;
   align-content: flex-end;
   flex-direction: row;
   margin-left: 15px;
}
.importar-masivo .photo-container .fa-times-circle,.fa-trash-alt{
   position: relative;
   left: 10px;
   bottom: 10px;

}
.importar-masivo .photo-container .fa-times-circle:before,.fa-trash-alt:before{
   background: white;
   border-radius: 20px;
   cursor: pointer;
}

.photo-container-imagen{
   display: flex;
   height: 125px;
}

.photo-container-portada{
   display: flex;
}

#resultados-masivo-videos{display: flex; gap: 2em; margin-top: 10px; width:100%; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.video-container{display: flex; flex-direction: column; border: 1px solid #e5e5e5; padding:15px; justify-content: space-between;align-items: center; max-width: 197px;}
.video-container .video{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-evenly;align-content: center;align-items: center;}
.video-container img{
   max-height: 125px;
   max-width: 125px;
   display: flex;
   justify-content: space-around;
   align-content: flex-end;
   flex-direction: row;
   margin-left: 15px;
}
.video-titulo{display: flex;}
.importar-video-masivo .video-container .fa-times-circle,.fa-trash-alt{
   position: relative;
   left: 10px;
   bottom: 10px;

}
.importar-video-masivo .video-container .fa-times-circle:before,.fa-trash-alt:before{
   background: white;
   border-radius: 20px;
   cursor: pointer;
}

.video-container-imagen{
   display: flex;
}

.video-container-portada{
   display: flex;
}

.video-previa{
   max-width: 100%;
}

#enlacepagofront{color: #FFF;}

.credits-custom{
   max-width: 50%;
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-top: 30px;
}

.one-column.pago{
   display: flex;
   flex-direction: row;
   justify-content: space-around;
}
.one-column.boton-pago{
   display: flex;
   justify-content: center;
   margin-bottom: 25px;
}

.oculto{display: none !important;}

#cont-horarios-ficha .invisible{
   visibility: hidden !important;
}

.horaultimarenovacion{
   font-size: 13px;
   display: flex;
   margin-left: 10px;
}

.baja-usuario{background:#9f060e; width:15%;font-size: 17px;}

#resultado-confirmar-operacion{
   text-align: center;
   background-color: #83ff83;
   margin-bottom: 15px;
   padding: 20px;
   border-radius: 8px;
   display: none;
}

.resultado-pago-tarjeta{
  text-align: center;
  margin-bottom: 15px;
  padding: 20px;
  border-radius: 8px;
  background-color: #f44336;
  display: none;
}

.resultado-pago-tarjeta.visible{
   display: block;
}

.pagook{
  background-color: #83ff83 !important;
}


#caida-publicar-usuario{
   display: none;
}

.mensaje-guardar-usuario{
   display: flex;
   background-color: #9f060e;
   color: white;
   padding: 10px;
   border-radius: 5px;
}

.caja-buscador{
   display: flex;
   justify-content: center;
   margin-bottom: 25px;
}

#buscador-fichas{
   display: flex;
   width: 100%;
   height: 40px;
   font-size: 23px;
}

.photo-container .bloque-flechas-orden{
   display: flex;
}

.photo-container .bloque-flechas-orden p{
   margin: 0px 10px;
}

.photo-container .bloque-flechas-orden i{
   cursor: pointer;
}

.drop-insert-masivo{
   cursor: pointer;
}

.photo-container-imagen .flecha-izquierda,.flecha-derecha{
   font-size: 30px;
    margin-top: 50px;
    cursor: pointer;
}

.fa-trash-alt{
   height: fit-content;
}

/* AVISO +18 CSS */

.modal_baja_user {
   width:100%;
   height:100vh;
   top:0;
   position:fixed;
   background:rgba(0,0,0,0.8);
   z-index:99;
   display:flex;
   align-items:center;
   justify-content:center;
}

@media(max-width:768px) {
   .modal_baja_user {
      display:block;
   }

   .modal_baja_user .container {
      width:90%;
      margin-top:50px;
   }
}

.modal_baja_user .container {
   background:var(--white);
   width: 45%;
   margin:0 auto;
   padding:20px;
   border-radius:5px;
}

.modal_baja_user .container .content {
   text-align:center;
}

.modal_baja_user .container .content img {
   width:50%;
   margin:0 auto;
}

@media(max-width:768px) {
   .modal_baja_user .container .content img {
      width:100%;
      margin:0 auto;
   }
}

.modal_baja_user .container .content .buttons {
   display:flex;
   justify-content:center;
   gap:2rem;
}

@media (max-width:1180px) {
   .modal_baja_user .container .content .buttons {
      flex-direction:column;
      gap:1rem;
   }
}

.modal_baja_user .container .content .buttons .btn {
   height: 100%;
    font-weight: 500;
    font-size: 20px;
    background: var(--background-gold);
    color: var(--white);
    border-radius: 5px;
    transition: all 0.1s linear;
}

.modal_baja_user .container .content .buttons .btn:hover {
   transform: scale(1.05);
    transition: all 0.1s linear;
    background: var(--secondary-color);
}


.modal_baja_user .advice-notice-wrapper {
   font-size:28px;
   color:var(--white);
   font-weight:600;
   background:#850209;
   margin-left:-40px;
   transform:translateX(20px);
   margin-bottom:0px;
   padding:20px;
   margin-top:40px;
}


.esta-web {
   margin-top:-10px;
   font-weight:600;
   font-size:20px;
}
.modal_baja_user .advice-notice-wrapper p {
   margin:0;
   line-height:1.5;
}

.modal_baja_user .advice-notice span {
   font-weight:900;
}


.card-tab__button-wrapper--estado button{
   cursor: pointer;
}

.card-tab__button--botonactivados .small{
   font-size: 12px;
}

.user-perfil .card-tab__button-wrapper--estado{
   display: flex;
   flex-direction: row;
   align-content: center;
   gap: 1rem;
}

@media(max-width:768px) {
   .user-perfil .card-tab__bottom-content{
      display: flex;
      padding: 10px 25px;
      background: #ebebeb;
      flex-wrap: nowrap;
      flex-direction: column;
      align-items: stretch;
   }

   .user-perfil .card-tab__button-wrapper{
      display: flex;
      gap: 1rem;
      flex-direction: column;
   }

   .user-perfil .card-tab__button{
      text-align: center;
   }

   .user-perfil .card-tab__button-wrapper--estado{
      width: 100%;
      display: flex;
      justify-content: space-around;
      margin-top: 20px;
      flex-direction: column;
      align-items: center;
   }

   .user-perfil .card__text-wrapper{
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
   }

   .user-ficha .bloque-botones-horarios{
      display: flex;
      align-items: center;
      flex-wrap: wrap;
   }

   .user-ficha .acc-post-guardar-ficha{
      margin: 20px 0;
      width:100%;
   }

}

.avisos-tienes-que-recargar {
   display:flex;
flex-direction:column;
gap:1rem;
    text-align: center;
   }

   .avisos-tienes-que-recargar p {
      margin:0;
   }

.user-ficha .margin-top-extra{
   margin-top: 10px;
}

.user-ficha .publicar-perfil{
   text-align: center;
   margin-bottom: 40px;
}

.avisos-tienes-que-recargar .card__button{
   display: flex;
   justify-content: center;
   min-height: 50px;
   max-width: 200px;
   margin: 12px auto;
   gap:1rem;
}

.caida-post-autorrenueva .error__wrapper p.error {
   color: #D8000C;
	background-color: #FFBABA;
   border-radius:5px;
}

.caida-post-autorrenueva .error__wrapper i {
   padding-right:10px;
}

.caida-post-autorrenueva .error__wrapper p.error i {
   color:  #D8000C;
}

.caja-boton-ver-mas{
   display: flex;
   justify-content: center;
   margin-top: -20px;
   margin-bottom: 20px;
}

.centrado{
   align-items: center;
}

.linea-rotacion .soyborrada{
   color: #9a9a9a;
}

.caja-paginador{
   display: flex;
   justify-content: center;
   margin-bottom: 25px;
}

.boton-paginador{
   display: flex;
   background: var(--background-gold);
   border-radius: 5px;
   color: white;
   margin: 0px 5px;
   padding: 5px;
   transition: all 0.1s linear;
   cursor: pointer;
   min-width: 17px;
   justify-content: center;
}

.bloque-horas-renovacion{
   border: none;
   background: transparent;
   color: #666;
   cursor: initial;
   padding: 0;
   font-size: 14px;
   font-weight: 500;
   border-radius: 5px;
   transition: all 0.1s linear;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   align-items: flex-start;
}
.bloque-horas-renovacion:hover{
    background: initial;
    border: initial;
    color: initial;
}

#comprobar-sesion{display: none;}

.contenedor-preview-documentodelante, .contenedor-preview-documentodetras {
  position: relative;
  display: inline-block;
}

.contenedor-preview-documentodelante, .contenedor-preview-documentodetras img {
  max-width: 150px;
  max-height: 150px;
  display: block;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.contenedor-preview-documentodelante .remove-documentodelante, .contenedor-preview-documentodetras .remove-documentodetras {
  position: absolute;
  top: -5px;
  right: -10px;
  font-size: 20px;
  color: red;
  cursor: pointer;
  background: white;
  border-radius: 50%;
  padding: 2px;
  line-height: 1;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  display: none; /* se muestra al cargar imagen */
}