/* DIRAJUS CSS Document */

/* FONTS ***************************************/
/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v40-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v40-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v40-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v40-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v40-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/open-sans-v40-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v40-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v40-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v40-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v40-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v40-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v40-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin-800italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* Cookie */


/* COLOR ***************************************/
.grey-01-bg {background-color: #e6e7e8;}
.color-dira-dblue {color: #0e3053;}
.color-dira-dblue-bg {background-color: #0e3053;}
.color-dira-blue {color: #1b75bb;}
.color-dira-green {color: #008848;}
.color-dira-greenmenu {color: #A4CA36;}
.color-dira-blue-bg {background-image: linear-gradient(to right, #00548e 0%, #1B75BB 50%); background-color: #1B75BB !important;}

.gray-infobox-bg {background-color: #ebebec;}
/* ANTES: .gray-infobox-bg {color: #ebebec;}
.carousel-caption p {background-color: rgba(0,0,0,0.50); color: #FFF; display: inline-block; border-radius: 2px; padding: 2px 10px 2px 10px; margin: 0;}
*/

body {color: #444; font-size: 1rem;}
h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a {font-family: 'Open Sans', sans-serif; font-weight: 400;}

h1, h1 a {font-size: 220%;}
h2, h2 a {font-size: 140%;}
h3, h3 a {font-size: 120%;}
h4, h4 a {font-size: 100%;}

h1 {color: #1b75bb;}
h2 {color: #0e3053;}
h3 {color: #0e3053;}

p {font-size: 90%;}
a {font-size: 100%;}
li {font-size: 90%;}
a {color: #0076d5; text-decoration: none; background-color: transparent;}
a:hover {color: #008848; text-decoration: none;}

/*.introbox p {100%;}
.introbox a {100%;}*/

.footer p, .footer span {font-size: 80%;}
.footer a {font-size: 100%}

.black-link a {color: #000; text-decoration: none; background-color: transparent;}
.black-link a:hover {color: #008848; text-decoration: none;}

img {max-width: 100%; height: auto;} /* Haciendo todas las img Responsivas: */

/* Cursor Pointer */
.cursor-pointer {
  display: inline;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media (min-width:576px){.no-pad-l-md {padding-left: 0;}}

/* NAVBAR //////////////////////////////////////////////////////////////////////////////////////////////// */

@media (max-width:576px){.dirajuslogo {width: 215px;}} /* 768 */
/*.bg-dark {background-image: linear-gradient(120deg, #150401 0%, #1D3E09 80%);}*/
.navbar {padding-top: 15px; padding-bottom: 12px} /*8*/
.navbar-brand {padding: 0;}/*5*/
.bg-dark {background-image: linear-gradient(to right, #00548e 0%, #1B75BB 50%); background-color: #1B75BB /*#584B4F*/!important;} /* Debe ser !imp... para que sobreescriba el de bs*/
.nav-link {padding: 5px;}
.menu-item {font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 90%; letter-spacing: 1px;/* letter-spacing: 1px*/}
.menu-item a {color: #FFFFFF !important; padding: 8px;} /* #C0C0C0 */

@media (max-width:768px){.menu-item {padding: 8px; font-size: 110%;}.menu-item a {padding: 0 0 2px 0;}}

/* Menú Active con borde a 4 lados (fue una opción - se ve bien):
@media (max-width:768px){
    .menu-item {padding: 8px; font-size: 110%;}
    .menu-item a {padding: 3px 7px 3px 7px;}
    .menu-item a[aria-current] {border: 1px solid #A4CA36;}
} */
/* Menu Active con border-bottom only: */
.menu-item a:hover {color: #A4CA36 !important; text-decoration: none;}
.menu-item.is-active a {border-bottom: 1px solid #A4CA36;}
/* Solo para Languages: */ .menu-item.is-active2 a {border: 1px solid #FFF;}
.menu-item a[aria-current] {border-bottom: 1px solid #A4CA36;}
.menu-item-ac a[aria-current] {background-color: #A4CA36;}

.is-active {border-bottom: 1px solid #A4CA36 !important;} /* came: #A7C539 */

/* is-active2 is for languages switch*/
.is-active2 {border: 1px solid #A4CA36;} /* Languaje */

/* AA Menu: Styles Switcher ****************************************** */

.a1-active span {line-height: 0; font-size: 150%;/* background: green;*/}
.a0-active, .a1-active {padding-left: 1px !important; padding-right: 1px !important;/* background: purple;*/}

/* BTN PRIMARY ******************************************************* */

.btn-primary {
  color: #fff;
  background-color: #1b75bb;
  border-color: #1b75bb;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0e3053;
  border-color: #1b75bb;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/* BTN OUTLINE PRIMARY ************************************** */

.btn-outline-primary {
  color: #1b75bb;
  border-color: #1b75bb;
  background-color: #FFFFFF;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #1b75bb;
  border-color: #1b75bb;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #1b75bb;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #1b75bb;
  border-color: #1b75bb;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

/* HOME //////////////////////////////////////////////////////////////////////////////////////////////// */
.illustration {text-align: center;}
@media (min-width:768px){.illustration {text-align: right}}

.home-mini-slider {}
.home-mini-slider img {/*width: 1000px; height: 100%;*/width: 1200px; height: 177px; object-fit: cover; /*border: solid 3px red;*/}
@media (max-width:576px){.home-mini-slider img {height: 369px;}}
/* https://www.digitalocean.com/community/tutorials/css-cropping-images-object-fit */

.introbox {color: white; font-family: 'Open Sans', sans-serif; font-weight: 300;}
.introbox a {color: #00bdf2}
.introbox a:hover {color: #A4CA36; text-decoration: none;}

.next-event {display: inline-block; padding: 7px 10px; border: solid 1px #ffdf5d; border-radius: 5px;}
.next-event p {margin-bottom: 0;}
/* changing cols l y r pad */
.pad-lr10 {padding: 0 10px 0 10px !important;}

.maininfo {text-align: center; background-color: #FFFFFF; position: relative; width: 100%; height: 100%;}
/*.main-info-title {position: absolute; bottom: 0; background-color: rgba(0,0,0,0.50); width: 100%; color: #FFF; text-align: center; padding: 5px 5px 0 5px; font-weight: 300;}*/
.maininfo-subget {background: #e6e7e8; padding-bottom: 3px; padding-top: 20px}
.main-info-title {position: absolute; right: 0; bottom: 0; left: 0; z-index: 10; background-color: rgba(0,0,0,0.50); color: #FFF; text-align: center; padding-top: 5px; font-weight: 300;}
.main-info-title h3 {font-size: 100%;}
.main-info-title a {color: #FFF;}

.maininfo-tools {font-size: 80%;}
.maininfo-tools {border-bottom: 1px dotted #008848; text-align: left; padding: 3px 7px; line-height: 0;}
.maininfo-tools a {padding-left: 7px;}
.maininfo-tools img {height: 21px;}/* antes 25px */

.modal-otrasherramientas {text-align: left; padding-top: 10px;}
.modal-otrasherramientas ul {list-style-type: none; padding-inline-start: 5px !important;}
.modal-otrasherramientas li {padding-bottom: 3px;}

.home1-carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  padding: 5px 7px 7px 7px;
  font-size: 90%;
  color: #fff;
  line-height: 1.2;
  text-align: left;
  background-color: rgba(0,0,0,0.40);
}
.home1-carousel-caption a {color: #FFF/*#99DCFA*/; text-decoration: none; background-color: transparent;}
.home1-carousel-caption a:hover {color: #87FBB5; text-decoration: none;}

.home1-carousel-images img {max-height: 177px;}

/* DIRAJUS NOTICIAS NOVEDADES //////////////////////////////////////////////////////////////////////////////////////////////// */

.span-photocredits {font-size: 70%; color: #000000;}
.fuente {font-size: 70%; color: #000000;}

.article-text-box {padding-top: 20px}
.article-text-box p {font-size: 90%; font-weight: 300;}
/* Debe ser igual a .article-text-box p */ .article-text {font-size: 90%; font-weight: 300; padding-top: 5px;}

.article-text-box p strong {color: black;}

.noticias-r-col {border-left: solid 1px #c6c6c6;}

.multimedia-greybox {padding: 15px 20px 20px 20px; background-color: #ebebec;}

.noticia {padding: 20px; background-color: #ebebec;}

/* DIRAJUS INFORMA //////////////////////////////////////////////////////////////////////////////////////////////// */
.bg-dirajusinforma {background-image: url("../img/bg-dirajusinforma02.jpg"); background-repeat: no-repeat; background-position: left top; background-size: cover;}

.bg-dirajusinforma-03 {background-image: url("../img/bg-dirajusinforma03.jpg"); background-repeat: no-repeat; background-position: center bottom; background-size: cover;}

.dirainfo-new-box1 {background-color: #ebebec; border-left: solid 2px; padding-bottom: 10px; height: 100%;}

.green-l-border {border-left-color: #1f874c;}
.red-l-border {border-left-color: #d51625;}
.blue-l-border {border-left-color: #184681;}
.orange-l-border {border-left-color: #f2901d;}

.dirainfo-new-box2 {padding: 10px 20px 5px 20px;}
/*Green*/ 
/*Red*/
/*Blue*/

.span-dirinfo-cate {display: inline-block; color: white; font-size: 70%; padding: 5px 5px; text-align: left; border-bottom-right-radius: 6px;}

/*Green*/.span-legislativasjuridicas {background-color: #1f874c; border: solid 1px #1f874c;}
/*Red*/.span-derechointernacional {background-color: #d51625; border: solid 1px #d51625;}
/*Blue*/.span-justicia {background-color: #184681; border: solid 1px #184681;}
/*Orange*/.span-internacionales {background-color: #f2901d; border: solid 1px #f2901d;}

.span-noticialink {font-size: 90%;}

.dirainfopdfs {padding-bottom: 10px; padding-top: 10px; /*border-bottom: solid 1px #999;*/}

@media (max-width:768px){.dirainfopdfs {border-bottom: solid 1px #999;}}

.dirainfopdfs-l {text-align: center;}
@media (min-width:768px){.dirainfopdfs-l {text-align: left;}}

.dirainfopdfs-r {text-align: center;}
@media (min-width:768px){.dirainfopdfs-r {text-align: right;}}

/* Drop Down Menu / https://codepen.io/annahtb/pen/bGNwQzq */
/* rows */
/*div.dropdown-multicol{
  width: 30em;
}
div.dropdown-row>a.dropdown-item{
  display:inline-block;
  width: 32%;
}
*/
/* Columns */
/* div.dropdown-multicol2{
  width: 30em;
}
div.dropdown-multicol2>div.dropdown-col{
  display:inline-block;
  width: 32%;
}
*/
/*
Or just:
div.dropdown-row>a.dropdown-item{
  display:inline-block;
  width: 10em;
}

(Former may be more convenient for responsive)
*/

/* MULTIMEDIA //////////////////////////////////////////////////////////////////////////////////////////////// */

.bg-multimedia {background-image: url("../img/bg-dirajusinforma03.jpg"); background-repeat: no-repeat; background-position: center bottom; background-size: cover; background-color: #0e3053;}

.gray-itembox {padding: 20px; background-color: #ebebec; height: 100%;}

/* PUBLICACIONES //////////////////////////////////////////////////////////////////////////////////////////////// */

/* SITIOS / ENLACES - MAP //////////////////////////////////////////////////////////////////////////////////////////////// */

.map-pais h2 {padding: 10px}

.map-paisflag {margin-right: 4px; border: solid 0.5px #000000; height: 20px;}

.avisoinfo h3 {border-bottom: 2px solid #A4CA36; text-align: center; padding-bottom: 15px; padding-top: 5px;}
.map-cl h2 {background-color: #f03f2d; color: #FFF;}
.map-co h2 {background-color: #6ebe44; color: #FFF;}
.map-cr h2 {background-color: #118f48; color: #FFF;}
.map-es h2 {background-color: #d5b324; color: #FFF;}
.map-hn h2 {background-color: #0d9cb1; color: #FFF;}
.map-us h2 {background-color: #2078b1; color: #FFF;}
.map-it h2 {background-color: #ff931e; color: #FFF;}
.map-fr h2 {background-color: #3fa9f5; color: #FFF;}
.map-de h2 {background-color: #c1272d; color: #FFF;}
.map-tz h2 {background-color: #93278f; color: #FFF;}

.svg-cl:hover .svg-cl-bg *, .svg-cl.active .svg-cl-bg * {fill: #f03f2d;}
.svg-co:hover .svg-co-bg *, .svg-co.active .svg-co-bg * {fill: #6ebe44;}
.svg-cr:hover .svg-cr-bg *, .svg-cr.active .svg-cr-bg * {fill: #118f48;}
.svg-es:hover .svg-es-bg *, .svg-es.active .svg-es-bg * {fill: #d5b324;}
.svg-hn:hover .svg-hn-bg *, .svg-hn.active .svg-hn-bg * {fill: #0d9cb1;}
.svg-us:hover .svg-us-bg *, .svg-us.active .svg-us-bg * {fill: #2078b1;}
.svg-it:hover .svg-it-bg *, .svg-it.active .svg-it-bg * {fill: #ff931e;}
.svg-fr:hover .svg-fr-bg *, .svg-fr.active .svg-fr-bg * {fill: #3fa9f5;}
.svg-de:hover .svg-de-bg *, .svg-de.active .svg-de-bg * {fill: #c1272d;}
.svg-tz:hover .svg-tz-bg *, .svg-tz.active .svg-tz-bg * {fill: #93278f;}

/* CAROUSEL (Homa & Multimedia *************************************************** */
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}
/* Foro25 / May 2025 */
.bg-foro25 {background-image: url("../img/foro25hub-bg.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover;}

/* DESCA Repositorio Ago 2021 ///////////////////////////////////////////////////////////////////////////////////// */
.bg-desca {background-image: url("../img/descahub-bg.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover;}

.desca-justicia-bgcolor {background-color: #D4C8E4}
.desca-salud-bgcolor {background-color: #C3D5FB}
.desca-accion-bgcolor {background-color: #F9F0D3}

/* Content Block: Video */
.video,
.img {
  position: relative;
  display: block;
  --w: 1;
  --h: 1;
  padding-bottom: calc(100% / var(--w) * var(--h));
  background: var(--color-black);
}
.img img,
.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
}
.img[data-contain] img {
  object-fit: contain;
}
.img-caption,
.video-caption {
  padding-top: .75rem;
  line-height: 1.5em;
}

/* FOOTER //////////////////////////////////////////////////////////////////////////////////////////////// */
.footer {padding: 10px 0 10px 0; color:#444; border-top: solid 1px #c6c6c6;}

.social-icons a {padding-right: 5px;}

.social-icons img {width: 9%;}

@media (max-width: 576px){.social-icons img {width: 15%;}}

@media (min-width: 768px){.footer-contact {padding-top: 42px;}}

@media (max-width: 576px){.footer-contact {text-align: justify;}}

/* ****************************** */

.XXieclick a {overflow: hidden; display: block; width: 100%; height: 100%; color: red;}