/*
****************************************************************************************
Hoja de estilos propios para el sitio web de Hospital las Higueras
Editor: J.Felipe Uribe - zDk
fecha: 31-12-2020-21-22-23-24
****************************************************************************************
*/

/* --------------------------------------------------------------------------------- */
/* fuentes */
/* --------------------------------------------------------------------------------- */
/* @font-face {
    font-family: BarlowCondensed-r;
    src: url('../font/BarlowCondensed-Regular.ttf');
}
@font-face {
    font-family: BarlowCondensed-m;
    src: url('../font/BarlowCondensed-Medium.ttf');
}
@font-face {
    font-family: BarlowCondensed-l;
    src: url('../font/BarlowCondensed-Light.ttf');
} */

/* --------------------------------------------------------------------------------- */
/* Clases css de apoyo */
/* --------------------------------------------------------------------------------- */
/* *{
    transition: all 300ms;
} */

.of {
  overflow: hidden;
}
.no_pad {
  padding: 0;
}
.bg_color {
  background-color: #f2f2f2;
}
.bg_color_drk {
  background-color: #595959;
}
.rel {
  position: relative;
  z-index: 1;
  top: -1px;
  width: 100.01%;
}
.blk {
  display: block;
}
.underline {
  border-bottom: 1px solid #027244;
  font-weight: 400;
  font-size: 35px;
}
.box-sdw {
  box-shadow: 0px 2px 4px #0000002e;
}

colores {
  color: #000000, #001c41, #4d4d4d, #767676, #0f69b4;
}
/* .card-mod div{} */
.card-mod {
  width: 100% !important;
  height: 356px;
}
.card-mod .card-content {
  overflow: auto;
}

/* --------------------------------------------------------------------------------- */
/* popup */
/* --------------------------------------------------------------------------------- */

/* Estilo del fondo oscuro semitransparente */
.overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 5;
}

/* Estilo del contenedor del popup */
.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  background: rgb(246, 246, 246, 0.7);
  z-index: 6;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  display: none;
  /* Inicialmente oculto */
}

/* Estilo opcional para la imagen */
.popup img {
  width: 600px;
  height: auto;
  border-radius: 10px;
}
.msj_popup {
  text-align: center;
  font-weight: 700;
  margin: 15px auto 0;
  color: #555;
  background-color: #ffd678;
  width: 300px;
  border-radius: 10px;
  padding: 5px;
}
.cont_img {
  display: flex;
  gap: 20px;
}
/* --------------------------------------------------------------------------------- */
/* Estilos para el header */
/* --------------------------------------------------------------------------------- */

/*
.cabecera{
} */

#accesibilidad {
  position: relative;
  background-color: rgba(221, 221, 221, 0.553);
  padding: 5px;
  border-radius: 0 0 20px 20px;
  /* overflow: hidden;  causa problemas con tooltip*/
  display: table;
  width: 190px;
  /* left: 30px; */
  z-index: 1;
  float: left;
}

#accesibilidad div {
  float: left;
  padding: 5px;
  background-color: #eee;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 17px;
  margin-top: 20px;
  margin: 0 4px;
  border-radius: 50%;
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
}
#accesibilidad .destac {
  color: rgb(247, 233, 45);
  background-color: rgb(106, 106, 106);
}
.logo {
  float: left;
  margin-right: 10px;
}
.logo img {
  height: 120px;
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5));
}

.text {
  float: left;
  margin-top: 70px;
}
.text h1 {
  font-size: 60px !important;
  font-family: "Barlow Condensed", sans-serif;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 2px 2px 2px #616161b8;
  margin: 0;
  line-height: 0.8;
  font-weight: bold;
}

.acre_gob {
  float: right;
}
.acre_gob img {
  height: 120px;
  /* margin-left: 10px; */
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5));
}
/* icono transparencia */
.trnsp {
  background-image: url(/img/icoTrans.png);
  height: 25px;
  width: 40px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
/* --------------------------------------------------------------------------------- */
/* estilos para las tablas */
/* --------------------------------------------------------------------------------- */
/* table{display: inline;} */
table > thead {
  background-color: #ffb44b;
  color: #fff;
  font-size: 25px;
  font-weight: 500;
}
tbody,
td,
tfoot,
th,
thead,
tr {
  border-width: 1px !important;
  border-style: solid;
  border-color: #ddd;
}

tbody,
td {
  width: 33.33%;
  text-align: center;
  padding: 15px 5px;
}

/* --------------------------------------------------------------------------------- */
/* estilos para la barra de navegación */
/* --------------------------------------------------------------------------------- */
.inic {
  /* background-image: url(/img/iconos/inicio.png); */
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;;
  background-size: 40px;
  background-position: 50%;
  /* width: 62px;
  height: 40px; */
  font-size: 1px !important;
}

/* --------------------------------------------------------------------------------- */
/* estilos sección bloque-link */
/* --------------------------------------------------------------------------------- */

.blk-link {
  text-decoration: none;
}
.blk-link img {
  width: 160px;
  filter: drop-shadow(0px 6px 2px #0000001c);
  transition: all 300ms;
}
.blk-link img:hover {
  filter: drop-shadow(0px 12px 5px #0000004c);
}
.blk-link img.news {
  width: 65%;
}
.blk-link p {
  font-size: 17px;
  color: #767676;
  font-weight: 500;
}

/* --------------------------------------------------------------------------------- */
/* estilos sección noticias */
/* --------------------------------------------------------------------------------- */
.search-not {
  background-color: #79d6af;
  font-size: 25px !important;
}
.no-result {
  background: #ffae62;
  padding: 10px;
  font-size: 25px;
  color: #fff;
  text-align: center;
  font-weight: 500;
  box-shadow: 0px 5px 10px #d8d8d8;
  border-radius: 5px;
}
.inp-search-not:focus {
  border-color: #c4c4c4 !important;
  box-shadow:
    inset 0 1px 1px rgba(199, 199, 199, 0.075),
    0 0 5px rgb(121 214 175) !important;
}
/* Estilo de paginacion notiias index */
#datos {
  margin: 0;
  padding: 0;
  list-style-type: none;
  gap: 15px;
}
#paging {
  font-size: 13px;
  padding: 5px;
  width: fit-content;
  width: max-content;
  background: #fff;
  border-radius: 5px;
  margin: 30px auto 0 auto;
  box-shadow: 0px 2px 6px #00000038;
}

#paging a {
  color: #474747;
  background: #e0e0e0;
  margin-right: 5px;
  text-decoration: none;
  display: inline-block;
  width: 30px;
  text-align: center;
  padding: 5px;
  font-weight: 800;
}
div#paging a:last-child {
  margin: 0;
  border-radius: 0 5px 5px 0;
}

div#paging a:first-child {
  border-radius: 5px 0 0 5px;
}
#paging a.aktif {
  background: #36ab7b !important;
  color: #fff;
}
#paging a:hover {
  background-color: #f7b85f;
  color: #fff;
}
.hidden {
  display: none !important;
}

.video iframe {
  width: 100%;
  height: 400px;
  border-radius: 5px;
}
.dimvid {
  width: 100%;
  height: 358px;
}
.redes {
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
  transition: all 400ms;
}
.redess {
  background-color: #fff;
  padding: 9px;
  border-radius: 5px;
  transition: all 400ms;
}
.redes:hover,
.redess:hover {
  box-shadow: 0px 2px 4px #0000002e;
}

.redes a {
  text-decoration: none;
  color: #767676;
  font-size: 17px;
}
.yt,
.ig {
  position: relative;
  top: -2px;
  width: 45px;
  height: 30px;
  display: block;
  float: left;
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.yt {
  background-image: url(/img/iconos/yt.png);
}
.ig {
  background-image: url(/img/iconos/ig.png);
}
.donovida {
  display: block;
  margin: auto;
  height: 52px;
  width: 199px;
  background-size: 200px;
  background-repeat: no-repeat;
  border-radius: 8px;
  background-image: url(/img/iconos/dv.png);
}
a.hidden-text {
  text-decoration: none;
  font-size: 1px;
  color: #fff;
}
/* controles resposive voice */
.ctrl {
  display: inline-block;
  color: #027244;
}
/* .ctrl:hover{color: #fff;} */
.rspvoice_c {
  /* width: 150px; */
  margin: 0 auto;
  line-height: 0;
  cursor: pointer;
}

/* .play{background-image: url("../../assets/img/iconos/ctrl.png");background-position: -47px 0px;}
.resm{background-image: url("../../assets/img/iconos/ctrl.png");background-position: -47px 0px;}
.paus{background-image: url("../../assets/img/iconos/ctrl.png");background-position: 0px 0px;}
.stop{background-image: url("../../assets/img/iconos/ctrl.png");background-position: -92px 0px;}
.down{background-image: url("../../assets/img/iconos/ctrl.png");background-position: -144px 0px;} */

.opciones {
  overflow: hidden;
  border-radius: 5px;
}

.opciones .rspvoice:hover {
  border-right: 3px solid #f7b85f;
}
.rspvoice {
  border-right: 3px solid #7ad6b0;
}
.pl,
.dw {
  color: #28805d;
}

.ps,
.rs,
.st {
  color: #6b6b6b;
}

.rspvoice,
.vermas {
  width: 50%;
  float: left;
  text-align: center;
  transition: all 500ms;
  cursor: pointer;
  color: #333;
  text-decoration: none;
  background-color: #f7f7f7;
  font-size: 16px;
  padding: 5px 0;
}

.vermas:hover {
  background-color: rgb(242 142 47);
  color: #fff;
  border-radius: 0 5px 5px 0;
}

/* fin controles resposive voice */
/* --------------------------------------------------------------------------------- */
/* página de noticias */
/* --------------------------------------------------------------------------------- */
.card-img-top {
  width: 50%;
  overflow: hidden;
  max-height: 370px;
  flex-shrink: 0;
}
.card-img-top img {
  width: 100%;
  height: 100%;
  min-height: 250px;
  max-height: 370px;
  object-fit: cover;
  display: block;
}
/* .card-body {
    width: 50%;
} */
.card-fecha,
.card-fecha-sld {
  border-radius: 5px;
  padding: 0 5px;
}
.card-fecha-sld {
  background-color: #e0e0e083;
}
.card-fecha {
  background-color: #e0e0e0;
  color: #363636;
}

.cat-not,
.cat-not-sld {
  border-radius: 5px;
  padding: 0 5px;
}
.cat-not-sld {
  background-color: #6abf9c63;
}
.cat-not {
  background-color: #ffe3c1;
}

/* --------------------------------------------------------------------------------- */
/* estilos sección Programas y servicios */
/* --------------------------------------------------------------------------------- */

.pr-sr {
  border: 1px solid #cbcbcb;
  overflow: hidden;
  border-radius: 5px;
  transition: all 400ms;
  color: #767676;
}
.pr-sr:hover {
  box-shadow: 0px 2px 4px #0000002e;
  background-color: #f2f2f2;
}

.pr-sr img {
  width: 35%;
  float: left;
}
.pr-sr p {
  float: left;
  width: 65%;
  margin-top: 60px;
  font-size: 20px;
  text-align: center;
  border-radius: 10px;
}

/* --------------------------------------------------------------------------------- */
/* estilos sección enlaces externos */ /* footer */
/* --------------------------------------------------------------------------------- */
.en-ex {
  transition: all 400ms;
}
.en-ex:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.banner {
  position: relative;
  display: flex;
  align-items: center;
  padding: 1.625rem 1rem 1rem;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  background-color: #fff;
  text-decoration: none;
  margin-bottom: 2px;
}
.banner-text {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  text-decoration: none;
  color: #000;
  font-size: 18px;
  font-weight: 100;
}
.banner-icon {
  margin-right: 1rem;
  line-height: 1;
  color: #b05c0c;
}
.banner .line {
  position: absolute;
  top: -1px;
  left: 1rem;
  min-width: 0;
  margin: 0;
}
.line::after {
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  height: 5px;
  content: "";
  background: linear-gradient(
    to right,
    #0f69b4 0,
    #0f69b4 50%,
    #e22c2c 50%,
    #e22c2c 100%
  );
}
.banner .line::after {
  width: 6.25rem;
  height: 0.625rem;
}
.banner.banner-shadow {
  border: none;
  box-shadow: 0 1px 2px 0 #858585cc;
}
.cl-call-info:before {
  /* content: "♫"; */
  font-size: 25px;
  color: #000;
}

.msj-foot {
  text-align: center;
  padding: 10px;
  color: #fff;
  font-weight: 100;
}
/* ------------------------------------------------------------------------ */
/* BANNER EN MENU  */
/* ------------------------------------------------------------------------ */
.bnn-menu {
  padding: 4px;
  width: 190px;
  position: sticky;
  float: right;
  background-color: #ffffff;
  border: 0;
  margin-left: 10px;
  border-radius: 0.5rem 0.5rem 0 0;
  margin-bottom: 0;
}

.bnn-menu .material-icons.ico1 {
  margin: 0 4px;
  /* color: #f28e2f; */
  font-size: 25px;
}
.bnn-menu .material-icons.ico2 {
  margin: 0 4px;
  color: #f4b06f;
  font-size: 25px;
}

.bnn-menu .cl-call-info:before {
  /* content: "♫"; */
  font-size: 20px;
  color: #000;
}
.bnn-menu .banner-icon {
  margin-right: 10px;
  line-height: 1;
}
.bnn-menu .line::after {
  width: 75px;
  height: 5px;
  bottom: -5px;
}
/* ================================================================ */

/* ================================================================ */

h6.banner-text {
  font-size: 13px;
  text-align: center;
  font-weight: 500;
}
/* Sub menu de links qeu no estan en el menu */
ul.links {
  margin: 0;
}
ul.links li {
  list-style-type: none;
  float: left;
}
ul.links li a {
  text-decoration: none;
  padding: 10px 10px 10px 0;
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #aaa;
}
ul.links li a:hover {
  color: #666;
}

.link-simple {
  text-decoration: none;
  color: #028030;
  font-size: 20px;
  font-weight: 500;
  padding: 10px;
  transition: all 300ms;
}
.link-simple:hover {
  color: #29aa58;
}

/* ------------------------------------------------------------------------ */
/* Contacto */
/* ------------------------------------------------------------------------ */
.mapa iframe {
  width: 100%;
  height: 400px;
}
.item {
  font-size: 20px;
  font-weight: 400;
  transition: all 100ms;
}
.item span {
  line-height: 40px;
  display: inline-block;
  overflow: hidden;
}

span.dir {
  background-image: url(/img/iconos/map.png);
}
span.tel {
  background-image: url(/img/iconos/tel.png);
}
span.rsv {
  background-image: url(/img/iconos/rsv.png);
}
span.dir,
span.tel,
span.rsv {
  height: 40px;
  width: 40px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.item span:nth-child(2) {
  width: 200px;
}
.item p {
  text-align: center;
}
/* #region asas */
/* ------------------------------------------------------------------------ */
/* ERROR                                                                    */
/* ------------------------------------------------------------------------ */
.cont_err {
  text-align: center;
  text-shadow: 0px 4px 5px #00000038;
}

.cont_err .err {
  font-weight: 100;
  font-size: 150px;
  color: #f28e2f;
  line-height: 1;
}
.cont_err a {
  background-color: #36ab7b;
  display: block;
  width: 150px;
  margin: 0 auto;
  margin-top: 30px;
  padding: 10px;
  border-radius: 7px;
  box-shadow: 0px 3px 0px #027244;
  text-decoration: none;
  color: #fff;
  transition: all 100ms;
}
.cont_err a:hover {
  background-color: #79d6af;
  box-shadow: 0px 3px 0px #36ab7b;
}

.err_t {
  font-size: 40px;
  font-weight: 100;
  color: #919191;
}
/* ------------------------------------------------------------------------ */
/* seccion para noticias individuales */
/* ------------------------------------------------------------------------ */
.fec-ctrl {
  padding: 0px;
  overflow: hidden;
}
.fecha {
  /* font-family: 'BarlowCondensed-r'; */
  font-size: 20px;
  color: #f28e2f;
  background-color: #f2f2f2;
  padding: 5px;
  text-align: center;
  border-radius: 5px;
  float: left;
}

.controles {
  float: left;
  background-color: #fff;
  padding: 6px;
  margin-left: 10px;
  border-radius: 5px;
}
.controles img {
  width: 35px;
  cursor: pointer;
  padding: 8px;
  background-color: #77dfb5;
}
.controles img.ply {
  border-radius: 5px 0 0 5px;
}
.controles img.dwl {
  border-radius: 0 5px 5px 0;
}

.material-icons {
  font-size: 40px;
}
.controles.ind {
  text-align: center;
  margin: 0;
  float: none;
  background: none;
}
.controles.ind .rspvoice_c {
  width: 200px;
  background-color: #e4e4e4;
  box-shadow: 0px 2px 3px #a5a5a5;
  border-radius: 5px;
}
.controles.ind .rspvoice_c .ctrl .material-icons {
  font-size: 40px;
}

.img_cont {
  position: relative;
  overflow: hidden;
  height: 650px;
  padding: 10px;
  background-color: #f3f3f3;
  border-radius: 12px;
  box-shadow: 0px 3px 5px #3a3a3a36;
}
.sld_img_ind {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 10px;
}
.texto_n {
  text-align: justify;
  font-size: 18px;
}
/* ------------------------------------------------------------------------ */
/* LISTADO DE NOTICIAS */
/* ------------------------------------------------------------------------ */

.listado {
  height: 320px;
  margin-bottom: 30px;
}
.listado-cont {
  overflow: hidden;
  max-height: 400px;
}

.cursive {
  text-align: center;
  font-size: 24px;
  font-style: italic;
  color: #777;
}

/* ------------------------------------------------------------------------ */
/* estilos para paginas internas */
/* ------------------------------------------------------------------------ */

a.c19 {
  display: block;
  border-radius: 20px;
  overflow: hidden;
  border: 10px solid #79d6af;
  transition: all 300ms;
  width: 500px;
  margin: 0 auto;
}
a.c19:hover {
  border: 10px solid #ffd59b;
}
h3.sub_h {
  text-align: center;
  padding: 20px;
  background-color: #ddd;
  border-radius: 10px;
  margin: 20px 0;
}

.ddp_img img {
  filter: drop-shadow(0px 6px 2px #00000044);
  border-radius: 10px;
  transition: all 300ms;
}

.ddp_img img:hover {
  filter: drop-shadow(0px 10px 6px #00000044);
}
.debyder {
  font-weight: 500;
  color: #666;
}
/* ------------------------------------------------------------------------ */
/* Estilos para cuenta publica */
/* ------------------------------------------------------------------------ */

.icoccp {
  background-image: url(/img/iconos/mnu.png);
}

.arrw {
  float: left;
  position: relative;
  width: 0;
  padding: 0;
  top: 10px;
  font-size: 60px;
  right: 30px;
  color: #666;
  z-index: -1;
}
.ccp p {
  font-size: 13px;
  margin-top: 15px;
  font-weight: 700;
  color: #6e6e6e;
}
img.imgccp {
  height: 128px;
}
/* ------------------------------------------------------------------------ */
/* equipo deirectivo */
/* ------------------------------------------------------------------------ */

.d_box {
  padding: 10px 10px;
  width: fit-content;
  margin: 10px auto;
  box-shadow: 0px 3px 5px #cacaca;
  border-radius: 10px;
}
.d_box img {
  width: 270px;
  border-radius: 5px;
  object-fit: cover;
  box-shadow: 0px 2px 4px #0000002e;
}
.direc .d_box {
  background: #79d6af;
  color: #fff;
}
.jefe_u {
  background: #f28e2f;
  color: #fff;
}

.equ_d h6 {
  font-weight: 100;
  font-style: italic;
}

/* ------------------------------------------------------------------------ */
/* Concursos publicos */
/* ------------------------------------------------------------------------ */

/* clases nuevas */

.cnv-titulos {
  text-align: center;
}
.cnv-estado {
  padding: 10px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #555;
  text-transform: uppercase;
  background-color: #f3f3f3;
}
.cnv-ttl,
.cnv-ttl-fch {
  padding: 10px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
}
.cnv-ttl-fch {
  background-color: #f3f3f3;
  color: #555;
}
.cnv-ttl-cnv,
.cnv-data > span:first-child {
  font-size: 18px;
  font-weight: 600;
  color: #555;
  text-align: center;
}

.cnv-inst {
  text-align: center;
  padding: 10px;
  background-color: #f3f3f3;
}
.cnv-inst > label {
  font-weight: 600;
  color: #555;
}

.cnv-info {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.cnv-data {
  text-align: center;
  padding: 5px;
}

.cnv-fch-cont {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: space-around;
  text-align: center;
  padding: 10px;
}

.cnv-fch > span:first-child {
  font-weight: 600;
  color: #555;
  font-size: 18px;
}
.cnv-fch > span {
  padding: 5px;
}
.cnv-fch {
  border-radius: 5px;
}
.container.con-pub {
  padding: 10px;
}
.bx {
  box-shadow: 0px 3px 6px #b4b4b4;
  border-radius: 10px;
  overflow: hidden;
}
.cnv-enl-cont {
  text-align: center;
}
.cnv-enl-cont a {
  display: block;
  background-color: #626463;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  padding: 6px;
  transition: all 300ms ease;
  text-decoration: none;
}
.cnv-enl-cont a:hover {
  background-color: #aeb2b0;
}

/* ---------------------------- */
.cnv-pst {
  color: #427962;
  background-color: #f3f3f3;
}
.cnv-slc {
  color: #f28e2f;
  background-color: #f3f3f3;
}
.cnv-fnz {
  color: #f76356;
  background-color: #f3f3f3;
}
/* ---------------------------- */
.curent_fch_pst {
  color: #ffffff;
  background-color: #427962;
}
.curent_fch_slc {
  color: #834b02;
  background-color: #f28e2f;
}
.curent_fch_fnz {
  color: #ffffff;
  background-color: #f76356;
}
/* ---------------------------- */

.cnv-ttl-fch-pst {
  background-color: #f3f3f3;
  color: #427962;
}
.cnv-ttl-fch-slc {
  background-color: #f3f3f3;
  color: #f28e2f;
}
.cnv-ttl-fch-fnz {
  background-color: #f3f3f3;
  color: #f76356;
}
/* ---------------------------- */
.cnv-enl-cont-pst a {
  background-color: #1f6145;
}
.cnv-enl-cont-pst a:hover {
  background-color: #36ab7b;
}
.cnv-enl-cont-slc a {
  color: #834b02;
  background-color: #f7b85f;
}
.cnv-enl-cont-slc a:hover {
  background-color: #ffd59b;
}
.cnv-enl-cont-fnz a {
  background-color: #f76356;
}
.cnv-enl-cont-fnz a:hover {
  background-color: #ff9a91;
}
/* ---------------------------- */
.fch-curent > span:first-child {
  color: #ffffff;
}
.fch-curent-s > span:first-child {
  color: #834b02;
}
.fch-curent-pst {
  box-shadow: 0px 3px 6px #b4b4b4;
  background-color: #427962;
  color: #fff;
}
.fch-curent-slc {
  box-shadow: 0px 3px 6px #b4b4b4;
  background-color: #f7b85f;
  color: #834b02;
}
.fch-curent-fnz {
  box-shadow: 0px 3px 6px #b4b4b4;
  background-color: #f76356;
  color: #fff;
}
/* ---------------------------- */

/* =============================== */
.con-pub .titulo {
  background-color: #dedede;
  overflow: hidden;
}

.con-pub .titulo .estado {
  background-color: #79d6af;
  padding: 10px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}
.con-pub .titulo .estado.eval {
  background-color: #ffd59b;
  color: #555;
}
.con-pub .titulo .estado.finalizado {
  background-color: #f38282;
  color: #fff;
}

.con-pub span {
  display: block;
}

.con-pub .titulo .cargo {
  padding: 10px;
  float: left;
  font-size: 20px;
  line-height: 24px;
}
.con-pub .info.row {
  margin: 0;
  background-color: #f3f3f3;
}
.info .fechas,
.info .datos {
  /* padding-bottom: 10px; */
  padding: 5px;
  font-size: 15px;
}

.datos .post span:first-child,
.datos .post span {
  float: left;
}

.info .fechas .post span:first-child,
.info .fechas .post span,
.info .datos .post span:first-child,
.info .datos .post span {
  float: left;
}

.info .datos .post span,
.info .fechas .post span {
  width: 60%;
}

.info .datos .post span:first-child,
.info .fechas .post span:first-child {
  width: 40%;
}

.info .fechas .post,
.info .datos .post {
  overflow: hidden;
  padding: 10px;
}
.post.inp,
.post.par,
.post.inp-e,
.post.par-e {
  color: #fff;
  font-weight: 500;
}
.post.par {
  background-color: #79d6af;
}
.post.inp {
  background-color: #66caa0;
}
.post.par-e {
  background-color: #f7b85f;
  color: #555;
}
.post.inp-e {
  background-color: #ffd59b;
  color: #555;
}
.post.par-f {
  background-color: #e99595;
  color: #fff;
}
.post.inp-f {
  background-color: #e66767;
  color: #fff;
}

.t-info {
  padding: 10px;
  background-color: #ffffff;
  color: #737373;
  font-weight: 500;
}

.con-pub .cond {
  background-color: #dedede;
  padding: 20px 10px 10px 10px;
}

.btn-ep a {
  text-align: center;
  display: block;
  text-decoration: none;
  color: #555;
  font-weight: 500;
  background-color: #ffd59b;
  text-transform: uppercase;
  padding: 6px;
  transition: all 300ms ease;
}
.btn-ep a:hover {
  background-color: #f7b85f;
}

.sombra {
  box-shadow: 0px 2px 4px #d9d9d9;
}

/*==================================*/
/* Indicaiones examenes */
/*==================================*/
.iex-list li {
  list-style-type: none;
  border: 1px solid #e4e4e4;
  padding: 5px;
  border-radius: 5px;
}
.iex-list li .iex-name {
  font-weight: 600;
  color: #505050;
}
.iex-list li:hover {
  background-color: #ebebeb;
}
.iex-name {
  cursor: pointer;
}
#modal-inst {
  padding: 10px;
  box-shadow: 0px 4px 8px #00000038;
  margin-bottom: 50px;
  border-radius: 15px;
  font-weight: 400;
  color: #555;
}
#modal-inst .close {
  top: 5px;
  right: 5px;
  font-size: 20px;
  cursor: pointer;
  background-color: red;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 20px;
  line-height: normal;
  color: white;
  font-weight: 600;
}

.link img {
  width: 50px;
  border-radius: 5px;
  transition: all 300ms;
}

.link img:hover {
  filter: drop-shadow(0px 5px 4px #38795c75);
}
/* ------------------------------------------------------------------------ */
/* Participación social */
/* ------------------------------------------------------------------------ */
.part-soc img {
  border-radius: 10px;
  box-shadow: 0px 5px 5px 0px #afafaf;
}
/* ------------------------------------------------------------------------ */
/* voluntariado */
/* ------------------------------------------------------------------------ */
.vol {
  /* overflow: hidden; */
  /* background-color: #36ab7b; */
  /* color: #fff; */
  border-radius: 10px;
  /* box-shadow: 0px 2px 5px 0px #929292; */
  transition: ease all 500ms;
}
.vol:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  background-color: #36ab7b;
  color: #fff;
}

.vol-img {
  text-align: center;
}
.vol-img img {
  width: 80%;
  border-radius: 15px;
}
.vol .vol-t {
  font-size: 23px;
}
/* ------------------------------------------------------------------------ */
/* Obtetricia y gine */
/* ------------------------------------------------------------------------ */
.link.btn-s a {
  font-size: 20px;
  width: 280px;
  line-height: 40px;
  background-size: 40px;
  background-position: 5% 50%;
}
.obgi-img img {
  border-radius: 15px;
  box-shadow: 0px 4px 5px 1px #999;
}
/* ------------------------------------------------------------------------ */
/* CAAAC */
/* ------------------------------------------------------------------------ */
.row.caaac h3,
.row.caaac h5 {
  background-color: #f7b85f;
  color: #fff;
  padding: 5px 0 5px 0px;
}
.divs-l {
  transition: all 300ms;
}
.divs-l:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

/* ------------------------------------------------------------------------ */
/* Dispositivos de salud mental */
/* ------------------------------------------------------------------------ */
.img-bkg-1 {
  background-image: url(/img/pagina/dsm/bkg1-50.jpg);
}
.img-bkg-2 {
  background-image: url(/img/pagina/dsm/bkg2-50.jpg);
}
.img-bkg-3 {
  background-image: url(/img/pagina/dsm/bkg3-50.jpg);
}
.img-bkg-4 {
  background-image: url(/img/pagina/dsm/bkg4-50.jpg);
}
.img-bkg-5 {
  background-image: url(/img/pagina/dsm/bkg6-50.jpg);
}
.img-bkg-1,
.img-bkg-2,
.img-bkg-3,
.img-bkg-4,
.img-bkg-5 {
  padding: 52px;
  color: #fff;
  border-radius: 5px;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  text-shadow: 2px 2px 3px #000;
}
a.arancel {
  display: block;
  height: 50px;
  width: 50px;
  background-image: url(/img/iconos/xls.png);
  background-size: contain;
  margin: 0 auto;
  transition: all 300ms;
}
a.arancel:hover {
  filter: drop-shadow(0px 10px 3px #0000004c);
}

/* enlace de pagina red asistencial */
.enlace {
  position: relative;
  top: 12px;
  font-size: 34px !important;
  color: #36ab7b;
  text-shadow: 0px 2px 2px #d3d3d3;
  transition: all 300ms;
}
.enlace:hover {
  color: #f7b85f;
  text-shadow: 0px 2px 5px #ffffff;
}

a.enlace2 {
  background-color: #79d6af !important;
  color: #fff;
  text-decoration: none;
  padding: 5px;
  border-radius: 5px;
  font-weight: 600;
  transition: all 300ms;
}
.enlace2:hover {
  background-color: #f7b85f;
  text-shadow: 0px 2px 5px #277856;
}
.en
/* pagina covid */
.estrategia img {
  width: 50%;
  filter: drop-shadow(0px 5px 3px #bbb);
}
.estrategia ul {
  text-align: left;
  width: 69%;
  margin: 0 auto;
}
.cifras img {
  width: 30%;
  filter: drop-shadow(0px 5px 3px #bbb);
}
.cifras .nro {
  font-weight: 900;
  color: rgb(58, 176, 102);
  text-shadow: 1px 3px 0px #4a8133;
}

/* Normalizacion */
.jstfy {
  text-align: justify;
}
/* .cifras .box:hover{
    transition: all 300ms;
    box-shadow: 0px 2px 8px rgb(191, 191, 191);
    border-radius: 5px;
} */
.bebe-wrng:hover {
  background-color: #fff383;
}
/* innovacion */

.usr {
  background-image: url(/img/iconos/usr.png);
}
.twr {
  background-image: url(/img/iconos/twr.png);
}
.lnk {
  background-image: url(/img/iconos/lnk.png);
}
.icon {
  background-repeat: no-repeat;
  background-size: 25px;
  width: 25px;
  height: 25px;
  display: inline-block;
  position: relative;
  top: 5px;
}
.icon2 {
  position: relative;
  top: 2px;
  margin: 0 5px;
  position: relative;
  top: 15px;
  margin: 0 5px;
  text-shadow: 0px 2px 6px #ababab;
  font-size: 50px;
}
.cor {
  color: #76bf3e;
}
.inn {
  color: #fff700;
}

/* ============================================================== */
/* formulario etica  */
/* ============================================================== */
.btn-etica {
  background-color: #79d6af;
  color: #fff;
}
.btn-etica:hover {
  background-color: #36ab7b;
  color: #fff;
}
/* ============================================================== */
/* seccion investigación  */
/* ============================================================== */
.img-invbio {
  width: 100px;
}

.img-cnt {
  text-align: center;
}

.invbio-name {
  font-size: 16px;
  font-weight: 400;
  display: block;
  text-align: center;
  padding: 0 30px;
}

/* ============================================================== */
/* Pespi */
/* ============================================================== */
.img-pespi {
  width: 60%;
  margin: 0 auto;
  padding: 30px;
}
.img-pespi-contac {
  width: 70%;
  margin: 0 auto;
}

/* ============================================================== */
/* Media queries para diseño responsivo */
/* ============================================================== */

@media only screen and (max-width: 1770px) {
  #accesibilidad {
    /* position: relative;
        margin: 15px auto -56px auto; */
  }
  /* .bnn-menu {
        width: 200px;
    } */
}
@media (max-width: 1400px) {
  /* Programas y servicios  */
  .pr-sr p {
    font-size: 15px;
    margin-top: 40px;
  }

  /* banner menu */
  /* .bnn-menu {
        width: 255px;
    } */
  .popup img {
    width: 300px;
    height: auto;
    border-radius: 10px;
  }
  .dimvid {
    width: 100%;
    height: 308px;
    background-color: #000;
  }
}
@media only screen and (max-width: 1200px) {
  /* cabecera */

  .navbar-light .navbar-nav .nav-link {
    font-size: 12px;
  }
  .acre_gob {
    float: right;
  }

  /* menu */
  .dropdown-menu {
    top: 40px;
  }
  ul.dropdown-menu.show {
    margin: 0;
  }
  .nav-item {
    padding: 0px 5px;
    font-size: 13px;
  }
  /* .bnn-menu {
        width: 270px;
    } */
  /* Programas y servicios */
  .pr-sr p {
    font-size: 15px;
  }

  .vol .vol-t {
    padding-top: 10px !important;
  }
  .vol:hover {
    background-color: #36ab7b;
  }
  .cont_img {
    display: block;
    gap: 20px;
  }
  .popup img {
    width: 400px;
    height: auto;
    border-radius: 10px;
  }
  .dimvid {
    width: 100%;
    height: 257px;
  }
}
@media only screen and (max-width: 992px) {
  .logo img {
    height: 115px;
  }
  .text {
    margin-top: 81px;
    width: 50%;
  }
  .text h1 {
    font-size: 40px !important;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 10px;
  }
  .nav-item {
    padding: 0px 5px;
    font-size: 13px;
    border-radius: 5px !important;
  }
  /* .bnn-menu {
        width: 210px;
    } */
  /* noticia individual */
  .img_cont {
    height: 300px;
  }
  /* Programas y servicios */
  .pr-sr p {
    font-size: 12px;
    margin-top: 30px;
  }
  .mod-wdh {
    width: 50%;
  }
  .ddp_img.col-lg-3 {
    width: 50%;
  }
  /*
    .vol {
        border-radius: 40px 40px 40px 40px;
    } */
  .vol-img {
    text-align: center;
    width: 100%;
    margin-top: 10px;
  }
  .vol-img img {
    width: 65%;
  }

  .vol .vol-t {
    width: 100%;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    top: 40px;
    margin-bottom: 5px;
  }
  .dimvid {
    width: 100%;
    height: 190px;
  }
  .not-titulo h5 {
    font-size: 15px !important;
  }
  .not-texto {
    font-size: 13px !important;
  }
  .popup img {
    width: 300px;
    height: auto;
    border-radius: 10px;
  }
}

@media only screen and (max-width: 768px) {
  #accesibilidad {
    position: unset;
    /* margin: 10px auto 0 auto !important; */
  }
  .logo img {
    margin: 0;
    height: 71px;
  }
  .text {
    margin-top: 42px;
    width: 58%;
  }
  .text h1 {
    font-size: 35px !important;
  }

  .acre_gob img {
    height: 72px;
  }
  /* Noticias */
  .card p {
    font-size: 13px;
  }
  .redes a {
    font-size: 13px;
  }
  .yt,
  .ig {
    width: 30px;
  }
  .listado {
    height: unset;
  }
  /* Programas y servicios */
  .pr-sr p {
    font-size: 12px;
    margin-top: 4px;
  }
  .mod-wdh {
    width: 100%;
  }
  /* imagen noticia en pagina de noticia */
  .card-img-top {
    width: 100%;
  }

  /* Contacto */
  .item span:nth-child(2) {
    width: 160px;
  }
  .item {
    font-size: 16px;
  }
  .item span {
    line-height: 25px;
  }

  span.dir,
  span.tel,
  span.rsv {
    height: 25px;
    width: 25px;
  }
  .divs-l,
  .divs-r {
    border: 0;
  }
  .dimvid {
    width: 100%;
    height: 290px;
  }
  .popup img {
    width: 300px;
    height: auto;
    border-radius: 10px;
  }
}

@media only screen and (max-width: 576px) {
  /* titulos */
  .underline {
    font-size: 28px;
  }
  .logo {
    /* float: none; */
    margin: 0;
    text-align: center;
  }
  .logo img {
    height: 55px;
  }
  .text {
    float: left;
    margin-top: 39px;
    margin-left: 5px;
    width: 50%;
  }
  .text h1 {
    font-size: 20px !important;
  }
  .bnn-menu {
    padding: 4px;
    width: 160px;
    margin: 0;
  }
  .banner-text {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    text-decoration: none;
    color: #000;
    font-size: 18px !important;
    font-weight: 100;
    width: 100%;
  }
  .bnn-right {
    float: left;
  }
  .acre_gob img {
    height: 55px;
  }
  /* copago  */
  .copago0 {
    width: 100% !important;
  }

  /* Programas y servicios */
  .pr-sr p {
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 0;
  }
  /* Contacto */
  .item span:nth-child(2) {
    width: 130px;
  }
  .item {
    font-size: 13px;
  }
  .ddp_img.col-lg-3 {
    width: 100%;
  }

  .ddp_img.col-lg-3 .img-fluid {
    width: 80%;
  }

  .arrw {
    right: 60px;
  }

  .popup img {
    width: 300px;
    height: auto;
    border-radius: 10px;
  }
}

/* ============================================
   SEC-HEADER — componente reutilizable
   ============================================ */
.sec-header {
  text-align: center;
  padding: 40px 20px 30px;
}
.sec-header-icon {
  display: inline-block;
  padding: 15px;
  border-radius: 50%;
  margin-bottom: 20px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
  color: white;
}
.sec-header-icon svg { display: block; }
.sec-header-title {
  font-size: 32px;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 12px;
}
.sec-header-description {
  font-size: 15px;
  color: #6c757d;
  max-width: 700px;
  margin: 0 auto;
}
body.contraste .sec-header-title { color: #ffffff; }
body.contraste .sec-header-description { color: #c0c0c0; }