@font-face {
  font-family: 'OpenSans-SemiBold';
  src: url('fonts/OpenSans-SemiBold.ttf');
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans-Regular';
  src: url('fonts/OpenSans-Regular.ttf');
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans-ExtraBold';
  src: url('fonts/OpenSans-ExtraBold.ttf');
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('fonts/OpenSans-Bold.ttf');
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans-Medium';
  src: url('fonts/OpenSans-Medium.ttf');
  font-display: swap;
}
@font-face {
  font-family: 'PlusJakartaSans-SemiBold';
  src: url('fonts/PlusJakartaSans-SemiBold.ttf');
  font-display: swap;
}
@font-face {
  font-family: 'PlusJakartaSans-Medium';
  src: url('fonts/PlusJakartaSans-Medium.ttf');
  font-display: swap;
}
@font-face {
  font-family: 'PlusJakartaSans-Bold';
  src: url('fonts/PlusJakartaSans-Bold.ttf');
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans-Light';
  src: url('fonts/OpenSans-Light.ttf');
  font-display: swap;
}
.ltr1 {
  font-family: 'OpenSans-SemiBold';
  font-size: 14px;
  color: #282828;
}
.ltr2 {
  font-family: 'OpenSans-Regular';
  font-size: 14px;
}
.ltr3 {
  font-family: 'OpenSans-ExtraBold';
  font-size: 16px;
}
.ltr4 {
  font-family: 'OpenSans-Bold';
}
.ltr5 {
  font-family: 'OpenSans-Medium';
  font-size: 20px;
}
.borde2 {
  opacity: 1;
  border-top: 1px solid #F18C2A;
  width: 95%;
  display: block;
  margin: auto;
  margin-top: 60px;
}
.boton-r {
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  background: #E8790C;
  width: 220px;
  height: 42px;
  border-radius: 50px;
  display: block;
  font-family: 'OpenSans-ExtraBold';
  font-size: 24px;
  position: relative;
  margin: auto;
  margin-top: 20px;
}
.navbar {
  background-color: #ffffff;
}
.navbar .container .collapse .navbar-nav .nav-item {
  margin-left: 0px;
  border-right: 1px solid #F18C2A;
}
.navbar .container .collapse .navbar-nav .nav-item:last-child {
  border-right: 0;
}
.navbar .container .collapse .navbar-nav .nav-item .nav-link {
  position: relative;
  margin: 0 12px;
}
.navbar .container .collapse .navbar-nav .nav-item .nav-link:hover::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #E8790C;
  top: 0;
  left: 0;
}
.navbar .container .collapse .navbar-nav .nav-item .nav-link.active::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #E8790C;
  top: 0;
  left: 0;
}
.navbar .container .collapse .navbar-text {
  position: relative;
  width: 34px;
  height: 34px;
  display: inline-block;
  margin: 0 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  border-radius: 33px;
  margin-bottom: 20px;
  padding: 0;
  top: 5px;
}
.navbar .container .collapse .navbar-text::after {
  background-color: #282828;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  content: '';
  z-index: 1;
  margin: auto;
  display: block;
}
.navbar .container .collapse .navbar-text .icn3 {
  position: relative;
  z-index: 2;
}
.seccion1 .carousel .carousel-indicators [data-bs-target] {
  width: 22px !important;
  height: 22px !important;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid white;
  opacity: 0.7;
  margin: 0 6px;
  opacity: 30%;
}
.seccion1 .carousel .carousel-indicators {
  justify-content: flex-start;
  left: 30px;
  right: auto;
  margin-left: 0;
  bottom: 20px;
}
.seccion1 .carousel .carousel-indicators .active {
  background-color: white;
  opacity: 50%;
}
.seccion1 .carousel .carousel-inner {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
.seccion1 .carousel .carousel-inner .carousel-item {
  transition: none !important;
}
.seccion1 .carousel .carousel-inner .carousel-item .sld {
  width: 100%;
  height: 387px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.seccion2 {
  padding-top: 70px;
}
.seccion2 .container .row .cd-1 {
  padding-left: 30px;
  padding-right: 30px;
}
.seccion2 .container .row .cd-1.borde {
  border-right: 1px solid #F18C2A;
  border-left: 1px solid #F18C2A;
}
.seccion2 .container .row .cd-1 .blg {
  border-radius: 0px;
  width: 100%;
  height: 228px;
  background-position: center;
  background-size: cover;
}
.seccion2 .container .row .cd-1 .titulo {
  font-family: 'OpenSans-SemiBold';
  font-size: 24px;
  padding-top: 20px;
  color: #282828;
}
.seccion2 .container .row .cd-1 .tx2 {
  font-family: 'OpenSans-Regular';
  line-height: 2;
  font-size: 14px;
  color: #282828;
}
.seccion2 .container .row .cd-1 .boton-a {
  border: 3px solid #E8790C;
  color: #E8790C;
  text-decoration: none;
  text-align: center;
  background: #ffffff;
  width: 100%;
  height: 42px;
  border-radius: 6px;
  display: inline-block;
  padding-top: 12px;
  line-height: 1;
  font-family: 'OpenSans-ExtraBold';
  font-size: 16px;
}
.seccion2 .borde2 {
  opacity: 1;
  border-top: 1px solid #F18C2A;
  width: 95%;
  display: block;
  margin: auto;
  margin-top: 60px;
}
.seccion3 {
  padding-top: 80px;
}
.seccion3 .container .cuadro .row {
  align-items: center;
}
.seccion3 .container .cuadro .row .textos .tx1 {
  font-family: 'OpenSans-SemiBold';
  font-size: 24px;
  color: #282828;
  margin-bottom: 0;
}
.seccion3 .container .cuadro .row .textos .tx2 {
  font-family: 'OpenSans-Bold';
  font-size: 60px;
  color: #282828;
  margin-bottom: -5px;
}
.seccion3 .container .cuadro .row .textos .tx3 {
  font-family: 'OpenSans-Medium';
  font-size: 20px;
  color: #282828;
  line-height: 1.5;
  margin-bottom: 30px;
}
.seccion3 .container .cuadro .row .textos .boton-b {
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  background: #E8790C;
  width: 220px;
  height: 42px;
  border-radius: 50px;
  display: block;
  margin-left: auto;
  font-family: 'OpenSans-ExtraBold';
  font-size: 24px;
  position: relative;
  top: -25px;
}
.seccion-video {
  margin-top: 80px;
  margin-bottom: 50px;
}
.seccion-video .video-full {
  width: 100%;
  height: auto;
  display: block;
}
/*.seccion4 {
    padding-top: 50px;
    margin-bottom: 0 !important;

    .container-fluid {
        padding: 0;

        .sec4 {
            display: block;
            width: 100%;
            height: 542px;
            background: no-repeat;
            background-size: cover;
            background-position: center;
        }
    }
}*/
.seccion5 {
  padding-top: 50px;
}
.seccion5 .container .row .cd-2.borde {
  border-right: 1px solid #F18C2A;
  border-left: 1px solid #F18C2A;
}
.seccion5 .container .row .cd-2 .icono {
  display: block;
  margin: auto;
  width: 100px;
  height: 100px;
  background-color: white;
  border-radius: 30px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}
.seccion5 .container .row .cd-2 .icono .icn {
  width: 35px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.seccion5 .container .row .cd-2 .tex-a {
  font-family: 'OpenSans-SemiBold';
  font-size: 24px;
  text-align: center;
  color: #282828;
}
.seccion5 .container .row .cd-2 .tex-b {
  font-family: 'OpenSans-Regular';
  font-size: 14px;
  text-align: center;
  color: #282828;
  margin-bottom: 5px;
}
.seccion5 .borde2 {
  opacity: 1;
  border-top: 1px solid #F18C2A;
  width: 95%;
  display: block;
  margin: auto;
  margin-top: 60px;
}
.seccion6 {
  padding-top: 50px;
}
.seccion6 .container .titulo-6 {
  font-family: 'OpenSans-Bold';
  font-size: 40px;
  text-align: center;
  color: #282828;
}
.seccion6 .container .row {
  align-items: flex-end;
}
.seccion6 .container .row .s6 {
  padding-top: 30px;
  text-align: center;
}
.f-municipio .container-fluid {
  margin-top: -60px !important;
}
footer {
  position: relative;
}
footer .container-fluid {
  margin-top: 80px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  background: #ffffff;
}
footer .container-fluid .row {
  align-items: center;
}
footer .container-fluid .row .content-f1 {
  padding-left: 80px;
}
footer .container-fluid .row .content-f1 .texto-f {
  font-family: 'PlusJakartaSans-SemiBold';
  font-size: 24px;
  color: #282828;
}
footer .container-fluid .row .content-f1 .cont-f .icono2 {
  position: relative;
  display: block;
  text-decoration: none;
}
footer .container-fluid .row .content-f1 .cont-f .icono2 .icn2 {
  position: absolute;
}
footer .container-fluid .row .content-f1 .cont-f .icono2 .texto-f2 {
  display: block;
  padding-left: 40px;
  font-family: 'OpenSans-Regular';
  font-size: 18px;
  color: #282828;
}
footer .container-fluid .row .content-f1 .cont-f .icono2 .texto-f3 {
  display: block;
  padding-left: 40px;
  font-family: 'OpenSans-Bold';
  font-size: 18px;
  color: #282828;
  margin-bottom: 50px;
  text-decoration: none;
}
footer .container-fluid .row .content-f1 .cont-f .icono2 .redes {
  position: relative;
  width: fit-content;
  display: inline-block;
  margin: 0 10px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  border-radius: 100%;
  margin-bottom: 20px;
}
footer .container-fluid .row .content-f1 .cont-f .icono2 .redes:first-child {
  margin-left: 0;
}
footer .container-fluid .row .content-f1 .cont-f .icono2 .redes::after {
  background-color: #282828;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  content: '';
  z-index: 1;
  margin: auto;
}
footer .container-fluid .row .content-f1 .cont-f .icono2 .redes .icn3 {
  position: relative;
  z-index: 2;
}
footer .container-fluid .row .content-f2 {
  text-align: center;
}
footer .container-fluid .row .content-f2 .logotipo {
  max-width: 140px;
  margin-bottom: 10px;
}
footer .container-fluid .row .content-f3 .row .lista .texto-f4 {
  font-family: 'PlusJakartaSans-Medium';
  font-size: 16px;
  color: #282828;
  text-align: center;
  display: block;
  text-decoration: none;
  margin-bottom: 20px;
}
footer .container-fluid .borde2 {
  opacity: 1;
  border-top: 1px solid #F18C2A;
  width: 95%;
  display: block;
  margin: auto;
  margin-top: 0px;
}
footer .container-fluid .a-p {
  margin: 0%;
  padding-left: 80px;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: 'PlusJakartaSans-SemiBold';
  font-size: 16px;
  color: #282828;
}
.seccion1-municipio .container-fluid {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  background: no-repeat;
  padding: 0;
}
.seccion1-municipio .container-fluid .portada-m {
  width: 100%;
  height: 603px;
  background: no-repeat;
  background-size: cover;
  background-position: center;
}
.seccion2-municipio .menu-m {
  border: 4px solid #E8790C;
  border-radius: 20px;
  width: 500px;
  height: 50px;
  background-color: #ffffff;
  margin: auto;
  padding: 0 20px;
  position: relative;
  margin-top: -30px;
}
.seccion2-municipio .menu-m .row {
  align-items: center;
  height: 100%;
}
.seccion2-municipio .menu-m .row .contenido {
  border-right: 1px solid #E8790C;
  text-align: center;
}
.seccion2-municipio .menu-m .row .contenido:last-child {
  border-right: 0;
}
.seccion2-municipio .menu-m .row .contenido .menu-m1 {
  text-decoration: none;
  color: #E8790C;
  text-align: center;
  font-family: 'OpenSans-Bold';
  font-size: 16px;
}
.seccion2-municipio .menu-m .row .contenido .menu-m1.active {
  color: #973A0E;
}
.seccion3-municipio {
  margin-top: 70px;
}
.seccion3-municipio .container .titulo-m2 {
  font-family: 'OpenSans-Bold';
  font-size: 40px;
  color: #282828;
  text-align: center;
}
.seccion3-municipio .container .borde3 {
  opacity: 1;
  border-top: 3px solid #E8790C;
  width: 28%;
  display: block;
  margin: auto;
  margin-top: -10px;
  margin-bottom: 10px;
}
.seccion3-municipio .container .titulo-m3 {
  font-family: 'OpenSans-Bold';
  font-size: 24px;
  color: #282828;
  text-align: center;
}
.seccion3-municipio .container .row .contenido .titulo-m4 {
  font-family: 'OpenSans-Medium';
  font-size: 20px;
  color: #282828;
  text-align: justify;
}
.seccion4-municipio {
  padding-top: 50px;
  margin-bottom: -120px;
}
.seccion4-municipio .container-fluid {
  padding: 0;
}
.seccion4-municipio .container-fluid .sec4m {
  display: block;
  width: 100%;
  height: 542px;
  background: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
.seccion4-municipio .container-fluid .sec4m .icn {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  height: 250px;
  width: 250px;
}
.seccion3-turismo {
  margin-top: 70px;
}
.seccion3-turismo .container .titulo-m2 {
  font-family: 'OpenSans-Bold';
  font-size: 40px;
  color: #282828;
  text-align: center;
}
.seccion3-turismo .container .borde3 {
  opacity: 1;
  border-top: 3px solid #E8790C;
  width: 28%;
  display: block;
  margin: auto;
  margin-top: -10px;
  margin-bottom: 50px;
}
.seccion3-turismo .container .row {
  padding-top: 40px;
}
.seccion3-turismo .container .row .contenido .turismo {
  width: 350px;
  display: block;
  margin-left: auto;
}
.seccion3-turismo .container .row .contenido-tx {
  font-family: 'OpenSans-Medium';
  font-size: 20px;
  color: #282828;
  text-align: justify;
}
.seccion3-ayudantias {
  margin-top: 70px;
}
.seccion3-ayudantias .container .titulo-m2 {
  font-family: 'OpenSans-Bold';
  font-size: 40px;
  color: #282828;
  text-align: center;
}
.seccion3-ayudantias .container .borde3 {
  opacity: 1;
  border-top: 3px solid #E8790C;
  width: 28%;
  display: block;
  margin: auto;
  margin-top: -10px;
  margin-bottom: 50px;
}
.seccion3-ayudantias .container .row {
  padding-top: 40px;
}
.seccion3-ayudantias .container .row .contenido .ayudantia {
  width: 120px;
  display: block;
  margin-left: auto;
}
.seccion3-ayudantias .container .row .contenido-tx {
  font-family: 'OpenSans-SemiBold';
  font-size: 30px;
  color: #282828;
}
.seccion3-ayudantias .container .row .contenido-tx .ayudantia-tex {
  font-family: 'OpenSans-Medium';
  font-size: 18px;
  color: #282828;
  text-align: justify;
}
.seccion3-historia {
  margin-top: 70px;
}
.seccion3-historia .container .titulo-m2 {
  font-family: 'OpenSans-Bold';
  font-size: 40px;
  color: #282828;
  text-align: center;
}
.seccion3-historia .container .borde3 {
  opacity: 1;
  border-top: 3px solid #E8790C;
  width: 28%;
  display: block;
  margin: auto;
  margin-top: -10px;
  margin-bottom: 50px;
}
.seccion3-historia .container .historia-img .historia {
  width: 700px;
  display: block;
  margin: auto;
}
.seccion3-historia .container .historia-img .historia-tit {
  font-family: 'OpenSans-SemiBold';
  font-size: 30px;
  color: #282828;
  padding-top: 20px;
}
.seccion3-historia .container .historia-img .historia-tex {
  font-family: 'OpenSans-Medium';
  font-size: 18px;
  color: #282828;
  text-align: justify;
}
.seccion1-gobierno .container-fluid {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  background: no-repeat;
  padding: 0;
}
.seccion1-gobierno .container-fluid .portada-g {
  width: 100%;
  height: 664px;
  background: no-repeat;
  background-size: cover;
  background-position: center;
}
.seccion2-gobierno {
  padding-top: 80px;
}
.seccion2-gobierno .container .cuadro .row {
  align-items: center;
}
.seccion2-gobierno .container .cuadro .row .textos {
  /*.boton-b{
                            color: #ffffff;
                            text-decoration: none;
                            text-align: center;
                            background: #E8790C; 
                            width: 220px;
                            height: 42px;
                            border-radius: 50px;
                            display: block;
                            margin-left: auto;
                            font-family: 'OpenSans-ExtraBold';
                            font-size: 24px;
                            position: relative;
                            top: -25px;
                        }*/
}
.seccion2-gobierno .container .cuadro .row .textos .tx1 {
  font-family: 'OpenSans-SemiBold';
  font-size: 24px;
  color: #E8790C;
  margin-bottom: 0;
}
.seccion2-gobierno .container .cuadro .row .textos .tx2 {
  font-family: 'OpenSans-Bold';
  font-size: 60px;
  color: #282828;
  margin-bottom: -5px;
}
.seccion2-gobierno .container .cuadro .row .textos .tx3 {
  font-family: 'OpenSans-Medium';
  font-size: 20px;
  color: #282828;
  line-height: 1.5;
  margin-bottom: 30px;
}
.seccion3-gobierno {
  padding-top: 50px;
}
.seccion3-gobierno .container .titulo {
  font-family: 'OpenSans-Bold';
  font-size: 40px;
  color: #282828;
  text-align: center;
}
.seccion3-gobierno .container .row .contenido {
  padding-top: 30px;
}
.seccion3-gobierno .container .row .contenido .cuadro-gob {
  width: 100%;
  height: 350px;
  background-color: #fae4ce;
  border-radius: 20px;
  position: relative;
}
.seccion3-gobierno .container .row .contenido .cuadro-gob .titulo1 {
  font-family: 'OpenSans-Bold';
  font-size: 16px;
  color: #282828;
  position: absolute;
  left: 20px;
  top: 10px;
}
.seccion3-gobierno .container .row .contenido .cuadro-gob .foto {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.seccion3-gobierno .container .row .contenido .cuadro-gob .titulo2 {
  font-family: 'PlusJakartaSans-Bold';
  font-size: 16px;
  color: #282828;
  position: absolute;
  bottom: 0;
  left: 20px;
}
.seccion1-tramites {
  padding-top: 50px;
}
.seccion1-tramites .container .titulo-t1 {
  font-family: 'OpenSans-Bold';
  font-size: 40px;
  color: #282828;
  text-align: center;
}
.seccion1-tramites .container .titulo-t2 {
  font-family: 'OpenSans-SemiBold';
  font-size: 20px;
  color: #282828;
  text-align: center;
}
.seccion1-tramites .container .row {
  padding-top: 50px;
}
.seccion1-tramites .container .row .cd-3 .cuadro-tr {
  background: #fff;
  border-radius: 28px;
  padding: 25px;
  box-shadow: -2px 4px 12px rgba(0, 0, 0, 0.15);
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.seccion1-tramites .container .row .cd-3 .cuadro-tr .titulo-t3 {
  font-family: 'OpenSans-SemiBold';
  font-size: 22px;
  color: #282828;
  text-align: center;
}
.seccion1-tramites .container .row .cd-3 .cuadro-tr .lista-ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  font-family: 'OpenSans-SemiBold';
  font-size: 14px;
  color: #282828;
}
.seccion1-tramites .container .row .cd-3 .cuadro-tr .lista-ul li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.seccion1-tramites .container .row .cd-3 .cuadro-tr .lista-ul li::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #f07c00;
  border-radius: 50%;
  flex-shrink: 0;
}
.seccion2-tramites {
  padding-top: 30px;
}
.seccion2-tramites .container {
  width: 1100px;
}
.seccion2-tramites .container .form-buzon {
  background-color: #E8790C;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.seccion2-tramites .container .form-buzon .titulo-t4 {
  font-family: 'OpenSans-SemiBold';
  font-size: 24px;
  color: #ffffff;
  text-align: center;
}
.seccion2-tramites .container .form-buzon .row .contenido .formulario {
  display: flex;
}
.seccion2-tramites .container .form-buzon .row .contenido .formulario .buzon {
  position: absolute;
}
.seccion2-tramites .container .form-buzon .row .contenido .formulario .texto-t1 {
  font-family: 'OpenSans-SemiBold';
  font-size: 28px;
  color: #ffffff;
  position: relative;
  padding-left: 60px;
  margin-bottom: 40px;
  text-align: justify;
}
.seccion2-tramites .container .form-buzon .row .contenido .texto-t2 {
  font-family: 'OpenSans-Bold';
  font-size: 22px;
  color: #ffffff;
  margin-bottom: 50px;
  text-align: justify;
}
.seccion2-tramites .container .form-buzon .row .contenido .input-redondo {
  border-radius: 20px;
  padding: 10px 15px;
  border: none;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.seccion2-tramites .container .form-buzon .row .contenido .mensaje .conte {
  border-radius: 20px;
  border: none;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  height: 300px;
}
.seccion2-tramites .container .form-buzon .row .contenido .enviar .btn-enviar {
  background-color: #973A0E;
  color: #fff;
  border: 2px solid #ffffff;
  padding: 10px 40px;
  border-radius: 25px;
  font-family: 'OpenSans-Bold';
  font-size: 16px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  display: block;
  margin-left: auto;
  position: relative;
  top: -30px;
}
.seccion2-tramites .container .form-buzon .row .contenido .enviar .btn-enviar:hover {
  background-color: #3b1919;
}
.seccion1-transparencia {
  padding-top: 50px;
}
.seccion1-transparencia .container .titulo-tr1 {
  font-family: 'OpenSans-Bold';
  font-size: 40px;
  color: #282828;
  text-align: center;
}
.seccion1-transparencia .container .row .contenido .texto-tr {
  font-family: 'OpenSans-Medium';
  font-size: 20px;
  color: #282828;
  text-align: justify;
}
.seccion2-transparencia {
  --bg-beige: #FDEEDC;
  /* fondo de la barrita */
  --bd-beige: #F5D2B3;
  /* borde beige */
  --divider: #F0B676;
  /* líneas internas */
  --radius: 28px;
  /* redondeado grande */
  padding-top: 50px;
}
.accordion-item:has(.accordion-collapse.show) {
  padding-bottom: 20px;
  /* Puedes cambiar este valor al que necesites */
}
/* Quita bordes y fondo por defecto del flush */
.seccion2-transparencia .accordion-item {
  background: #FDEEDC;
  border: 0;
  border-radius: 30px;
  margin-bottom: 50px;
}
.seccion2-transparencia .accordion-item:has(.accordion-collapse:not(.collapse)) {
  padding-bottom: 50px !important;
}
/* Cabecera (cerrado/abierto) con borde y esquinas redondas */
.seccion2-transparencia .accordion-button {
  background-color: var(--bg-beige);
  border-radius: 30px !important;
  margin-bottom: 24px;
  /* espacio entre items */
  padding: 18px 22px;
  font-family: 'OpenSans-Bold';
  font-size: 22px;
  color: #282828;
  box-shadow: none;
}
/* Mantén mismo estilo cuando está abierto */
.seccion2-transparencia .accordion-button:not(.collapsed) {
  background-color: var(--bg-beige);
  color: #1f1f1f;
  box-shadow: none;
  border-color: var(--bd-beige);
  /* asegura el borde beige también abierto */
}
/* Quita glow del focus */
.seccion2-transparencia .accordion-button:focus {
  box-shadow: none;
}
/* Chevron a la derecha */
.seccion2-transparencia .accordion-button::after {
  background-image: none;
  content: "⌄";
  font-size: 20px;
  transform: rotate(0deg);
  transition: transform 0.25s ease;
}
.seccion2-transparencia .accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
}
/* Panel desplegado con borde beige y esquinas */
.seccion2-transparencia .accordion-collapse {
  background: #fff;
  border-radius: 20px !important;
  margin: -10px 16px 8px;
  /* deja “aire” dentro del beige */
  padding: 12px 20px;
}
/* Filas internas (años, etc.) con líneas finas */
.seccion2-transparencia .accordion-body {
  padding: 14px 22px;
  font-family: 'OpenSans-SemiBold';
  font-size: 22px;
  color: #282828;
  border-bottom: 1px solid var(--divider);
  text-decoration: none;
  display: block;
}
.seccion2-transparencia .accordion-body:last-child {
  border-bottom: 0;
}
.seccion1-atencion {
  padding-top: 50px;
}
.seccion1-atencion .info {
  border-radius: 28px;
  width: 900px;
  height: 150px;
  background-color: #ffffff;
  margin: auto;
  padding: 0 20px;
  box-shadow: -2px 4px 12px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.seccion1-atencion .info .row {
  align-items: center;
  height: 100%;
}
.seccion1-atencion .info .row .contenido {
  border-right: 1px solid #9b9b9b;
}
.seccion1-atencion .info .row .contenido:last-child {
  border-right: 0;
}
.seccion1-atencion .info .row .contenido .icono {
  position: relative;
  display: block;
}
.seccion1-atencion .info .row .contenido .icono .icn {
  position: absolute;
  top: 15px;
}
.seccion1-atencion .info .row .contenido .icono .info-ac1 {
  display: block;
  font-family: 'OpenSans-Bold';
  font-size: 20px;
  color: #E8790C;
  text-align: center;
  padding-left: 20px;
}
.seccion1-atencion .info .row .contenido .info-ac {
  font-family: 'OpenSans-SemiBold';
  font-size: 15px;
  color: #282828;
  text-align: center;
  margin: 0;
}
.seccion1-atencion .info .row .contenido .num {
  font-family: 'OpenSans-Bold';
  font-size: 18px;
  color: #282828;
  text-align: center;
}
.seccion2-atencion {
  padding-top: 60px;
}
.seccion2-atencion .container .row {
  align-items: center;
}
.seccion2-atencion .container .row .contenido1 {
  text-align: right;
}
.seccion2-atencion .container .row .contenido .texto-f {
  font-family: 'PlusJakartaSans-SemiBold';
  font-size: 24px;
  color: #282828;
}
.seccion2-atencion .container .row .contenido .cont-f .icono2 {
  position: relative;
  display: block;
  text-decoration: none;
}
.seccion2-atencion .container .row .contenido .cont-f .icono2 .icn2 {
  position: absolute;
}
.seccion2-atencion .container .row .contenido .cont-f .icono2 .texto-f2 {
  display: block;
  padding-left: 40px;
  font-family: 'OpenSans-Regular';
  font-size: 18px;
  color: #282828;
}
.seccion2-atencion .container .row .contenido .cont-f .icono2 .texto-f3 {
  display: block;
  padding-left: 40px;
  font-family: 'OpenSans-Bold';
  font-size: 18px;
  color: #282828;
  text-decoration: none;
}
.seccion4-atencion .container .titulo {
  font-family: 'OpenSans-Bold';
  font-size: 40px;
  color: #282828;
  text-align: center;
}
.seccion4-atencion .container .row {
  padding-top: 40px;
}
.seccion4-atencion .container .row .contenido1 {
  border-right: 1px solid #fac591;
  padding-right: 50px;
}
.seccion4-atencion .container .row .contenido1 .textos {
  width: fit-content;
  display: block;
  margin-left: auto;
}
.seccion4-atencion .container .row .contenido1 .textos .texto1 {
  font-family: 'OpenSans-SemiBold';
  font-size: 22px;
  color: #282828;
}
.seccion4-atencion .container .row .contenido1 .textos .texto2 {
  font-family: 'OpenSans-Regular';
  font-size: 18px;
  color: #282828;
}
.seccion4-atencion .container .row .contenido1 .textos .telefono {
  font-family: 'OpenSans-SemiBold';
  font-size: 18px;
  color: #282828;
}
.seccion4-atencion .container .row .contenido2 {
  padding-left: 50px;
}
.seccion4-atencion .container .row .contenido2 .texto1 {
  font-family: 'OpenSans-SemiBold';
  font-size: 22px;
  color: #282828;
}
.seccion4-atencion .container .row .contenido2 .texto2 {
  font-family: 'OpenSans-Regular';
  font-size: 18px;
  color: #282828;
}
.seccion4-atencion .container .row .contenido2 .telefono {
  font-family: 'OpenSans-SemiBold';
  font-size: 18px;
  color: #282828;
}
.tablas .jumbotron {
  padding-top: 50px;
  padding-bottom: 50px;
}
.tablas .jumbotron h1 {
  font-family: 'OpenSans-Light';
  font-weight: 300;
  font-size: 50px;
}
.tablas .jumbotron h3 {
  font-family: 'OpenSans-Bold';
  font-size: 25px;
}
.tablas .table-bordered td,
.tablas .table-bordered th {
  border: 1px solid #dee2e6;
}
.tablas .table td,
.tablas .table th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.tablas .tabletd {
  font-family: 'OpenSans-Regular';
}
.tablas .tableth {
  font-family: 'OpenSans-Bold';
}
.tablas .table tbody tr {
  font-size: 20px;
}
/* ====================================================================================================================================================
   RESPONSIVE DESIGN
   ==================================================================================================================================================== */
@media all and (max-width: 1399px) {
  .seccion2 .container .row .cd-1 .titulo {
    font-size: 22px;
    height: 50px;
  }
  .seccion2 .container .row .cd-1 .tx2 {
    height: 170px;
    overflow: hidden;
  }
  .seccion3 .container .cuadro .row .cont .imgn .imgn1 {
    position: relative;
    right: 30px;
  }
  .seccion3 .container .cuadro .row .textos {
    padding-left: 50px;
  }
  .seccion2-gobierno .container .cuadro .row .cont .imgn .imgn1 {
    position: relative;
    right: 30px;
  }
  .seccion2-gobierno .container .cuadro .row .textos {
    padding-left: 50px;
  }
  .seccion1-tramites .container .row .cd-3 .cuadro-tr .lista-ul li {
    text-align: left;
  }
}
@media all and (max-width: 1199px) {
  .navbar .container .navbar-nav .nav-item {
    border-right: 0 !important;
  }
  .navbar .container .navbar-nav .nav-item .nav-link {
    text-align: center;
  }
  .navbar .container .navbar-text {
    display: none !important;
  }
  .seccion1 .carousel .carousel-inner .carousel-item .sld {
    background-size: 100%;
    width: 100%;
    height: 341px;
  }
  .seccion2 .container .row .cd-1 {
    margin-bottom: 50px;
    padding: 0 15px;
  }
  .seccion2 .container .row .cd-1 .blg {
    background-repeat: no-repeat;
    position: relative;
  }
  .seccion2 .container .row .cd-1 .titulo {
    text-align: center;
    font-size: 20px;
  }
  .seccion2 .container .row .cd-1 .tx2 {
    line-height: 1.8;
  }
  .seccion1-tramites .container .row .cd-3 {
    width: 50%;
    margin-bottom: 30px;
  }
  footer .container-fluid .a-p {
    padding: 40px 15px;
    text-align: center;
  }
  footer .container-fluid .row {
    align-items: flex-start;
  }
  footer .container-fluid .row .content-f1 {
    order: 2;
    text-align: center;
    padding: 0 15px;
  }
  footer .container-fluid .row .content-f1 .cont-f .icono2 .icn2 {
    position: relative;
    margin-bottom: 10px;
  }
  footer .container-fluid .row .content-f1 .cont-f .icono2 .texto-f2 {
    padding-left: 0;
  }
  footer .container-fluid .row .content-f1 .cont-f .icono2 .texto-f3 {
    padding-left: 0;
  }
  footer .container-fluid .row .content-f2 {
    order: 1;
  }
  footer .container-fluid .row .content-f3 {
    order: 3;
  }
  footer .container-fluid .row .content-f3 .row .lista {
    width: 100%;
  }
  footer .container-fluid .row .content-f3 .row .lista .texto-f4 {
    text-align: center;
  }
  footer .container-fluid .row .content-f3 .row .lista .texto-f4.vacio {
    display: none;
  }
  .seccion2-tramites .container {
    width: 100%;
  }
  .seccion2-tramites .container .form-buzon .row .contenido .formulario {
    display: block;
    text-align: center;
  }
  .seccion2-tramites .container .form-buzon .row .contenido .formulario .buzon {
    position: relative;
    margin-bottom: 15px;
  }
  .seccion2-tramites .container .form-buzon .row .contenido .formulario .texto-t1 {
    text-align: center;
    padding-left: 0;
  }
  .seccion2-tramites .container .form-buzon .row .contenido .texto-t2 {
    text-align: center;
  }
}
@media all and (max-width: 768px) {
  .seccion3 .container .cuadro .row .cont .imgn {
    text-align: center;
  }
  .seccion3 .container .cuadro .row .cont .imgn .imgn1 {
    position: relative;
    right: 0;
  }
  .seccion3 .container .cuadro .row .textos {
    text-align: center;
    padding: 0 15px;
  }
  .seccion3 .container .cuadro .row .textos .boton-b {
    position: relative;
    top: 0;
    display: block;
    margin: auto;
  }
  .seccion5 .container .row .cd-2 {
    margin-bottom: 30px;
  }
  .seccion5 .container .row .cd-2.borde {
    border: 0;
  }
  .seccion6 .container .row div {
    margin-bottom: 30px;
  }
  .seccion6 .container .row div:last-child {
    margin-bottom: 0;
  }
  footer .container-fluid {
    margin-top: 50px;
    padding-top: 30px;
  }
  .seccion1-gobierno .container-fluid .portada-g {
    height: 390px;
  }
  .seccion2-gobierno .container .cuadro .row .cont .imgn {
    text-align: center;
  }
  .seccion2-gobierno .container .cuadro .row .cont .imgn .imgn1 {
    position: relative;
    right: 0;
  }
  .seccion2-gobierno .container .cuadro .row .textos {
    text-align: center;
    padding: 0 15px;
  }
  .seccion2-gobierno .container .cuadro .row .textos .boton-b {
    position: relative;
    top: 0;
    display: block;
    margin: auto;
  }
  .seccion1-atencion .info {
    height: fit-content;
    padding: 30px 0;
    width: 90%;
    margin: auto;
  }
  .seccion1-atencion .info .row {
    margin: 0;
  }
  .seccion1-atencion .info .row .contenido {
    border-right: 0;
  }
  .seccion1-atencion .info .row .contenido .icono .icn {
    position: relative;
    display: block;
    margin: auto;
    margin-bottom: 15px;
  }
  .seccion1-atencion .info .row .contenido .icono .info-ac1 {
    padding-left: 0;
  }
  .seccion2-atencion .container .row .contenido1 {
    text-align: center;
  }
  .seccion2-atencion .container .row .contenido {
    text-align: center;
  }
  .seccion2-atencion .container .row .contenido .cont-f .icono2 .icn2 {
    position: relative;
    margin-bottom: 15px;
  }
  .seccion2-atencion .container .row .contenido .cont-f .icono2 .texto-f2 {
    padding-left: 0;
  }
  .seccion2-atencion .container .row .contenido .cont-f .icono2 .texto-f3 {
    padding-left: 0;
  }
}
@media all and (max-width: 639px) {
  .seccion1 .carousel .carousel-indicators {
    bottom: 0;
  }
  .seccion1 .carousel .carousel-indicators [data-bs-target] {
    width: 10px !important;
    height: 10px !important;
  }
  .seccion1 .carousel .carousel-inner .carousel-item .sld {
    height: 190px;
  }
  .seccion1-municipio .container-fluid .portada-m {
    height: 190px;
  }
  .seccion2-municipio .menu-m {
    width: 95%;
    height: fit-content;
    margin: auto;
    margin-top: -30px;
    padding: 10px 0;
  }
  .seccion2-municipio .menu-m .row .contenido {
    width: 100%;
    border-right: 0;
    margin-bottom: 5px;
  }
  .seccion3-municipio {
    margin-top: 50px;
  }
  .seccion3-municipio .container .titulo-m2 {
    font-size: 30px;
  }
  .seccion3-municipio .container .row .contenido .titulo-m4 {
    font-size: 16px;
  }
  .seccion1-gobierno .container-fluid .portada-g {
    height: 190px;
  }
  .seccion2-gobierno .container .cuadro .row .textos .tx2 {
    font-size: 40px;
  }
  .seccion2-gobierno .container .cuadro .row .textos .tx3 {
    font-size: 16px;
  }
  .seccion2-gobierno .container .cuadro .row .textos .tx3:last-child {
    margin-bottom: 0;
  }
  .seccion1-tramites .container .row .cd-3 {
    width: 100%;
  }
  .seccion2-tramites .container .form-buzon .titulo-t4 {
    font-size: 16px;
  }
  .seccion2-tramites .container .form-buzon .row .contenido .formulario .texto-t1 {
    font-size: 15px;
    margin-bottom: 15px;
  }
  .seccion2-tramites .container .form-buzon .row .contenido .texto-t2 {
    font-size: 15px;
    margin-bottom: 15px;
  }
  .seccion1-atencion br {
    display: none;
  }
  .seccion4-atencion br.pc {
    display: none;
  }
  .seccion4-atencion .container .titulo {
    font-size: 30px;
  }
  .seccion4-atencion .container .row .contenido1 {
    padding: 0 15px;
  }
  .seccion4-atencion .container .row .contenido1 .textos {
    width: 100%;
    text-align: center;
  }
  .seccion4-atencion .container .row .contenido1 .textos .texto1 {
    margin-bottom: 5px;
  }
  .seccion4-atencion .container .row .contenido1 .textos .texto2 {
    margin-bottom: 5px;
  }
  .seccion4-atencion .container .row .contenido1 .textos .vacio {
    display: none;
  }
  .seccion4-atencion .container .row .contenido2 {
    padding: 0 15px;
    width: 100%;
    text-align: center;
    margin-top: 15px;
  }
}
.seccion3-ayudantias .container .row .contenido .ayudantia {
  display: block;
  margin: auto;
}
.seccion3-historia .container .historia-img .historia {
  width: 100%;
}
