/* 
    Created on : 07-03-2023, 11:15:59
    Author     : Felipe Morales
*/

.btnSinStyle{
    border-width:0px!important;
    background-color:transparent!important;
    cursor:pointer!important;
}
.modal{
    margin-top:4%;
}
.wrap{
  /* background-color: #fff; */
  /*position: absolute;*/
/*  height: 120%;
  width: 100%;*/
  bottom:0%;
  z-index:3000!important;
  backdrop-filter: blur(3px);
}

th{
    padding-top: 8px!important;
    padding-bottom: 8px!important;
}
.custom-select{
    font-size:13px!important;
}
.modal-dialog{
    margin-top:3%!important;
}

.fondo-azul,.btn-primary{
    /*background-color:#256092!important;*/
  background-color: #003A60!important;
}

.btn-warning{
    background-color:#ff5722!important;
}
.circular--landscape-mini {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
}

.circular--landscape-mini img {
  width: 100%;
  height: auto;
  /*margin-top: -25px;*/
}

.circular--landscape {
  display: inline-block;
  position: relative;
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 50%;
}

.circular--landscape img {
  width: 100%;
  height: auto;
  /*margin-top: -25px;*/
}

.circular--landscape-comentario {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
}

.circular--landscape-comentario img {
  width: 100%;
  height: auto;
  /*margin-top: -25px;*/
}

/* Estilos del contenedor */
.scroll {}

.scroll p:not(:last-child) {
  margin-bottom: 1rem;
}

/* Tamaño del scroll */
.scroll::-webkit-scrollbar {
  width: 7px;
}

 /* Estilos barra (thumb) de scroll */
.scroll::-webkit-scrollbar-thumb {
  background: #ececec;
  border-radius: 6px;
}

.scroll::-webkit-scrollbar-thumb:active {
  background-color: white;
}

.scroll::-webkit-scrollbar-thumb:hover {
  background: white;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

 /* Estilos track de scroll */
.scroll::-webkit-scrollbar-track {
  background: white;
  border-radius: 4px;
}

.scroll::-webkit-scrollbar-track:hover, 
.scroll::-webkit-scrollbar-track:active {
  background: white;
}

.custom-file-label::after { content: "Seleccionar";}









.center-abs{
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
.charts{
    display: flex;
    flex-wrap: wrap;
}
.chart {
    position: relative;
    width: 25%;
    height: 260px;
}

.chart svg {
    z-index: 2;
}

.circle {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    z-index: 1;
    border: 10px #baeaff solid;
}

span.text {
    z-index: 3;
    text-align: center;
    width: 100%;
    font-size: 4em;
    font-weight: 700;
    color: #ff5722;
}

.outer {
    fill: transparent;
    stroke: #256092;
    stroke-width: 20;
    /* 2 * RadioCircle* Pi = stroke-dasharray */
    /* 2 * 70 * 3.1415 = 439.81 */
    stroke-dasharray: 1257; /* set in js file */
    transform: rotate(270deg) translate(-150px, 0);
}

#countdown-content p{
    text-align: center;
    font-size: 2em;
    color:#256092;
    font-weight: 700;
    width: 100%;
}



.floating-logo{
    position: fixed;
    right: 24px;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 100px);
    width: 250px;
    height: 250px;
    /* z-index: 1; */ /* muy por encima de cards/modales */
    display: block;
    transition: transform .2s ease;
}
.floating-logo img{
    width: 100%;
    height: 100%;
    border-radius: 50%;      /* recorta en círculo */
    object-fit: cover;       /* centra y rellena */
    object-position: center; /* asegura centrado del logo */
    background: #fff;        /* evita bordes transparentes oscuros */
    border: 3px solid #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.25);
    pointer-events: auto;
}
.floating-logo:hover{ transform: scale(1.04); }

/* tamaño en móviles */
@media (max-width: 768px){
  .floating-logo{ width: 72px; height: 72px; right: 16px; bottom: 16px; }
}

/* si alguna vez quieres que no aparezca al imprimir */
@media print{ .floating-logo{ display: none !important; } }