:root {
  --color-primary: #a5ab94;
  --color-secondary: #d4d4cc;
  --color-tertiary:#c4c4b4;
}
@font-face{
  font-family: "SF UI Display";
  src:url('../../static/fonts/fonts-text/SF-UI-Display-Regular.otf');
}

body{
  font-family: SF UI Display;
}
h5{
  font-family: SF UI Display;
}
h6{
  font-family: SF UI Display;
}

/* Bloque de mediaquerys*/
/*xl*/
@media (min-width: 1200px){
  html{
    font-size: 13px;
  }
}
/*lg*/
@media (min-width: 992px) and (max-width: 1199px){
  html{
    font-size: 13px;
  }
}
/*md*/
@media (min-width: 768px) and (max-width: 991px){
  html{
    font-size: 11px;
  }
}
/*sm*/
@media(min-width: 576px) and (max-width: 767px){
  html{
    font-size: 11px;
  }
}
/*xs*/
@media (max-width: 575px){
 html{
    font-size: 10px;
  }
}
/* Fin Bloque*/

/* body{
  font-family: Manrope-Regular;
} */

.bg-Clogin{
  background: url('../../static/images/login.png');  
}

.lbl-Csize{
  font-size: 11px; 
}

.full-Cimage{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  
}

.bg-CimageHome {
    height: 75vh;
    min-height: 500px;
    background-image: url('../../static/images/fondoBackoffice.png');
  }

@media (orientation: portrait) {
    .ptp-C40 {
      padding-top: 40% !important;
    }
    .ptp-C50 {
      padding-top: 50% !important;
    }
    .ptp-C60 {
      padding-top: 60% !important;
    }
    .ptp-C70 {
      padding-top: 70% !important;
    }
    .ptp-C80 {
      padding-top: 80% !important;
    }
  }

.pt-C25 {
  padding-top: 25%;
}

.pt-C35 {
  padding-top: 35%;
}

.pt-C17 {
  padding-top: 17%;
}
.pb-C17 {
  padding-bottom: 17%;
}
/* Fin Bloque*/

.bg-Cprimary{
  background-color: var(--color-primary);
}

.bg-Csecondary{
  background-color: var(--color-secondary);
}

.bg-Ctertiary{
  background-color: var(--color-black);
}


.text-Cprimary{
  color: var(--color-primary);
}

.text-Csecondary{
  color: var(--color-secondary);
}

.text-Ctertiary{
  color: var(--color-tertiary);
}


a:hover{
  color: var(--color-tertiary);
}
.btn:hover {
    color: var(--color-tertiary);
}
i:hover {
    color: var(--color-tertiary);
}

.border-Cprimary{
  border: 1px var(--color-primary) solid;
}

.min-vh-C75 {
  min-height: 75vh !important;
}

.vh-C65{
  height: 65vh;
}

.vh-C10{
  height: 2vh;
}

.vh-C75{
  height: 75vh;
}

.mt-C5{
  margin-top: 5vh;
}


.rounded-C30{
  border-radius: 30px;
}


ul.ui-autocomplete {
  background-color: rgb(233, 236, 239);
  position: absolute;
  border: 1px var(--color-secondary) solid;
  padding-left: 8px; 
  z-index: 9999;
}

ul.ui-autocomplete li{
  list-style-type: none;
  padding:2px;
} 
ul.ui-autocomplete li:hover{
  background: rgba(var(--color-secondary),0.3);

} 
ul.ui-autocomplete li .ui-state-active{
  background: rgba(var(--color-secondary),0.3);
}

[aria-live="assertive"]{
  display: none;
}

.cpointer {
  cursor: pointer;
}

.table-responsive thead {
  position: sticky;
  top: 0;
  z-index: 1; /* Asegura que el encabezado se superponga a las filas de la tabla */
}

/* Sobrescribe SOLO los botones que usan bg-Cprimary */
.btn.bg-Cprimary {
  background-color: #dc3545; /* Rojo */
  color: #ffffff !important;
  border-color: #dc3545;
}

.btn.bg-Cprimary:hover,
.btn.bg-Cprimary:focus {
  background-color: #bb2d3b; /* Rojo oscuro para hover/focus */
  color: #ffffff !important;
  border-color: #bb2d3b;
}

.btn.bg-Cprimary:active {
  background-color: #a71d2a;
  border-color: #a71d2a;
  color: #ffffff !important;
}

:root{
    --primary-red: #d90429;
    --background: #f3f4f6;
    --paper: #ffffff;
    --text-color: #343a40;
}

body{
    background: var(--background);
    font-family: 'Segoe UI', sans-serif;
    color: var(--text-color);
    min-height: 100vh;
}

/* Barra superior */
.top-navbar{
    background: var(--primary-red);
    min-height: 90px;
    display: flex;
    align-items: center;
    box-shadow: 0 3px 10px rgba(0,0,0,.15);
}

.top-navbar img{
    max-height: 100px;
    width: auto;
}

/* Contenedor principal */
.terms-container{
    padding: 40px 15px;
}

/* Hoja de documento */
.paper{
    background: var(--paper);
    max-width: 950px;
    margin: auto;
    padding: 50px;
    border-radius: 12px;
    box-shadow: 0 5px 25px rgba(0,0,0,.12);
    border: 1px solid #e9ecef;
}

.paper h1{
    color: var(--primary-red);
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
}

.paper h4{
    margin-top: 30px;
    color: var(--primary-red);
    font-weight: 600;
}

.paper p{
    text-align: justify;
    line-height: 1.8;
}

.last-update{
    text-align: center;
    color: #6c757d;
    margin-bottom: 30px;
}

@media (max-width: 768px){
    .paper{
        padding: 25px;
        border-radius: 8px;
    }
    .paper h1{
        font-size: 1.8rem;
    }
}