.msg_cookies {
	--bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
}

:root {
  --color-default: #364d59;
  --color-primary: #0037A0;
  --color-secondary: #a6cbce;
  --color-red: #e63b11;	
  --color-yellow: #fbc160;	
}

.navbar-nav .nav-link {
  font-size: 0.9375rem;
  font-weight: 500;
  text-transform: none;
  line-height: 90px;
  padding-top: 0;
  padding-bottom: 0;
}

p {
    margin-top: 0;
    margin-bottom: 0;
}

.nuevoacordeon .accordion-button {
  font-size: 22px;
  /*color: #1e59d1;*/
  text-align: left;
  padding-left: 0;
  margin-top: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #595d69;	
}

#interes .tab-content {
  padding: 25px 0 0 0;
  margin-bottom: 0;
}

.color_azulPrimario a{
	color:#0037A0 !important;
}

.table-hover tbody tr:last-child td {
    border-bottom: 0 !important;
}

.nuevoacordeon .accordion-item {
  border:0;
}

.nuevoacordeon .accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #1e59d1;		
  	
}

.nuevoacordeon .accordion-body {
  padding: 0;

}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #183457 ;
  --bs-table-border-color: #183457 ;
}

thead, tbody, tfoot, tr, td, th {
  border-color: #ccc;
  border-style: solid;
  border-width: 0;
}

.titulo3{
	display: block;
	font-size: 18px;
	/*font-weight: bold;*/
	margin-bottom: 15px;
}

.titulo4{
	display: block;
	font-size: 16px;
	/*font-weight: bold;
	margin-bottom: 15px;*/
	margin-bottom: 0px;
}

.tarjeta-concejal {
    min-height: 260px;
}

.foto-concejal {
    width: 140px;
    height: 140px;
    object-fit: cover;
}

.logo-partido {
    width: 34px;
    height: auto;
}

.redes-concejal i{
	font-size: 20px;
}

.nuevoacordeon p {
  margin: 15px 0;
  text-align: justify;
}

.foto-perfil{
    width: 140px;
    height: 140px;
    border-radius: 50%;
    object-fit: cover;
    object-position: top center;
}

.color-negro{
	color: #010101;
}

.color-azul{
	color: #0037A0;
}

.color-verde{
	color: #569610;
}

.color-blanco{
	color: #ffffff;
}

.color-azul-ayto{
	color: #183457!important;
}

.bg-azul-ayto{
	background-color: #183457 !important;
}

.bg-blanco-ayto{
	background-color: #ffffff !important;
}

.bg-azulAire-ayto{
	background-color: rgb(33 125 203) !important;
}

.color-rojo{
	color: #ff0000;
}

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

.text-azul{
	color: #183457 !important;
}

.text-blanco{
	color: #ffffff !important;
}

.texto_strong{
	font-weight: bold;
}

.accordion-body{
	/*padding: 0px;*/
}

.accordion-body_01{
	padding: 15px;
}

.display-5 {
    line-height: 1;
}

.bg-azul {
    bg-opacity: 1;
    background-color: #183457 !important;
}

.h-100x{	
	height: 100% !important;
}

.revision{
	font-size: 12px;
	font-style: italic;
}

.contenido-central p{
	/*text-align: justify;
	padding: 15px;*/
}

.lista_previsionNoticias{
	list-style-type: none;
	padding-left: 0.5rem;	
}

.lista_archivos{
	list-style-type: none;
	padding-left: 0.5rem;	
}

.list-central{
	columns:2;
}

.lista_archivos li{
	padding: 0.5rem;	
}

.lista_archivos li a{
	color: #183457 !important;
    text-decoration: none;
}

.lista_archivos li a:hover{
    text-decoration: underline;
}

.lista_areasG{
	list-style-type: none;
	padding-left: 0.5rem;
}

.lista_areasG li{
	padding: 0.5rem;	
}

.lista_areasG li a{
	color: #183457 !important;
    text-decoration: none;
}

.lista_areasG li a:hover{
    text-decoration: underline;
}

.listadoGob{
	list-style-type:none;
	padding-left: 0.5rem;
}

.listadoGob li{
	padding: 0.5rem;	
}

.listadoGob li a{
	color: #183457 !important;
    text-decoration: none;
}

.listadoGob li a:hover{
    text-decoration: underline;
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.t-destacados{
	background-color: #0cbc87 !important;
	/*padding: 40px 15% 20px 2%;*/
}

.p-dest{
	padding: 40px 2% 20px 20%;
}

.red{
	background-color: #d6293e !important;
}




@media (max-width: 767px){

    .galeria-imagenes{
        display:flex;
        flex-wrap:wrap;
        gap:10px;
    }

    .galeria-imagenes .imagen{
        width:calc(50% - 5px);
    }

    .galeria-imagenes img{
        width:100%;
        height:auto;
        display:block;
    }

}



.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0037A0;
  --bs-btn-border-color: #0037A0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0037A0;
  --bs-btn-hover-border-color: #0037A0;
  --bs-btn-focus-shadow-rgb: 66, 122, 235;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0037A0;
  --bs-btn-active-border-color: #0037A0;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0037A0;
  --bs-btn-disabled-border-color: #0037A0;
}

.btn-outline-primary {
  --bs-btn-color: #0037A0;
  --bs-btn-border-color: #0037A0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0037A0;
  --bs-btn-hover-border-color: #0037A0;
  --bs-btn-focus-shadow-rgb: 33, 99, 232;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0037A0;
  --bs-btn-active-border-color: #0037A0;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #0037A0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0037A0;
  --bs-gradient: none;
}

.img-border{
	border: 0.5px solid #cccccc;
}



.fondoCaberaHome {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Capa oscura */
.fondoCaberaHome::before {
  /*content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1; */
}

/* TODO el contenido por encima */
.fondoCaberaHome .container-fluid {
  position: relative;
  z-index: 2; /* más alto que el overlay */
}


.listadoNoticiasHome h3{
	font-size: 1.171875rem;
}


.bg-pob-hombres {
    --bs-bg-opacity: 1;
    background-color: rgba(221, 113, 17, 0.9); !important;
}

.bg-pob-mujeres {
    --bs-bg-opacity: 1;
     background-color: rgba(66, 139, 202, 0.9); !important;
}

.habitantes h5{
	color: #ffffff;
}

.extranjeros {
    vertical-align: top!important;
}

.lista_datos_protocolo{
	margin:0;
	padding:0;
}

.lista_datos_protocolo li{
	list-style-type:none;
	margin-left:10px;
	padding:5px;
}

.two-column-list {
  	columns: 2;
  	-webkit-columns: 2; /* Para navegadores WebKit (Chrome, Safari) */
  	-moz-columns: 2; /* Para navegadores Firefox */
}

.two-column-list li {
	align-content: center;
  	break-inside: avoid;
  	-webkit-column-break-inside: avoid; /* Para navegadores WebKit */
  	-moz-column-break-inside: avoid; /* Para navegadores Firefox */
}

.subtituloProtocolo{
    text-decoration: none;
    font-size: 18px;
	color: #183457; 
    font-family: inherit;
    font-weight: bold;
    line-height: 1.1;
    margin: 0;
    padding: 0 0 15px 0;
}

.btn .active{
	background-color:#004466;
	border:2px solid #428bca;
	color:#fff;
}

.visitado {
	background-color:#004466;
	border:2px solid #428bca;
	color:#fff;
}

.visitado2 {
	background-color:#ccc;
	border-radius:10%;
	padding:20px 6px;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown:hover > .dropdown-menu {
        top: 95%;
        visibility: visible;
        opacity: 1;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
		min-width: max-content;
    }
}

.navbar-brand {
    padding-top: 18px;
    padding-bottom: 10px;
}


.lead1 {
    font-size: 1rem;
    font-weight: 400;
}

/***** AGENDA ********/

#calendar {
    margin: 0;
    padding: 0;
}

#TablaCalendario a{
	color: #fff;
}

#calendario_listado ,table {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #cccccc;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 3%;
    width: 100%;
}

#calendario_listado ,table thead tr th, table tfoot tr th {
    background-color: #096289;
    color: #fcf8e5;
    font-weight: bold;
}

#calendario_listado table thead th, table thead td {
    padding: 5px;
    vertical-align: middle;
}

#calendario_listado table td, table th {
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

#calendario_listado .calendar td {
    font-size: large;
    font-weight: bold;
    height: 80px;
    padding: 0.25em;
    text-align: left;
    vertical-align: top;
    width: 14%;
}

#calendario_listado ,table tbody tr td {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

/*#calendario_listado ,table tbody tr td:hover {

	background-color:#e7e7e7;
}*/

#calendario_listado ,#calendario_listado table thead tr th, #calendario_listado table tfoot tr th {
    text-align:center;
}

/************** CABECERAS ************/

#cabeceraAyto{
	background-image: url("../images/cabeceras/header_ayto.jpg");
	height: 250px;
	background-position: bottom;
}

#cabeceraCiudad{
	background-image: url("../images/cabeceras/cabecerasCiudad.jpg");
	height: 250px;
	background-position: bottom;
}

#cabeceraTramites{
	background-image: url("../images/cabeceras/tramites.jpg");
	background-size: cover;
	height: 250px;
	background-position: center bottom 34%;
}

#cabeceraBibliotecas{
	background-image: url("../images/cabeceras/cabeceraBibliotecas4.jpg");
	height: 250px;
	background-position: bottom;
}

#cabeceraEmpresa{
	background-image: url("../images/cabeceras/empresas2.png");
	background-size: cover;
	height: 250px;
	background-position: center bottom 40%;
}

#cabeceraSocial{
	background-image: url("../images/cabeceras/social.jpg");
	background-size: cover;
	height: 250px;
	background-position: center top 45%;
}

#cabeceraSeguridad{
	background-image: url("../images/cabeceras/emergencias2.png");
	background-size: cover;
	height: 250px;
	background-position: center bottom 20%;
}

#cabeceraUrbanismo{
	background-image: url("../images/cabeceras/urbanismo2.png");
	background-size: cover;
	height: 250px;
	background-position: center top 45%;
}

#cabeceraCultura{
	background-image: url("../images/cabeceras/cultura.jpg");
	background-size: cover;
	height: 250px;
	background-position: center top 57%;
}

#cabeceraMedioAmbiente{
	background-image: url("../images/cabeceras/medio-ambiente2.png");
	background-size: cover;
	height: 250px;
	background-position: center bottom 20%;
}

#cabeceraTurismo{
	background-image: url("../images/cabeceras/turismo.jpg");
	background-size: cover;
	height: 250px;
	background-position: center top 60%;
}

#cabeceraEducacion{
	background-image: url("../images/cabeceras/educacion4.png");
	background-size: cover;
	height: 250px;
	background-position: center top 88%;
}

#cabeceraProyectos{
	background-image: url("../images/cabeceras/proyectos.jpg");
	background-size: cover;
	height: 250px;
	background-position: center top 80%;
}

#cabeceraDeporte{
	background-image: url("../images/cabeceras/deportes2.png");
	background-size: cover;
	height: 250px;
	background-position: center top 22%;
}

#cabeceraAreaPersonal{
	background-image: url("../images/cabeceras/area-personal.png");
	background-size: cover;
	height: 250px;
	background-position: center top 49%;
}


/************ BUSCADOR ************/

.btn-ayto {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0037A0;
    --bs-btn-border-color: #0037A0;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0037A0;
    --bs-btn-hover-border-color: #0037A0;
    --bs-btn-focus-shadow-rgb: 48, 198, 153;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0037A0;
    --bs-btn-active-border-color: #0037A0;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0037A0;
    --bs-btn-disabled-border-color: #0037A0;
}

/************** WEBS MUNICIPALES **********/

.titulo_webs{
	margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-card-title-color);
	font-size: 0.9rem;
	text-align: center;
}

.navbar-brand .navbar-brand-item {
	height: 80px;
	/*height: 60px;*/
  	display: block;
  	width: auto;
}

/************* NAVEGACIÓN ******************/
#megaMenu_01 .card-body {
	border: 1px solid red;
}

/************ MENU COMUNICACIÓN ***********/

.accordion-button::after {
    margin-left: initial;
    margin-left: 15px;
}

.btn:hover {
    color: #ffffff;
    background-color: #183457 ;
    border-color: #183457 ;
}

/************ MENU ************************/

.dropdown-item {
    white-space:normal;
}

/*********** MENU LATERAL *****************/

#AytoAccordion .accordion-body{
	padding: 0px;
}

.texto-negrita{
	font-weight: bold;
}

.nav-link:hover, .nav-link:focus {
  color: #0037A0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #0037A0;
}

.breadcrumb-item a:hover {
  color: #0037A0;
}

.icon-sup{
	width: 22px;
	color:var(--bs-heading-color) !important;
	margin-right: 6px;
}

.acordeon2 .accordion-button{
	font-size: 15px !important;
}

.wordBreak_b{
	word-break: break-word;
}

.whiteSpace_n{
	white-space: normal;
}

.redes_pie{
	columns: 2;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.list-group-item {
  position: relative;
  display: block;
  /*padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);*/
  /*padding: 10px 0 10px 30px;*/
  color: var(--bs-list-group-color);
  background-color: #fff;
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

.navbar-sticky-on .navbar-brand .navbar-brand-item {
  height: 55px;
}

.text-justify{
	text-align: justify;
}

.menu-sup li {
	width: 100%;
}

.menu-sup li a{
	padding: 2px 0;
}

.color_azulPrimario{
	color: #0037A0;
}

.btn-azul-soft {
    color: #ffffff;
    background-color: #0037A0;
}

.btn-azul-soft:hover {
    color: #fff ;
    background-color: #183457 ;
	border: 1px solid #183457 ;
}

i {
	font-size: smaller;
}

.card.card-overlay-bottom::before {
	content: "";
  	position: absolute;
  	height: 100%;
  	width: 100%;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	/*background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
  	background-image: linear-gradient(180deg, transparent, black);*/
  	z-index: 1;
}

/******** ACORDERON TIPO *******/

#accordionTipo .accordion{
	
}

#accordionTipo .accordion-item{
	
}

#accordionTipo .accordion-button{
	
}


/******** ACORDERON MERCADILLOS *******/

.padding15{
	padding: 15px;
}

.padd-L10{
	padding-left: 10px;
}

.padd-L15{
	padding-left: 15px;
}

.padd-L20{
	padding-left: 20px;
}

.marg-R10{
	margin-right: 10px;
}

.paddingTituloMercadillos{
	padding: 10px 0 10px 10px;
}

.border-img-mercadillos {
    border-color: #5b84d2!important;
}

.listaMercadillos{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.listaMercadillos li{
	padding: 5px;
}

.listaMercadillos li a{
	color: #0037A0;
}

.listaMercadillos li a:hover{
	color: #5b84d2;
}
/*
#mercadillos .accordion-button:not(.collapsed) {
    color: #ffffff!important;
    background-color: #183457!important;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px
}
*/


/******** ACORDERON BARRIOS Y DIPUTACIONES *******/
#barriosDiput .accordion-button::after {
    margin-left: initial;
    margin-left: 15px;
}

#barriosDiput .accordion-button::after {
	color: #ffffff!important;
}


/********** CARD ****************/
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0; 
  height: $card-height;
  word-wrap: break-word;
  background-color: $card-bg;
  background-clip: border-box;
  border: $card-border-width solid $card-border-color;
  @include border-radius($card-border-radius);

  > hr {
    margin-right: 0;
    margin-left: 0;
  }

  > .list-group {
    border-top: inherit;
    border-bottom: inherit;

    &:first-child {
      border-top-width: 0;
      @include border-top-radius($card-inner-border-radius);
    }

    &:last-child  {
      border-bottom-width: 0;
      @include border-bottom-radius($card-inner-border-radius);
    }
  }

  // Due to specificity of the above selector (`.card > .list-group`), we must
  // use a child selector here to prevent double borders.
  > .card-header + .list-group,
  > .list-group + .card-footer {
    border-top: 0;
  }
}

.card-body {
  // Enable `flex-grow: 1` for decks and groups so that card blocks take up
  // as much space as possible, ensuring footers are aligned to the bottom.
  flex: 1 1 auto;
  padding: $card-spacer-y $card-spacer-x;
  color: $card-color;
}

.card-title {
  margin-bottom: $card-title-spacer-y;
}

.card-subtitle {
  margin-top: -$card-title-spacer-y * .5;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link {
  &:hover {
    text-decoration: none;
  }

  + .card-link {
    margin-left: $card-spacer-x;
  }
}

//
// Optional textual caps
//

.card-header {
  padding: $card-cap-padding-y $card-cap-padding-x;
  margin-bottom: 0; // Removes the default margin-bottom of <hN>
  color: $card-cap-color;
  background-color: $card-cap-bg;
  border-bottom: $card-border-width solid $card-border-color;

  &:first-child {
    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
  }
}

.card-footer {
  padding: $card-cap-padding-y $card-cap-padding-x;
  color: $card-cap-color;
  background-color: $card-cap-bg;
  border-top: $card-border-width solid $card-border-color;

  &:last-child {
    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
  }
}


//
// Header navs
//

.card-header-tabs {
  margin-right: -$card-cap-padding-x * .5;
  margin-bottom: -$card-cap-padding-y;
  margin-left: -$card-cap-padding-x * .5;
  border-bottom: 0;

  @if $nav-tabs-link-active-bg != $card-bg {
    .nav-link.active {
      background-color: $card-bg;
      border-bottom-color: $card-bg;
    }
  }
}

.card-header-pills {
  margin-right: -$card-cap-padding-x * .5;
  margin-left: -$card-cap-padding-x * .5;
}

// Card image
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: $card-img-overlay-padding;
  @include border-radius($card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
}

.card-img,
.card-img-top {
  @include border-top-radius($card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  @include border-bottom-radius($card-inner-border-radius);
}


//
// Card groups
//

.card-group {
  // The child selector allows nested `.card` within `.card-group`
  // to display properly.
  > .card {
    margin-bottom: $card-group-margin;
  }

  @include media-breakpoint-up(sm) {
    display: flex;
    flex-flow: row wrap;
    // The child selector allows nested `.card` within `.card-group`
    // to display properly.
    > .card {
      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
      flex: 1 0 0%;
      margin-bottom: 0;

      + .card {
        margin-left: 0;
        border-left: 0;
      }

      // Handle rounded corners
      @if $enable-rounded {
        &:not(:last-child) {
          @include border-end-radius(0);

          .card-img-top,
          .card-header {
            // stylelint-disable-next-line property-disallowed-list
            border-top-right-radius: 0;
          }
          .card-img-bottom,
          .card-footer {
            // stylelint-disable-next-line property-disallowed-list
            border-bottom-right-radius: 0;
          }
        }

        &:not(:first-child) {
          @include border-start-radius(0);

          .card-img-top,
          .card-header {
            // stylelint-disable-next-line property-disallowed-list
            border-top-left-radius: 0;
          }
          .card-img-bottom,
          .card-footer {
            // stylelint-disable-next-line property-disallowed-list
            border-bottom-left-radius: 0;
          }
        }
      }
    }
  }
}




/********** INICIO EQUIPO DE GOBIERNO ****************/

/*
.card{
	min-height: 315px;
}
*/

.bd-callout_01 {
    border: 1px solid #e9ecef;
    border-left-width: .25rem;
    border-radius: .25rem
}

.bd-callout_01 p{
    padding: 15px;
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-width: .25rem;
    border-radius: .25rem
}

.bd-callout h4 {
    margin-bottom: .25rem
}

.bd-callout p:last-child {
    margin-bottom: 0
}

.bd-callout code {
    border-radius: .25rem
}

.bd-callout+.bd-callout {
    margin-top: -.25rem
}

.bd-callout-info {
    border-left-color: #0037A0
}

.bd-callout-warning {
    border-left-color: #f0ad4e
}

.bd-callout-danger {
    border-left-color: #d9534f
}

/************* INICIO COMPARTIR **************/

.bg-twitter{
  background-color: #000000;
}

.text-twitter{
  color: #000000;
}

.text-twitter:hover{
  color: #191919;
}

.bg-email{
  background-color: #24a8df;
}

.text-email{
  color: #24a8df;
}

.text-email:hover{
  color: #1d8fbe;
}

.bg-whatsapp{
  background-color: #25D366;
}

.text-whatsapp{
  color: #25D366;
}

.text-whatsapp:hover{
  color: #075E54;
}

.bg-telegram{
  background-color: #24A1DE;
}

.text-telegram{
  color: #24A1DE;
}

.text-telegram:hover{
  color: #1480b4;
}

.bg-tiktok{
  background-color: #ff2c56;
}

.text-tiktok{
  color: #ff2c56;
}

.text-tiktok:hover{
  color: #000000;
}

/** FIN COMPARTIR **/

/* COMPOSICION PLENO */

.margen_0{
	margin: 0px;
}

.alturaMinCajas{
	min-height: 300px;
}

/********* FIN COMPOSICION PLENO ***********/


/************* AGENDA *******************/

.min_altura{
	min-height: 385px;
}


/*********** INICIO FOOTER ****************/

footer a{
	color: var(--color-secondary);
}

footer a:hover{
	color: #fff;
	text-decoration: underline;
}

.f-list li{
	margin-bottom: 8px;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: #184093 !important;
}

.bg-dark-f {
  --bs-bg-opacity: 1;
  background-color: #183457 !important;
}

.bg-escudo {
	background-image: linear-gradient(rgba(24, 52, 87, 0.5), rgba(255, 255, 255, 0.1)), url("../images/escudoAyto_45grados_menus.png");
	background-repeat: no-repeat;
	background-position: left bottom;
}

.bg-visto {
	background-image: url("../images/visto.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.bg-tramites {
	background-image: url("../images/tramites.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

footer{
	background-image: url(../images/bg_ayto.png);
  	background-position: right;
 	background-size: cover;
	background-repeat: no-repeat;
}

.tns-controls [data-controls]:hover {
  background-color: #184093;
  color: var(--bs-white);
}

.back-top {
  color: #184093;
}


.back-top:hover {
  background:  #184093;

}

@media only screen and (max-width : 990px) {

.t-destacados{
	margin-top: 0 !important;
	padding-top: 0 !important;		
}
	
.bg-visto{
	margin-top: 0 !important;
	padding-top: 0 !important;		
}	
	
}

@media only screen and (max-width : 570px) {

.list-central{
	columns:1;	
}
	
.mt-xs-1{
	margin-top:10px;
}	
	
}


.lista_GruposPoliticos{
	margin:0;
	padding:0;
	/*font-size:13px;*/
	float:left;
}

.lista_GruposPoliticos li{
	list-style-type:none;
	margin-left:15px;
	padding:2px;
	text-align:left;
}

.lista_GruposPoliticos li a:hover{
	color:#3D3B3B;
}


/********* CARD EJEMPLO ***************/

.cardcontainer{
        width: 350px;
        height: 500px;
        background-color: white;
        margin-left: auto;
        margin-right: auto;
        transition: 0.3s;
    }
    .cardcontainer:hover{
        box-shadow: 0 0 45px gray;
    }
    .photo{
        height: 300px;
        width: 100%;
    }
    .photo img{
        height: 100%;
        width: 100%;
    }
    .txt1{
        margin: auto;
        text-align: center;
        font-size: 17px;
    }
    .content{
        width: 80%;
        height: 100px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: -33px;
    }
    .photos{
        width: 90px;
        height: 30px;
        background-color: #E74C3C;
        color: white;
        position: relative;
        top: -30px;
        padding-left: 10px;
        font-size: 20px;
    }
    .txt4{
        font-size:27px;
        position: relative;
        top: 33px;
    }
    .txt5{
        position: relative;
        top: 18px;
        color: #E74C3C;
        font-size: 23px;
    }
    .txt2{
        position: relative;
        top: 10px;
    }
    .cardcontainer:hover > .photo{
        height: 200px;
        animation: move1 0.5s ease both;
    }
    @keyframes move1{
        0%{height: 300px}
        100%{height: 200px}
    }
    .cardcontainer:hover > .content{
        height: 200px;
    }
    .footer{
        width: 80%;
        height: 100px;
        margin-left: auto;
        margin-right: auto;
        background-color: white;
        position: relative;
        top: -15px;
    }
    .btn{
        position: relative;
        /*top: 20px;*/
    }
    #heart{
        cursor: pointer;
    }
    .like{
        float: right;
        font-size: 22px;
        position: relative;
        top: 20px;
        color: #333333;
    }
    .fa-gratipay{
        margin-right: 10px;
        transition: 0.5s;
    }
    .fa-gratipay:hover{
        color: #E74C3C;
    }
    .txt3{
        color: gray;
        position: relative;
        top: 18px;
        font-size: 14px;
    }
    .comments{
        float: right;
        cursor: pointer;
    }
    .fa-clock, .fa-comments{
        margin-right: 7px;
    }



.megabg {
	background-image: url("../images/megabg.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 230px;
	/*max-width: 1000px !important;
	min-width: 0 !important;
	top: 195px;*/
}

.dropdown-item {
  font-weight: 400;
  text-transform: none;
  position: relative;
}

.accordion-button::after {
    margin-left: auto;
    flex-shrink: 0;

}

.ce-box{
    margin-bottom:2rem;
}

.ce-title{
    display:flex;
    align-items:center;
    gap:.75rem;
    margin-bottom:1rem;
    font-weight:700;
}

.ce-card{
    /*background:#f8f9fa;*/
    border-radius:.75rem;
    padding:1rem 1.25rem;
    margin-bottom:1rem;
}

.ce-card h5{
    margin-bottom:.75rem;
    display:flex;
    align-items:center;
    gap:.5rem;
    font-weight:600;
}

.ce-list{
    list-style:none;
    padding-left:0;
    margin-bottom:0;
}

.ce-list li{
    display:flex;
    gap:.75rem;
    margin-bottom:.75rem;
    align-items:flex-start;
}

.ce-list li:last-child{
    margin-bottom:0;
}

.ce-opcion{
    height:100%;
    padding:1rem;
    border:1px solid #dee2e6;
    border-radius:.5rem;
    background:#fff;
}

.ce-opcion h5{
    margin-bottom:.75rem;
    font-size:1rem;
    font-weight:600;
}

.ce-link{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    font-weight:600;
    text-decoration:none;
}

.ce-steps{
    list-style:none;
    padding:0;
    margin:0;
}

.ce-steps li{
    display:flex;
    align-items:flex-start;
    gap:.75rem;
    margin-bottom:.75rem;
}

.ce-box{
    margin-bottom:2rem;
}

.ce-title{
    display:flex;
    align-items:center;
    gap:.75rem;
    margin-bottom:1rem;
    font-weight:700;
}

.ce-card{
    background:#f8f9fa;
    border-radius:.5rem;
    padding:1rem;
    margin-bottom:1rem;
}

.ce-list{
    list-style:none;
    padding:0;
}

.ce-list li{
    display:flex;
    gap:.75rem;
    margin-bottom:.75rem;
}

.badge-ref {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: .25rem;
    border-radius: 50%;
    background: #fff200;
    color: #000;
    font-size: .8rem;
    font-weight: 700;
    line-height: 1;
}

.bg-ref {
    background: #fff200;
    color: #000;
}

.btn-light {
  --bs-btn-color: #0037A0;
  --bs-btn-bg: #f7f8f9;
  --bs-btn-border-color: #f7f8f9;
}

.curso-cabecera{
    position: relative;
    min-height: 140px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.curso-cabecera::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,.80) 0%,
        rgba(0,0,0,.55) 40%,
        rgba(0,0,0,.20) 100%
    );
}

.curso-cabecera > *{
    position: relative;
    z-index: 1;
}