@import url("https://use.typekit.net/hfs4ivi.css");
 @import url("https://use.typekit.net/nzz4low.css");

 :root {
   /* Colors: */
   --unnamed-color-777575: #777575;
   --bg_fichas: #F7F7F8;
   --bg-division: #61C4D1;
   --bg_seremi: #797574;
   --bg_subsecretarias: #1368B5;
   --bg_gabinete: #193968;
   --bg_ficha_m: #C4D6ED;
   --bg-color-183a68: #183A68;
   --bg-normativa: #ffffff;
   --bg-go:  #707070;
  --unnamed-color-575756: #575756;
  --unnamed-color-ffffff: #FFFFFF;
 
   /* Font/text values */
   --unnamed-font-family-museo-sans: museo-sans;
   --unnamed-font-style-normal: normal;
   --unnamed-font-weight-normal: normal;
   --unnamed-font-size-13: 13px;
   --unnamed-font-size-14: 14px;
   --unnamed-font-size-15: 15px;
   --unnamed-font-size-20: 20px;
   --unnamed-font-size-23: 23px;
   --unnamed-font-size-25: 25px;
   --unnamed-font-size-26: 26px;
   --unnamed-font-size-27: 27px;
   --unnamed-font-size-30: 30px;
   --unnamed-font-size-12-314909934997559: 12.314909934997559px;
   --unnamed-font-size-13-300089836120605: 13.300089836120605px;
   --unnamed-font-size-14-7778902053833: 14.7778902053833px;
   --unnamed-font-size-17-65070915222168: 17.65070915222168px;
   --unnamed-font-size-35-8320198059082: 35.8320198059082px;
   --unnamed-font-size-42-149959564208984: 42.149959564208984px;
   --unnamed-font-size-30-523569107055664: 30.523569107055664px;
   --unnamed-character-spacing-0: 0px;

   /* Font/text values */
    --unnamed-font-size-13-90491008758545: 13.90491008758545px;
    --unnamed-font-size-10-400320053100586: 10.400320053100586px;
    --unnamed-font-size-11-267020225524902: 11.267020225524902px;
    --unnamed-font-size-17-480480194091797: 17.480480194091797px;
    --unnamed-font-size-10-393750190734863: 10.393750190734863px;
    --unnamed-font-size-27-07097053527832: 27.07097053527832px;
    --unnamed-font-size-15-601960182189941: 15.601960182189941px;
    --unnamed-font-size-15-008370399475098: 15.008370399475098px;
    --unnamed-font-size-13-567779541015625: 13.567779541015625px;
    --unnamed-font-size-23-06045913696289: 23.06045913696289px;
    --unnamed-character-spacing-0: 0px;
    --unnamed-character-spacing-1-04: 1.04px;
    --unnamed-line-spacing-16: 16px;
    --unnamed-line-spacing-17: 17px;
    --unnamed-line-spacing-20: 20px;
    --unnamed-line-spacing-36: 36px;
    --unnamed-line-spacing-39: 39px;
    --unnamed-line-spacing-17-733469009399414: 17.733469009399414px;
    --unnamed-line-spacing-21-180850982666016: 21.180850982666016px;
    --unnamed-line-spacing-19-864160537719727: 19.864160537719727px;
    --unnamed-line-spacing-27-600000381469727: 27.600000381469727px;
    --unnamed-line-spacing-15-600480079650879: 15.600480079650879px;
    --unnamed-line-spacing-19-42275047302246: 19.42275047302246px;
    --unnamed-line-spacing-12-472500801086426: 12.472500801086426px;
    --unnamed-line-spacing-32-485164642333984: 32.485164642333984px;
    --unnamed-line-spacing-15-600000381469727: 15.600000381469727px;
    --unnamed-line-spacing-18-722352981567383: 18.722352981567383px;
    --unnamed-line-spacing-18-010046005249023: 18.010046005249023px;
    --unnamed-line-spacing-16-281335830688477: 16.281335830688477px;
    --unnamed-line-spacing-27-67255210876465: 27.67255210876465px;

  }

 
 /* Character Styles */
 @font-face {
  font-family: museo-sans-300;
  src: url(fonts/MuseoSans-300.otf);
  font-weight: 300;
}
@font-face {
  font-family: museo-sans;
  src: url(fonts/MuseoSans-500.otf);
  font-weight: 500;
}
@font-face {
  font-family: museo-sans-700;
  src: url(fonts/MuseoSans-700.otf);
  font-weight: 700;
}
@font-face {
  font-family: museo-sans-900;
   src: url(fonts/MuseoSans-900.otf);
  font-weight: 900;
}

 body {
  font-family: "museo-sans", sans-serif !important;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
}


.content {
  flex: 1;
}
 /* Elimina el punto (viñeta) de la lista */
 ul.list-unstyled li::before {
   content: none;
 }

 .accordion-button:not(.collapsed) {
   color: var(--bs-accordion-active-color);
   background-color: var(--bg_fichas);
   box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
 }

 .accordion {
   --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 }
 

 .accordion .mo {
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23193968'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23193968'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

 
 
 .linea1{
  width: 638px;
 }
 
 .linea2{
  width: 1001px;
 }

 .linea3{
  width: 882px;
 }
 
 .linea4{
  width: 1101px;
 }
 
 .btn-outline-primary {
    --bs-btn-hover-bg: #183A68;
   --bs-btn-hover-border-color: #183A68;
   --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-border-color: #183A68;
   --bs-gradient: none;
 }

 .fs17 {
  font-family: "museo-sans", sans-serif !important;
  font-size: 13px;
  line-height: var(--unnamed-line-spacing-21-180850982666016);
  letter-spacing: var(--unnamed-character-spacing-0);
  font-weight: 700;
 }

 .fs14 {
    font-family: "museo-sans", sans-serif !important;
    font-size: 14px;
    line-height: var(--unnamed-line-spacing-17-733469009399414);
    letter-spacing: var(--unnamed-character-spacing-0);
    font-weight: 700;
 }

 .fs12 {
    font-family: "museo-sans", sans-serif !important;
    font-size: 12px;
    font-weight: 700;
 }

.fw-900{
  font-weight: 900;
}

.fw-500{
  font-weight: 500;
}
 
.btn:hover {
   background-color: #387db1;
  border-color: var(--bs-btn-hover-border-color);
}

 
 .btn-close {
   --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
 }

 .modal {
   --bs-modal-width: 1076px;
 }

 .bg1 {
   background: var(--bg_gabinete) 0% 0% no-repeat padding-box;
   color: white;
 }

 .bg2 {
   background: var(--bg_subsecretarias) 0% 0% no-repeat padding-box;
   color: white;
 }

 .bg3 {
   background: var(--bg-division) 0% 0% no-repeat padding-box;
   color: white;
 }

 .bg4 {
   background: var(--bg_seremi) 0% 0% no-repeat padding-box;
   color: white;
 }

 .bg5 {
   background: var(--bg_ficha_m) 0% 0% no-repeat padding-box;
   color: white;
 }

 .bg7 {
   background-color: #E6E6E6;
 }

 .bg8 {
   background-color: #E6E6E6
 }
 .bg10 {
  background-color:#797574;
}

 hr {
   width: 83.08%;
   margin: 1rem 0;
   color: #212529;
   opacity: .50;
 }

 .hr-100 {
   width: 100%;
 }

 border.border-gris {
   border-color: #212529;
   border: #212529;
 }

 border.border-go {
  border-color: #707070;
  border:  #707070;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bg-go),var(--bs-border-opacity))!important;
}
.text-azul{
  color: #183A68;
}

 .caja {
   /*  width: 236px;*/
   width: 100%;
   height: 62px;
 }

 /* Character Styles */
 .encargado_entidad_movil {
    font-size: var(--unnamed-font-size-26);
   line-height: var(--unnamed-line-spacing-31);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--bg_seremi);
   font-weight: 500;
 }

 .titfun {
   font-family: "museo-sans", sans-serif !important;
    font-size: var(--unnamed-font-size-15-008370399475098);
   line-height: var(--unnamed-line-spacing-18-010046005249023);
   letter-spacing: var(--unnamed-character-spacing-0);
   font-weight: 500;
 }

 .tit_h1 {
  font-family: "museo-sans", sans-serif !important;
   font-size: 20px;
   color: #777575;
   font-weight: 700;
 }

 .connector {
   border-top: 1px solid #ccc;
   width: 50px;
   margin: 0 25px;
 }

 .vertical-text {
   writing-mode: vertical-lr;
   /* Esto rota el texto verticalmente de derecha a izquierda */
   text-orientation: unset;
   /* Esto asegura que el texto esté orientado correctamente */
   transform: rotate(180deg);
   /* Esto rota el texto en sentido contrario para que quede correctamente vertical */
   white-space: nowrap;
   /* Esto evita que el texto se desborde verticalmente */
   width: 63px;
   height: auto;
   /* UI Properties */
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-27)/32.4px var(--unnamed-font-family-museo-sans-300);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--unnamed-color-ffffff);
   text-align: center;
   font: normal normal normal 27px/32px museo-sans-300;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
 }

 .linea-conexion line {
   stroke: #797574;
   /* Color de la línea */
   stroke-width: 2;
   /* Grosor de la línea */
 }

 .svg-container {
   text-align: center;
   /* Centra el contenido horizontalmente */
 }

 .svg-container svg {
   max-width: 100%;
   /* Establece el ancho máximo del SVG al 100% del contenedor */
   height: auto;
   /* Permite que la altura se ajuste automáticamente para mantener la proporción */
 }

 .modal-header .close {
   color: white;
   /* Cambia el color a blanco */
 }

/* Character Styles */
  .textdireprov {
   font-size: var(--unnamed-font-size-13-90491008758545);
    line-height: var(--unnamed-line-spacing-15-600480079650879);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-575756);
  }

  .textcomuna {
   font-size: var(--unnamed-font-size-13-90491008758545);
    line-height: var(--unnamed-line-spacing-16);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-575756);
  }
  .titjefeprov {
    text-transform: capitalize;
    font-size: var(--unnamed-font-size-13-90491008758545);
    line-height: var(--unnamed-line-spacing-19-864160537719727);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-575756);
  }

  .titprov {
   font-size: var(--unnamed-font-size-17-480480194091797);
    line-height: var(--unnamed-line-spacing-19-42275047302246);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-575756);
  }

  .ms-500-13 {
    font-family: "museo-sans", sans-serif !important;
    font-size: var(--unnamed-font-size-13);
    line-height: var(--unnamed-line-spacing-15-600000381469727);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--bg_gabinete);
  }

  .ms-500-14 {
   font-size: var(--unnamed-font-size-14);
    line-height: var(--unnamed-line-spacing-20);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-575756);
  }
  .ms-500-15 {
    font-size: var(--unnamed-font-size-15-008370399475098);
    line-height: var(--unnamed-line-spacing-18-010046005249023);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--bg_gabinete);
  }
  .ms-900-23 {
    font-size: var(--unnamed-font-size-23);
    line-height: var(--unnamed-line-spacing-27-600000381469727);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--bg_gabinete);
  }
 
  .vermas {
    font-size: var(--unnamed-font-size-10-393750190734863);
    line-height: var(--unnamed-line-spacing-12-472500801086426);
    letter-spacing: var(--unnamed-character-spacing-1-04);
    color: #183A68;
    font-weight: 900;
  }

  .titnivel {
    font-family: "museo-sans", sans-serif !important;
    font-size: var(--unnamed-font-size-13-567779541015625);
    line-height: var(--unnamed-line-spacing-16-281335830688477);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
  }
  .textfun {
    font-family: "museo-sans", sans-serif !important;
    font-size: var(--unnamed-font-size-13);
    line-height: var(--unnamed-line-spacing-17);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--bg_gabinete);
  }

  .nombreencargadom {
    font-family: "museo-sans", sans-serif !important;
   font-size: var(--unnamed-font-size-23-06045913696289);
  line-height: var(--unnamed-line-spacing-27-67255210876465);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--bg_gabinete);
  }

  .nombreentidadm {
    font-family: "museo-sans", sans-serif !important;
  font-style: var(--unnamed-font-style-normal);
  font-size: var(--unnamed-font-size-27-07097053527832);
  line-height: var(--unnamed-line-spacing-32-485164642333984);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--bg_gabinete);
  }

  .titacceder{
   font-size: var(--unnamed-font-size-15-601960182189941);
  line-height: var(--unnamed-line-spacing-18-722352981567383);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-ffffff);
  }

 /* Estilos para pantallas de hasta 480px */
 @media screen and (max-width: 575.98px) {
    .content {
      flex: none;
    }

   .tit_h1 {
    font-family: "museo-sans", sans-serif !important;
    font-size: 20px;
     color: #777575;
     font-weight: 700;
   }

  .vermas {
    font-family: "museo-sans", sans-serif !important;
    font-size: var(--unnamed-font-size-7-809430122375488);
    line-height: var(--unnamed-line-spacing-9-371316909790039);
    letter-spacing: var(--unnamed-character-spacing-0-78);
    color: var(--unnamed-color-183a68);
    }
    .titacceder {
    font-size: var(--unnamed-font-size-15-008370399475098);
    line-height: var(--unnamed-line-spacing-18-010046005249023);
    letter-spacing: var(--unnamed-character-spacing-0);
     font-weight: 500;
    }
    .titnivel {
    font-size: var(--unnamed-font-size-13-567779541015625);
    line-height: var(--unnamed-line-spacing-16-281335830688477);
    letter-spacing: var(--unnamed-character-spacing-0);
    font-weight: 500;
     }
    .nombreencargadom{
      font-family: "museo-sans", sans-serif !important;
      font-size: var(--unnamed-font-size-23);
      line-height: var(--unnamed-line-spacing-27-600000381469727);
      letter-spacing: var(--unnamed-character-spacing-0);
      color: #183A68;
      font-weight: 500;
    }
    .nombreentidadm {
      font-family: "museo-sans", sans-serif !important;
        font-size: var(--unnamed-font-size-12);
        line-height: var(--unnamed-line-spacing-14-40000057220459);
        letter-spacing: var(--unnamed-character-spacing-0);
        color: #183A68;
        font-weight: 700;
    }
    .textfun {
      font-size: var(--unnamed-font-size-13);
      line-height: var(--unnamed-line-spacing-17);
      letter-spacing: var(--unnamed-character-spacing-0);
      color: #183A68;
      font-weight: 500;
    }
 
    .bg9 {
      background-color: #E9E9E9;
    }

   .bordermovil {
     background: var(--bg_fichas) 0% 0% no-repeat padding-box;
     border: 1px solid #707070;
   }

   .bg-sm {
     background-color: #C4D6ED;
     /* Cambia esto al color que desees */
   }

 }

 /* Estilos para pantallas de 481px a 768px */
 @media screen and (min-width: 576px) and (max-width: 767.98px) {}

 /* Estilos para pantallas de 769px a 1024px */
 @media screen and (min-width: 768px) and (max-width: 991.98px) {
   /* Estilos específicos para pantallas grandes */
   .linea1{
    width: 458
    px;
   }
   
   .linea2{
    width: 700px;
   }
  
   .linea3{
    width: 882px;
   }
   
   .linea4{
    width: 1101px;
   }
   
 }

 /* Estilos para pantallas de más de 992px */
 @media screen and (min-width: 992px) and (max-width: 1199.98px) {

   /* Estilos específicos para pantallas extra grandes */
   .svg-linea-horizonal {
     width: 708px;
     height: 2px;
     background-image: url("../img/lienaHorinzontal.svg");
     background-repeat: no-repeat;
     background-color: #797574;
     border: 1px;
   }

   .linea1{
    width: 460px;
   }
   
   .linea2{
    width: 700px;
   }
  
   .linea3{
    width: 640px;
   }
   
   .linea4{
    width: 801px;
   }
 
   
 }

 /* Estilos para pantallas de más de 1200px */
 @media screen and (min-width: 1200px) {

   /* Estilos específicos para pantallas extra extra grandes */
   .svg-linea-horizonal {
     width: 1238px;
     height: 2px;
     background-image: url("../img/lienaHorinzontal.svg");
     background-repeat: no-repeat;
     background-color: #797574;
     border: 1px;
   }
 }

 /* Estilos para pantallas de más de 1900px */
 @media screen and (min-width: 1441px) and (max-width:1900px) {
   hr {
     width: 777.98%;
   }
 }

 /* Estilos para pantallas de más de 1900px */
 @media screen and (min-width: 1901px) and (max-width: 2560px) {
   .svg-linea-horizonal {
     width: 1504px;
     height: 2px;
     background-image: url("../img/lienaHorinzontal.svg");
     background-repeat: no-repeat;
     background-color: #797574;
     border: 1px;
   }

   hr {
     width: 77.4%;
   }
 }

 @media screen and (min-width: 2400px) and (max-width: 2560px) {
   .svg-linea-horizonal {
     width: 1504px;
     height: 2px;
     background-image: url("../img/lienaHorinzontal.svg");
     background-repeat: no-repeat;
     background-color: #797574;
     border: 1px;
   }

   hr {
     width: 70.6%;
   }
 }

 /*1920*/
 /*2560*/