#banner-home .az-ctnr.container-fluid {
    padding: 0;
}

#banner-home img {
 
   width: 100%;
}

#banner-home .banner-image,
#banner-home .banner-text,
#banner-home .banner-row {
    margin: 0;
    padding: 0;
}

#banner-home .banner-text {
    background: #006937;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height:350px;
}

#banner-home .banner-text h1 {
    color: var(--blanco, #FFF);
    font-family: 'Montserrat-Bold';
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 10px;
}



#banner-home .owl-controls {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#banner-home .owl-controls .owl-buttons {
    width: 100%;
}

#banner-home .owl-controls .owl-buttons .owl-prev::after,
#banner-home .owl-controls .owl-buttons .owl-prev::before,
#banner-home .owl-controls .owl-buttons .owl-next::after,
#banner-home .owl-controls .owl-buttons .owl-next::before {
    background: transparent;
}

#banner-home .owl-controls .owl-buttons .owl-prev {
    height: 50px;
    width: 50px;
    background: var(--angle-left) center center no-repeat;
}

#banner-home .owl-controls .owl-buttons .owl-next {
    height: 50px;
    width: 50px;
    background: var(--angle-right) center center no-repeat;
    transform: rotate(0);
}

#lineas-emergencia {
   background: #00665f;
    border-right: 6px solid #00665f;
}

#lineas-emergencia .container {
    padding-left: 0;
    padding-right: 0;
}

#lineas-emergencia h1 {
    color: var(--blanco, #FFF);
    margin-top: 25px;
    margin-bottom: 25px;
    font-family: 'Montserrat-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.92px;
    text-transform: uppercase;
}

#lineas-emergencia h1::before {
    content: "";
    width: 45px;
    border: 1px solid white;
    margin-right: 10px;
    margin-left: 30px;
    display: inline-block;
    vertical-align: middle;
}

#lineas-emergencia h2 {
    font-family: 'Montserrat-Bold';
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    color: white;
}

#lineas-emergencia a {
    text-decoration: none;
}

#lineas-emergencia h3 {
    text-align: center;
    font-family: 'WorkSans-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: white;
}

#lineas-emergencia #carrusel-lineas .az-element.az-html {
    text-align: center;
}

#lineas-emergencia #carrusel-lineas .az-element.az-html::after {
    content: "";
    height: 58px;
    border: solid 1px white;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}



#carrusel-lineas .owl-controls {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}

#carrusel-lineas .owl-controls .owl-buttons {
    width: 100%;
}

#carrusel-lineas .owl-controls .owl-buttons .owl-prev::after,
#carrusel-lineas .owl-controls .owl-buttons .owl-prev::before,
#carrusel-lineas .owl-controls .owl-buttons .owl-next::after,
#carrusel-lineas .owl-controls .owl-buttons .owl-next::before {
    background: transparent;
}

#carrusel-lineas .owl-controls .owl-buttons .owl-prev {
    height: 50px;
    width: 50px;
    background: var(--angle-left) center center no-repeat;
}

#carrusel-lineas .owl-controls .owl-buttons .owl-next {
    height: 50px;
    width: 50px;
    background: var(--angle-right) center center no-repeat;
    transform: rotate(0);
}

#consultas-destacadas .container {
    padding-left: 0;
    padding-right: 0;
}

#consultas-destacadas .owl-carousel.st-owl-theme .az-element.az-slide.az-ctnr.clearfix {
    display: flex;
    justify-content: center;
}

#consultas-destacadas .owl-carousel.st-owl-theme .az-element.az-html {
    background-color: #00665f;
    background-image: url(/sites/default/files/styles/2000/public/2023-12/image%203.png);
    width: 232px;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    padding: 20px;
}


#consultas-destacadas a {
    color: white;
    text-decoration: none;
}

#consultas-destacadas a svg,
#consultas-destacadas a:hover svg {
    fill: transparent;
    margin-bottom: 20px;
}


#consultas-destacadas h2 {
    color: var(--blanco, #FFF);
    text-align: center;
    font-family: 'Montserrat-Regular';
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
}

#consultas-destacadas a:hover path,
#consultas-destacadas a:hover rect,
#consultas-destacadas a:hover line,
#consultas-destacadas a:hover polyline,
#consultas-destacadas a:hover circle,
#consultas-destacadas a:hover h2 {
    stroke: #BAFF00;
    color: #BAFF00;
}

#consultas-destacadas .icono-bienestar svg,
#consultas-destacadas .icono-educacion svg {
    stroke: white !important;
    fill: white !important;
}

#consultas-destacadas .icono-bienestar a:hover svg,
#consultas-destacadas .icono-educacion a:hover svg {
    fill: #BAFF00 !important;

}

#consultas-destacadas .icono-biblioteca svg {
    fill: white !important;
}

#consultas-destacadas .icono-biblioteca a:hover path,
#consultas-destacadas .icono-biblioteca a:hover svg {
    fill: #BAFF00 !important;
    stroke: unset !important;

}

#redes-sociales {
    background: rgba(200, 200, 200, 0.10);
}

#redes-sociales .container {
    padding-left: 0;
    padding-right: 0;
}

#carrusel-redes .owl-controls {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}

#carrusel-redes .owl-controls .owl-buttons {
    width: 100%;
}

#carrusel-redes .owl-controls .owl-buttons .owl-prev::after,
#carrusel-redes .owl-controls .owl-buttons .owl-prev::before,
#carrusel-redes .owl-controls .owl-buttons .owl-next::after,
#carrusel-redes .owl-controls .owl-buttons .owl-next::before {
    background: transparent;
}

#carrusel-redes .owl-controls .owl-buttons .owl-prev {
    height: 50px;
    width: 50px;
    background: var(--angle-left-blue) center center no-repeat;
}

#carrusel-redes .owl-controls .owl-buttons .owl-next {
    height: 50px;
    width: 50px;
    background: var(--angle-right-blue) center center no-repeat;
    transform: rotate(0);
}

/* #carrusel-redes blockquote,
#carrusel-redes .tiktok-embed {
    margin: 0 auto;
    padding: 0;
    height: 500px;
    width: 450px;
}

#carrusel-redes .owl-item {
    display: inline-flex;
    justify-content: center;
} */

#iconos-redes {
    text-align: center;
    margin: 20px;
}

#iconos-redes a,
#iconos-redes a:hover {
    text-decoration: none;
    color: transparent;
    margin: 5px;
}

#iconos-redes a:hover {
    fill: #006937;
}


#youtube-home #youtube-list {
    text-align: center;
}


#carrusel-interes {
    background: url(/sites/default/files/2025-2/seccion-interes.jpg?fid=400478);
    background-size: cover;
}

#carrusel-interes h2 {
    color: #FFF;
    text-align: left;
    font-family: 'Montserrat-Bold';
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

#carrusel-interes p {
    color: #FFF;
    text-align: left;    
    font-family: 'WorkSans-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

#carrusel-interes #interes-titulo,
#carrusel-interes #interes-parrafo {
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}


#carrusel-interes .owl-controls {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}

#carrusel-interes .owl-controls .owl-buttons {
    width: 100%;
}

#carrusel-interes .owl-controls .owl-buttons .owl-prev::after,
#carrusel-interes .owl-controls .owl-buttons .owl-prev::before,
#carrusel-interes .owl-controls .owl-buttons .owl-next::after,
#carrusel-interes .owl-controls .owl-buttons .owl-next::before {
    background: transparent;
}

#carrusel-interes .owl-controls .owl-buttons .owl-prev {
    height: 50px;
    width: 50px;
    background: var(--angle-left-green) center center no-repeat;
}

#carrusel-interes .owl-controls .owl-buttons .owl-next {
    height: 50px;
    width: 50px;
    background: var(--angle-right-green) center center no-repeat;
    transform: rotate(0);
}

.facebook-home iframe {
    width: 100%;
    padding: 10px;
}


/**Responsive*/

@media (max-width: 800px) {
    #entidades ul {
        flex-direction: column;
        align-items: flex-start;
    }
}
button#banner-home-pause {
    visibility: hidden;
}

/* estilos del banner superior */
 .texto-banner {
    position: absolute;
    background: #14141440;
    color: white;
    margin-top: 219px;
    width: 436px;
    max-width: 100%;
    padding: 0 0 0 15px;
    border-radius: 9px;
    font-size: 16px;
    font-weight: 600;
    text-shadow: 2px 2px 4px #134759;
}

#denuncia-virtual {
    background: #026646;
    margin-top: 10px;
}

#denuncia-virtual h3 {
    text-align: center;
    font-family: 'WorkSans-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: white;
}

#denuncia-virtual h1 {
    color: var(--blanco, #FFF);
    margin-top: 10px;
    margin-bottom: 0px;
    font-family: 'Montserrat-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.92px;
    text-transform: uppercase;
    display: flex;
    justify-content:center;
}

#denuncia-virtual .container {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: -20px;
}

#menu-collapse .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #00665f;
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

#menu-collapse h1, .tabla caption {
    color: #142749;
    font-family: 'Montserrat-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.92px;
    text-transform: uppercase;
}

#menu-collapse .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: #fff;
    text-align: left;
    background-color: #007A2A;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
}
#titulo_cv h1 {
    color: white;
}


h1.title-cv {
    color: #142749;
    margin: 25px 0 25px 0;
    font-family: 'Montserrat-Regular';
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.92px;
    text-transform: uppercase;
}
    
.title-cv h1::before, .tabla caption::before {
    content: "";
    width: 48px;
    border: 1px solid #142749;
    margin-right: 10px;
    margin-left: 30px;
    display: inline-block;
    vertical-align: middle;
}

/*estilos discursos director*/
.field.field--name-field-texto-del-discurso.field--type-text-with-summary.field--label-hidden.field--item {
    padding: 0 30px 0 10px;
    font-family: 'Montserrat-Bold';
    color: #142749;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

/*section.views-element-container.block.block-views.block-views-blockdiscursos-director-policia-block-3.clearfix {
    background: #76777a12;
    padding: 0 5px 0 10px;
}*/
.discurso-director{
 background:rgba(200, 200, 200, 0.10);
 padding:0 5px 0 10px;
}

.field.field--name-field-fecha-de-publicacion.field--type-datetime.field--label-hidden.field--item {
    margin-top: 0px;
    padding-left: 10px;
    font-weight: 700;
    color: #6c757d;
}

.ceremonia-reconocimiento {
    font-family: 'WorkSans-Regular';
    text-align: left;
    padding: 10px;
    max-width: 600px;
    margin: 20px auto;
    background-color: rgba(200, 200, 200, 0.10);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.ceremonia-reconocimiento .titulo {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
}
.ceremonia-reconocimiento .titulo a
{
    color:#142749
}
.ceremonia-reconocimiento .titulo a:hover
{
    color:#006937
}
.ubicacion-fecha {
    font-size: 1em;
    margin-top: 10px;
    margin-bottom: 7px;
    color: #76777a;
    font-weight: bold;
}

#nombre-comandante h1 {
  /* Tus estilos aquí */
  color: #fff;
  font-size: 2em;
  font-weight: bold;
}
.encabezado-discurso {
           
            margin: 40px;
            color: white;
            text-align: center;
            padding: 10px 0;
        }
        .portada-discurso {
            background-color: green;
            color: white;
            text-align: center;
            padding: 10px 0;
            width: 100%;
            position: relative;
            border-radius: 30px
        }
        .photo-comandante {
            position: absolute;
            top: 50%;
            left: 10px;
            transform: translateY(-50%);
            border-radius: 50%;
            
        }
        .photo-comandante img {
            border-radius: 50%;
            width: 150px;
            height: 150px;
            position: absolute;
            margin: -71px 0 0 -26px;
            border: #4caf50 3px solid;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

div#otros-discursos {
   margin: 20px;
}

div#ciudad-fecha {
    color: #000;
    font-weight: 700;
    margin-top:10px;
}

#titulo-discurso a {
 color:#00665f;
 font-weight: 700;
}

#titulo-mas-discursos {
    background-color: #198754;
}

h3#titulo-mas-discursos {
    color: #fff;
    font-weight: 500;
    padding: 5px;
}
.view.view-discursos-director-policia.view-id-discursos_director_policia.view-display-id-block_3 {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    background-color: white;
}

hr#separador-discurso{
    width: 40%;
    border: none;
    height: 3px;
    background: linear-gradient(to right, #002e25, #8BC34A);   
}

.filtro-discurso{
    display: flex;
    flex-direction: column !important;
    margin: 3px 0 0 0;
}
.filtro-discurso .view-filters.form-group .views-exposed-form.bef-exposed-form .form--inline.form-inline .panel-heading a {
    color: #00665F;
    font-family: 'WorkSans-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    justify-content: space-between;
}
.filtro-discurso .view-filters.form-group .views-exposed-form.bef-exposed-form .form--inline.form-inline .form-item.js-form-wrapper.form-wrapper.js-form-item.panel.panel-default {
    border: none;
    border-bottom: 1px solid #C8C8C8;
    box-shadow: none;
    border-radius: 0;
}
.filtro-discurso .button.js-form-submit.form-submit.btn-default.btn {
    border: none !important;
    border-radius: 30px;
    background: #A8D42E !important;
    color: #142749 !important;
    text-align: center !important;
    font-family: 'WorkSans-Regular' !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: bold !important;
    line-height: normal !important;
    width: 170px;
    display: flex !important;
    align-items: center;
    justify-content: space-evenly;
    padding: 9px 16px 9px 16px !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.filtro-discurso .view-content{
	width:100% !important;
}
.filtro-discurso .view-filters.form-group .views-exposed-form.bef-exposed-form .form--inline.form-inline {
    display: flex !important;
    flex-direction:row !important;
}
.filtro-discurso .view-filters.form-group {
    width: 40% !important;
    padding-right: 20px;
}
.discurso-director.filtro-discurso.mas-discursos.encabezado-discurso.view.view-discursos-director-policia.view-id-discursos_director_policia.view-display-id-block_1 {
    padding: 10px;
    margin: 15px 0 0 0;
}
div#seccion-comandante {
    padding-bottom: 0px;
}
/* Ameripol */
.instituciones-ameripol {
  background-color: #f0f0f0; 
  padding: 10px 0 20px 0 ;
  height: 310px; 
}

.fondo-instituciones {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px;
}

.fondo-instituciones img {
  max-width: 150px; /* Ajusta el tamaño máximo de las imágenes */
  max-height: 150px; /* Ajusta la altura máxima de las imágenes */
  width: auto; /* Mantiene la proporción de la imagen */
  height: auto; /* Mantiene la proporción de la imagen */
  object-fit: contain; /* Asegura que la imagen se ajuste al contenedor sin deformarse */
  margin-bottom: 15px; /* Espacio entre la imagen y el texto */
}

.fondo-instituciones h2 {
  margin: 30px 0 0 0; 
  font-size: 1em; 
  color:#6c757d;
  font-weight: 700;
}


/*cards bienestar*/

.servicios-bienestar {
  display: flex;
  flex-direction: row; 
  gap: 15px; 
}

.boton-container {
  background-color: #006937; 
  border-radius: 31px 5px 5px 5px; 
  padding: 10px;
  width: 150px;
  height: 180px;
  font-family: sans-serif; 
  color: white;
}
.boton-container:hover{
  background-color: #004d2d; 
  stroke: #BAFF00;
  color: #BAFF00;
}

.boton-contenido {
  text-align: center; 
}

.boton-container .icono {
  width: 100px; 
  margin-bottom: 10px;
  margin: 0 auto;
}

.boton-container h2 {
  font-size: 1em;
  margin-top: 15px;
  line-height: 1;
  text-transform: uppercase;
  font-family: 'Montserrat-Regular'; 
  color: white;
  font-weight: bold;
}
.field.field--name-field-titulo-rendicion.field--type-string.field--label-hidden.field--item {
  font-family: 'WorkSans-Regular';
  text-decoration: underline;
  font-size: 1.5em;
  color: #007A2E;
  border-bottom: 2px solid #ccc;
  margin-top: 20px;
}
div#mision-unidad img {
    margin: 0 auto;
}