/**
* @license
*
* Font Family: Satoshi
* Designed by: Deni Anggara
* URL: https://www.fontshare.com/fonts/satoshi
* © 2026 Indian Type Foundry
*
* Satoshi Light 
* Satoshi LightItalic 
* Satoshi Regular 
* Satoshi Italic 
* Satoshi Medium 
* Satoshi MediumItalic 
* Satoshi Bold 
* Satoshi BoldItalic 
* Satoshi Black 
* Satoshi BlackItalic 
* Satoshi Variable (Variable font)
* Satoshi VariableItalic (Variable font)

*
*/
@font-face {
  font-family: 'Satoshi-Light';
  src: url('../fonts/Satoshi-Light.woff2') format('woff2'),
       url('../fonts/Satoshi-Light.woff') format('woff'),
       url('../fonts/Satoshi-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-LightItalic';
  src: url('../fonts/Satoshi-LightItalic.woff2') format('woff2'),
       url('../fonts/Satoshi-LightItalic.woff') format('woff'),
       url('../fonts/Satoshi-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi-Regular';
  src: url('../fonts/Satoshi-Regular.woff2') format('woff2'),
       url('../fonts/Satoshi-Regular.woff') format('woff'),
       url('../fonts/Satoshi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-Italic';
  src: url('../fonts/Satoshi-Italic.woff2') format('woff2'),
       url('../fonts/Satoshi-Italic.woff') format('woff'),
       url('../fonts/Satoshi-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi-Medium';
  src: url('../fonts/Satoshi-Medium.woff2') format('woff2'),
       url('../fonts/Satoshi-Medium.woff') format('woff'),
       url('../fonts/Satoshi-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-MediumItalic';
  src: url('../fonts/Satoshi-MediumItalic.woff2') format('woff2'),
       url('../fonts/Satoshi-MediumItalic.woff') format('woff'),
       url('../fonts/Satoshi-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi-Bold';
  src: url('../fonts/Satoshi-Bold.woff2') format('woff2'),
       url('../fonts/Satoshi-Bold.woff') format('woff'),
       url('../fonts/Satoshi-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-BoldItalic';
  src: url('../fonts/Satoshi-BoldItalic.woff2') format('woff2'),
       url('../fonts/Satoshi-BoldItalic.woff') format('woff'),
       url('../fonts/Satoshi-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi-Black';
  src: url('../fonts/Satoshi-Black.woff2') format('woff2'),
       url('../fonts/Satoshi-Black.woff') format('woff'),
       url('../fonts/Satoshi-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-BlackItalic';
  src: url('../fonts/Satoshi-BlackItalic.woff2') format('woff2'),
       url('../fonts/Satoshi-BlackItalic.woff') format('woff'),
       url('../fonts/Satoshi-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 900.0;
*
* available axes:
'wght' (range from 300.0 to 900.0
*/
@font-face {
  font-family: 'Satoshi-Variable';
  src: url('../fonts/Satoshi-Variable.woff2') format('woff2'),
       url('../fonts/Satoshi-Variable.woff') format('woff'),
       url('../fonts/Satoshi-Variable.ttf') format('truetype');
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 900.0;
*
* available axes:
'wght' (range from 300.0 to 900.0
*/
@font-face {
  font-family: 'Satoshi-VariableItalic';
  src: url('../fonts/Satoshi-VariableItalic.woff2') format('woff2'),
       url('../fonts/Satoshi-VariableItalic.woff') format('woff'),
       url('../fonts/Satoshi-VariableItalic.ttf') format('truetype');
  font-weight: 300 900;
  font-display: swap;
  font-style: italic;
}


body {
  font-family: 'Satoshi-Medium', sans-serif !important;
  font-size: 1.6em;
  background-color: #cfcfcf;
}
.container {
  background-color: #FFFFFF
}
a, a:visited {
  color: #032793
}
a:hover {
  color: #009ee2 !important;
	text-decoration: none !important
}

a.subraya, a.subraya:visited {
  text-decoration: underline
}
a.subraya:hover {
  text-decoration: none
}
.img_100 {
  max-width: none;
  width: 100%
}

.h1 {
	  font-family: 'Satoshi-Black', sans-serif;
  font-size: 1.8em;    
	margin-top: 5px;
}

.h3  {
  font-family: 'Satoshi-Black', sans-serif;
	font-size: 1.4em;
 }
.h5  {
  font-family: 'Satoshi-Bold', sans-serif;
	font-size: 1.2em;
 }


 .h6 {
   font-family: 'Satoshi-Bold', sans-serif;
    font-size: 1em;
}


.navbar {
  margin: 0 0 0 0;
  border: 0;
 }
 
.nav {
  text-align: right;
  float: right;
  padding: 0 0 0 0;
  margin: 0 0 0 0
}
.nav > ul {
  text-align: right;
  width: 100%;
  float: right
}
.nav > li > a {
  padding: 0 7px;
  border-right: 1px solid #CCCCCC;
  margin-top: 18px
}
.navbar form {
  margin: 0 0 0 0;
  padding: 10px 0 0 0
}
 
.top {
	background-color: #F0F0F0;
	padding-left: 0;
	padding-right: 0
}

.logo {
  padding-top: 20px;
  padding-left: 3%
}


/* aligns */
.text-center{ text-align: center }

/* margenes */
.padding0 {
  padding: 0 0 0 0
}

.padding1015 {
  padding: 10px 15px 
}


.padding0215 {
  padding: 2px 15px 
}

.marginleft20 {
  margin: 0 0 0 20px
}
.marginleft15 {
  margin: 0 0 0 10px
}
.marginright15 {
  margin: 0 10px 0 0
}
.marginright25 {
  margin: 0 25px 0 0
}
.destac_der {
  margin: 0 0 22px 0;
  padding: 0;
}
.destac_der h4 {
  line-height: 1.3em
}
.destac_der p {
  padding: 0 0 5px 0;
}
.paddingright0 {
  padding-right: 0
}
.homedestacados h2 {
  font-size: 1.4em
}
.homeabajo {
  margin-bottom: 30px
}
.cab_col_home {
  height: 50px;
  margin-bottom: 20px;
}
/* comunicados - agenda */
.tit_col {
  font-weight: 500;
  font-size: 1.4em;
}
.tit_comunica {
  padding: 0 0 0 0
}
.tit_agenda {
  padding: 0 0 0 0
}
.alturacomunicados {}
.alturacomunicados h4 {
  line-height: 1.4em;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  font-size: 1em
}
.verdeagua {
  background-color: #009787
}
.amarillofuerte {
  background-color: #FFC927
}
.contagenda {
  overflow-y: scroll;
  height: 380px;
  padding: 0 0 0 0;
}
.contagendahome {
  height: 380px;
  overflow: hidden;
  padding: 0
}
/* home video */
.bg-videos a {
  color: #FFFFFF
}
.bg-videos a:visited {
  color: #FFFFFF
}
.fdo_video {
  background-color: #F6F6F6;
  height: 460px
}
.fdo_video h2 {
  padding: 15px 0 10px 0;
  margin: 0 0 0 0;
  font-size: 1.4em
}
.fdo_video p {
  padding: 10px 0 5px 0
}
.padvideo {
  padding: 0 0 0 0
}
.col_der_inf {
  margin: 0 0 20px 0;
  padding: 0 0 0 0
}
.col_izq_inf {
  margin-bottom: 21px;
  padding-left: 0
}
 
/* compartir redes home */
 
.fecha {
  float: left
}
.compartir .redes img {
  margin: 0 10px 0 0
}
.compartir {
  width: 100%;
  margin-right: 15px;
  float: right;
  text-align: right
}
.compartir, .ucscroll .compartir {
  margin-right: 10px;
  margin-left: 10px;
}
.compartir img {
  width: 32px
}
.compartir, .ucscroll .compartir {
  margin-right: 10px;
  margin-left: 10px;
}
.wapp {
  display: none;
}
/* componente registro NL---*/
.modificarcta {
  clear: both;
  margin-top: 6px
}
.botonenviar {
  clear: both;
  margin-top: 9px
}
/*---menu top ---*/
.dropdown-menu {
  border: none;
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 5px;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {}
.nav a {
  font-size: .9em;
  color: #333;
}

.dosbotoneshome {
    display: inline-flex;
    gap: 30px;
    justify-content: center;
 }
	
	  .dosbotoneshome img {
margin-right: 6px;
  }


   /*------ menu izquierdo ------*/
.menucatizq {
  margin: 0 0 0 20px;
  padding: 0 0 0 0
}
.menuizq {
  border: 0;
  font-size: 1em;
  float: left
}
/*uc*/
.nota_uc {
  padding-top: 10px;
  padding-bottom: 40px;
  line-height: 1.4em
}
.nota_uc a {
  color: #337AB7;
  text-decoration: underline;
}
.nota_uc a:hover {
  text-decoration: none;
}
.nota_uc h4 {
  font-weight: normal;
  text-align: justify;
  line-height: 1.5em;
  padding: 0 0 0 0;
  margin: 0 0 0 0
}
.nota_uc h1 {
  padding-top: 0;
  margin: 0 0 0 0;
  float: left
}
.resumen_uc h1 {
  padding: 0 0 20px 0;
  margin: 0 0 0 0; 
	font-family: 'Satoshi-Black', sans-serif;
}


.resumen_uc h5 {
  line-height: 1.6em;
  padding: 0 0 0 0; font-size: 1em;
}
.resumen_uc h2 {
  font-size: 1.2em;
  line-height: 1.5em;
	margin-bottom: 20px;
}
.imgdetalle {
  width: 45%;
  float: right;
  margin: 0 0 20px 20px
}
.imgdetalleg {
  margin: 0 0 20px 0;
  width: 100%
}
.despliegueuc {
  padding-left: 0;
  padding: 0 0 0 0
}
.barnavegUC {
  padding-left: 15px
}
.lineamargenizq {
  margin-left: 15px
}
/*Slidebox*/
#slidebox1 {
  width: 150px;
  height: 35px;
  padding: 10px;
  background-color: #fff;
  opacity: 1;
  position: fixed;
  right: -430px;
  -moz-box-shadow: -2px 0px 5px #aaa;
  -webkit-box-shadow: -2px 0px 5px #aaa;
  box-shadow: -2px 0px 5px #aaa;
  background-repeat: no-repeat;
  bottom: 0px;
  display: none;
}
#slidebox1 p, a.more {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  color: #333;
}
a.more {
  cursor: pointer;
  color: #000;
}
a.more:hover {
  text-decoration: underline;
}
#slidebox h2 {
  color: #333;
  font-size: 18px;
  margin: 10px 20px 10px 0px;
  font-family: Arial, Helvetica, sans-serif;
}
a.close {
  background: transparent url(plantillas/temas/default/imagenes/boxslide_close.gif) no-repeat top left;
  width: 13px;
  height: 13px;
  position: absolute;
  cursor: pointer;
  top: 10px;
  right: 10px;
}
a.close:hover {
  background-position: 0px -13px;
}
/*redes sociales nota*/
.redes_topuc, .redes_botuc {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #EFEFEF;
  border-bottom-color: #EFEFEF;
  margin-top: 10px;
  margin-bottom: 15px;
  padding-top: 10px;
  padding-bottom: 6px;
  float: left;
  width: 100%;
}
.iconosredesabajo {
  float: right;
  margin-left: 10px;
  margin-right: 10px;
}
.redes-twitter {
  width: 90px;
}
.redes_topuc ul, .redes_botuc ul {
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-padding-start: 0px;
  margin: 0;
  padding: 0;
}
.redes_topuc ul li, .redes_botuc ul li {
  float: left;
  list-style-type: none;
  margin-right: 3px;
  margin-top: 5px;
}
/*categoria */
.cat {
  width: 100%;
  box-sizing: border-box;
  padding: 0 25px;
}
.cat h1 {
  margin-bottom: 1em;
}
.imgcategoria {
  width: 42%;
  float: left;
  margin: 0 20px 20px 0
}
a.titcategoria {
  font-size: 1.6em
}
.catdestacado {
  clear: both;
  padding: 0 25px
}
.catdestacado hr {
  clear: both
}
.catdestacado h2 {
  font-size: .9em;
  font-weight: normal
}
.catdestacado .resumen_uc h2 {
  font-weight: normal
}
.error {
  color: #BB0003;
  padding: 5px 0 5px 0
}
/*subcategorias*/
.subcategorias ul {
  padding: 15px
}
.subcategorias ul li {
  list-style: none;
  font-size: 1.1em;
  font-weight: bold;
  border-top: 1px solid #EFEFEF;
  padding: 10px 0
}
.subcategorias ul li li {
  list-style: none;
  font-size: 1.1em;
  font-weight: normal;
  padding: 10px 0
}
/* categoria autoridades */
.catdestacado_autoridades {
  float: left;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 15px
}
.imgcategoria_autoridades {
  width: 48%;
  float: left;
  margin: 0 20px 20px 0
}
.titulo_autoridades {
  padding: 0 20px 0 0
}
/* paginado categorias */
.paginadocategorias {
  clear: both;
  font-size: 1.1em;
  margin: 15px;
  vertical-align: top;
  padding-left: 20px
}
.paginadocategorias a {
  padding: 7px;
  float: left;
  border: 1px solid #EFEFEF;
  margin-right: 10px;
  background-color: #EFEFEF;
}
.paginadocategorias b {
  padding: 7px;
  background-color: #333;
  float: left;
  color: #FFF;
  margin-right: 10px;
}
.titulotpnl {
  padding: 0 15px 15px 15px;
}
.tpnl {
  padding: 10px 0px 10px 50px;
}
/*registro */
.control-label {
  text-align: left
}
.botconfirmarREG {
  font-size: 1.8em;
  margin: 20px 0 0 45px;
  padding-left: 20px;
}
.confirmarSUS {
  margin: 0 0 0 45px;
  padding-left: 20px
}
/* traductor */
.marginbottom {
  margin: 0 0 22px 0
}
.marginleft0 {
  padding: 0 0 0 0;
  margin: 0 0 0 0
}
.marginleft0 h4 {
  padding: 0 0 3px 0;
  margin: 0 0 0 0
}
.buscadortop {
  padding: 10px 0 0 0;
  margin: 0 0 0 0
}

.botones  { display: inline-flex; gap: 20px;    justify-content: flex-end; 
	width: 100%
 }
 
.botones img { margin-right: 10px; height: 22px }
 


.masinfo {
  height: 23px
}
.navbar-form {
  margin-top: 0; padding: 0
}
.buscadorchmovil {
  display: none
}
.buscarhome {
  padding: 6px 8px;
  font-size: 13px;
  margin: 0 5px 0 0;
  width: 290px;
  display: inline;
}
.btnbuscarhome {
     padding: 6px;
    margin: 0 0 0 -9px;
    border-color: #999;
    border-left: none;
    border-radius: 0px 6px 6px 0px;
     background-image: url(../../temas/default/imagenes/lupa.png);
    background-color: #FFFFFF;
    min-width: 50px;
    background-repeat: no-repeat;
    background-position: center;
}

 



.COMPnoticiasrotativas {
  clear: both;
  width: 984px;
  padding-left: 12px;
}
/*Rotacion de notas*/
#main {
  max-width: 984px;
  margin: 0 auto;
}
#container {
  overflow: hidden;
}
#container > div {
  width: 460px;
  margin: 0;
  float: left;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
#container img {
  display: block;
  width: 100%;
}
#container .imagen {
  width: 50%;
  float: left;
}
#container .uctext, #container .uctextelecc {
  width: 47%;
  margin: 0 0 0 3%;
  float: right;
  padding: 0
}
#container > div:first-child {
  float: left;
  margin-right: 30px;
  width: 470px;
  padding: 0px;
}
#container > div:first-child .uctext h2 {
  float: left;
  font-size: 1.8em;
  padding: 10px 0 5px 0;
  margin: 0 0 0 0;
  color: #646464
}
#container > div:first-child .uctext h3, #container > div:first-child .uctextelecc h3 {
  font-size: 1.1em;
  line-height: 1.6em;
  float: left;
  width: 441px;
  padding: 5px 0 5px 0;
  margin: 0;
  color: #646464
}
#container > div:first-child .uctext h3 p, #container > div:first-child .uctextelecc h3 p {
  margin: 0;
  padding: 0;
  font-weight: normal
}
#container > div:first-child .resumencortoRotacion {
  font-size: 1.2em;
  line-height: 1.4em;
  float: left;
  width: 432px;
  display: inline;
  margin: 0;
  padding: 8px 0 0 0
}
.resumencortoRotacion h3 {
  font-size: 1.3em;
  line-height: 1.5em;
  padding: 8px 0 0 0
}
/* */
#container > div:first-child .resumenlargoRotacion {
  display: none;
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 0;
  padding: 0 0 0 0
}
#container > div:first-child .imagen {
  width: 100%
}
#container > div:first-child .uctext, #container > div:first-child .uctextelecc {
  width: 100%;
  margin: 0;
}
.uctext h2, .uctextelecc h2 {
  font-size: 1.3em;
  padding: 0 0 5px 0;
  margin: 0
}
.uctext h3, .uctextelecc h3 {
  font-size: .9em;
  padding: 0 0 0 0;
  margin: 0;
  color: #646464;
  line-height: 1.3em
}
#contenedor-portadas {
  overflow: hidden;
}
#portadas {
  width: 400%;
  transition: all 0.5s ease-in-out;
}
#portadas > div {
  margin: 0;
  padding: 0;
  width: 25%;
  float: left;
}


/*---------------menu top tres niveles--------------------------*/
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
/*.dropdown-submenu:hover>.dropdown-menu{display:block;}*/
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.UCD_fecha {
  float: right;
  font-size: .9em;
  padding-right: 10px
}
/* -------modificacion del cabezal a azul -----------*/
.datos_ico {
  margin-top: 35px;
}
.cab_azul {
  background-color: #032793;
  padding: 0px 10px 26px 10px;
	
}

.fontwhite {
  color: #fff;
  font-size: 0.8em
}
.imglogo {
  max-width: 170px;
  margin: 14px 0 0 0;
}

.padding-t-20 {
  padding-top: 20px
}
.padding-t-15 {
  padding-top: 15px
}
.padding-r-20 {
  padding-right: 20px
}
.bg-primary {
  background-color: #032793
}
.text-white {
  color: #FFFFFF
}
 
.bannerdesk {
  display: none
}
.bannermov {
  display: inline-block
}

/* ***************cambios home 2023 ******************** */
.navbar-default {
    background-color: #f0f0f0;
}

.navbar-default .navbar-nav > li > a {
  color: #032793;  font-family: 'Satoshi-Bold', sans-serif;
 }


.navbar-default .navbar-nav > li > a:hover { color:#009ee2; }


.navbar-form .form-control {
  border: 1px solid #999;
  border-right: none;
  border-radius: 6px 0px 0px 6px;
  -moz-border-radius: 6px 0px 0px 6px;
  -webkit-border-radius: 6px 0px 0px 6px;
}
 .navbar-form input::placeholder {
  color: #032793;
}
.buscarhome {
  margin: 0
}
.botonborder1, .botonborder2 {
  border: none
}
 
.btn_home {
  border: 1px solid #032793;
  padding: 10px 8px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  min-height: 68px;
  margin: 5px 10px;
}
.btn_home img {
  max-height: 50px;
  max-width: 40px;
}
.btn_home a {
  padding-right: 12px
}
.tit_btn a {
  color: #033FA6;
  font-weight: 600
}
.padding2030 {
  padding: 20px 30px 20px 30px;
}
 .cbp-hrsub h4 {
  font-weight: 500;
}
.bg-videos {
  background-color: transparent;
  display: block;
  max-height: 777px;
  overflow-x: hidden;
}
.bg-videos.twittercont {
  background-color: #fff;
  padding-bottom: 27px;
}
 
 
.youtb {
  margin: 0 2%;
  background-color: #fff;
  padding: 0px 15px;
  border-radius: 12px;
  border: 1px solid #e5e5e5;
  margin-top: 11px;
}
 
iframe.ifryoutb {
  max-height: 650px; /* or whatever */
  overflow-x: hidden;
  overflow-y: scroll;
}
.col-xs-12.post_youtb {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
#comunicados h5 {
  padding-bottom: 5px
}
.historico_not {
  color: #003DA5;
  padding: 17px 16px 15px 15px;
  border-bottom: 1px solid #003DA58c;
  text-align: right;
}
.historico_not a {
  color: #003DA5;
  text-decoration: underline;
  font-size: 1.2em;
  font-weight: 500;
}


.lineas ul {
  list-style-type: none;
  padding: 0;
	margin-top:-20px
}
.lineas ul li {
  font-weight: 600;
}
li.tele {
  font-size: 18px;
  font-weight: 800 !important;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
	padding: 5px 0;
}
li.tele:last-child{border-bottom: none}
.font_mini {
  font-size: 12px
}
li.tit_lineas {
  color: #032793;
  font-size: 16px;
  font-weight: 600 !important;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}
.tit_lineas2 {
  color: #032793;
  font-size: 20px;
  font-weight: 800 !important;
 padding-bottom: 10px
}

#twitter-widget-0 .css-1dbjc4n { padding-top: 20px !important}
.css-1dbjc4n { padding-top: 20px !important}
.lineashome ul {
  list-style-type: none;
  padding: 0;
 }
.lineashome ul li {
  font-weight: 600;
}
.redesmovil
{ margin-top: 10px; margin-bottom: 10px} 

/* cambios asse junio 2025 */
.fdoazul{background-color: #00469d;}
		.paddingcero { padding: 0 0 0 0 }
		.rounded-bottom {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
		.bg-secondary { background-color: #dbe5f1; margin-top: 30px }
		.bg-secondary a { color: #032793 }
		.home-ppal p { font-size: 1.2em }
		.home-ppal a { color: #FFFFFF }
		.portada-5notas .padding2030 { padding: 20px 30px !important }
	
.fechamovil  { display: none }

/* carrousel botones */
#botones{
  position:relative;
  overflow:hidden;
}

#carouselCards{
  position:relative;
  width:100%;
  padding:0 46px; /* espacio para flechas */
  box-sizing:border-box;
  overflow:hidden;
}

.cards-wrapper{
  display:flex;
  gap:22px;
  overflow:hidden;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
}

.cards-wrapper a{
  text-decoration:none;
  color:inherit;
  flex:0 0 calc((100% - (22px * 4.5)) / 5.5); /* 5.5 cards en desktop */
  max-width:calc((100% - (22px * 4.5)) / 5.5);
  box-sizing:border-box;
}

.card{
  width:100%;
  height:250px;
  border-radius:14px;
  background:#032793;
  padding:20px 15px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  box-sizing:border-box;
  transition: transform .35s cubic-bezier(.22,1,.36,1);
}

/* ICONO */
.card-icon img{
  height:55px;
  display:block;

  transform-origin:left center;
  transition: transform .35s cubic-bezier(.22,1,.36,1);
}

/* TITLE */
.card-title{
  color:#FFFFFF;
  font-size:1.2em;
  line-height:1.2;
  transform-origin:left center;
  transition: transform .35s cubic-bezier(.22,1,.36,1) .06s; 
}

/* HOVER */
.card:hover .card-icon img{
  transform: scale(1.35);
}

.card:hover .card-title{
  transform: scale(1.1);
}

.carousel-control-custom{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:38px;
  border:none;
  border-radius:50%;
  background:#032793;
  color:#fff;
  line-height:38px;
  cursor:pointer;
  z-index:5;
  padding:0;
  font-size:28px;
  text-align:center;
}

.carousel-control-custom.left{
  left:20px;
}

.carousel-control-custom.right{
  right:20px;
}

.carousel-control-custom:hover{
  background:#032793;
}

/* colores */
#botones .cards-wrapper > a:nth-child(9n+1) .card { background:#e66ea7; }
#botones .cards-wrapper > a:nth-child(9n+2) .card { background:#00a099; }
#botones .cards-wrapper > a:nth-child(9n+3) .card { background:#7e36b2; }
#botones .cards-wrapper > a:nth-child(9n+4) .card { background:#f5dc30; }
#botones .cards-wrapper > a:nth-child(9n+5) .card { background:#032793; }
#botones .cards-wrapper > a:nth-child(9n+6) .card { background:#009ee2; }
#botones .cards-wrapper > a:nth-child(9n+7) .card { background:#a6a4a0; }
#botones .cards-wrapper > a:nth-child(9n+8) .card { background:#ee5843; }
#botones .cards-wrapper > a:nth-child(9n+9) .card { background:#acd1f0; }
#botones .cards-wrapper > a:nth-child(9n+4) .card-title,
#botones .cards-wrapper > a:nth-child(9n+9) .card-title{
  color:#032793;
}
.flex-columns .bg-secondary .h3 { margin-top: 5px  }

/* lineas_interes */
.lineas_interes { color: #032793;}
.lineas_interes .bg-primary { border-top-left-radius: 15px; border-top-right-radius: 15px; }
.lineas_interes .bg-primary.padding0215 { padding: 7px 15px 2px 15px; }
ul.doscolsul { padding: 30px 15px; }
.doscolsul li {
    break-inside: avoid;
    -webkit-column-break-inside: avoid; /* soporte viejo */
    page-break-inside: avoid; /* fallback */
    margin-bottom: 15px;
	list-style: none
}
.carousel a {
    color: red;
}
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 80px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: 1;
}

/* footer */
.containerfooter {
	color: #FFFFFF;
	background-color: #032793 !important; 
	padding: 2em 3em;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.lista2colsfooter li {
  break-inside: avoid;
  list-style: none;
  padding: 0;
}

.lista2colsfooter a {
  color: #FFFFFF;
}

footer {
   line-height: 1.5em
}




/* ----------------- INI MEDIA QUERYS ------------------- */


@media (max-width: 768px){
	.dosbotoneshome {
    width: 100%;  
		gap: 20px;
     justify-content: space-between;
}
	
	/*cards  */
	 #carouselCards{
    padding:0;
  }

  .cards-wrapper{
    gap:14px;
  }

	.navbar-collapse {
    height: 100vh;
}
	  .nav {
    text-align: left;
    display: block;
    padding: 0 0 0 0;
    margin: 0 0 0 0
  }

  .nav > li > a {
    text-align: left;border-right: 0;
  }

	.menumovil .col-sm-12 {
   margin: 0 ; padding: 0 
  }
	
	.menumovil {
   margin-top: 20px;
  }
	
  .cards-wrapper a{
    flex:0 0 calc((100% - (14px * 1.5)) / 2.5);
    max-width:calc((100% - (14px * 1.5)) / 2.5);
  }

  .card{
    height:210px;
    padding:16px 12px;
  }

  .card-icon img{
    height:42px;
  }


  .carousel-control-custom{
    width:32px;
    height:32px;
    line-height:32px;
    font-size:24px;
  }
	
	/*footer*/  
	
.lista2colsfooter {
    margin: 20px 0 0 0;
    padding: 0;
}

footer .imglogo { margin-bottom: 20px}
	
	
	  #container > div:first-child .imagen {
    width: 100%;
    float: left;
    margin-bottom: 10px;
  }
  #container > div:first-child .uctext, #container > div:first-child .uctextelecc, #container .uctext, #container .uctextelecc, .UC300 .uctext, .UCdoscols .uctext {
    width: 100%;
    margin: 0;
    float: none;
  }
  #container .imagen {
    width: 100%;
    margin-bottom: 10px;
  }
  .UC300 img, .UCdoscols img {
    width: 100%;
    margin-bottom: 10px;
  }
  .masinfo {
    height: 19px
  }
  .botonborder1, .botonborder2 {
    padding: 2px
  }
	
	.datos_ico {
    display: none
  }
  .masvideos_ch {
    display: block;
    float: right
  }
  .masvideos_g {
    display: none
  }
	
	
	.cab_azul {
    background-position: 350px !important
}
	
	
	.doscolsul li {
    
    margin-bottom: 25px
			
}	
	
	 .btnbuscarhome {
     margin: -2px 0 0 -6px !important; }
 
	
	.navbar-form {
    border-color: transparent;
}
	
	
  .menuizq {
    display: none;
    width: 0;
    height: 0
  }
  .buscador {
    display: none;
  }
  .botonenviar {
    display: inline;
    margin-left: 10px
  }

	
	
  .nota_uc {
    padding: 10px 0 20px 0;
    line-height: 1.4em
  }
  .toppading0 {
    padding-top: 0;
    margin-top: 0
  }
  .tpnl {
    padding-left: 15px;
  }
  .botconfirmarREG {
    margin-left: 15px;
  }
  /*menu superior movil*/
  .traductorgg {
    margin: 10px 0;
  }
  .marginleft0 {
    padding: 10px 10px 0 20px;
    margin: 0 0 0 0
  }
 
 
 
  .buscadorchmovil {
    display: block;
    padding: 20px 0 ;
    clear: both
  }
 
  
  .terminos {
    text-align: center
  }
  .logochpie {
    display: none
  }
	
	
	/* contenido */
	
	.despliegueuc .img-contenido 
{ padding: 0;
    margin: 0;
    margin-bottom: 20px;
    min-width: 120%;
	margin-left: -30px;
    overflow: hidden;
}
	
	
		
}

		@media (max-width: 979px){
			.UCD_fecha {
    float: none}
				
hr.ocultarmovil, .lineamargenizq { display: none }
			
			.fechamovil  { display: block}
			
			#botones  {
                margin-top: 20px }
			
			.lineashome ul {
     padding: 0 15px }
			
			.cbp-hrmenu {
                margin: 20px 0 
		
		}
			.barnavegUC { display: none}
			
			  .banner_top {
    display: none;
    width: 550px;
    height: 187px
  }
  .banner_top2 {
    display: none;
  }
 
  .col_der_inf {
    margin-right: 2%;
    width: 48%; /*margin:0 0 20px 0;*/
    padding: 0 0 0 0
  }
  .botonenviar {
    clear: both;
    margin-top: 3px
  }
  .campos {
    width: 70%
  }
  .botonenviar {
    display: inline;
    margin-left: 10px
  }
  .modificarcta {
    clear: both;
    margin-top: 6px
  }
  .marginleft0 {
    padding: 0 0 0 0;
    margin: 0 0 0 0
  }
  .marginleft0 h4 {
    padding: 0 0 3px 0;
    margin: 0 0 0 0
  }
  .imglogopie {
    width: 25%;
    padding-top: 10px;
    text-align: center
  }
  .textoch {
    text-align: left
  }
  .buscadorchmovil {
    display: none
  }
  .marginleft0 {
    padding: 10px 10px 0 15px;
    margin: 0 0 0 0
  }
  .tradgoog {
    display: none
  }
  .suscribirse {
    float: left;
    margin: 0 6px 20px 0;
    width: 48%
  }
  .redespie {
    margin: 0 16px 20px 0;
    float: right;
    width: 47%;
    padding: 17px 10px 2px 10px
  }
  .seguinos {
    float: left;
    padding: 0 10px 0 0;
    text-align: center;
    font-size: 1em
  }
  .terminos {
    text-align: center
  }
  .textoizq {
    text-align: center
  }
			
			  .col-xs-6.btn_home {
    width: 45%;
  }
  .twittercont {
    margin: 38px 10px 0 10px;
  }
			
			
			    .cbp-hrmenu > ul > li {
        
        margin-bottom: 12px;
    }
			
			
			
		}

@media(min-width:768px) {
	
	  #botones {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
  }
  .bg-videos {
    display: flex;
    align-items: center;
    justify-content: center;
  }
	    .menumovil {
        display: none;
    }
	
}

@media (min-width: 980px){
				.navbar-collapse {
padding: 0
}
		.doscolsul{ column-count: 3; gap: 30px } 
		.portada-5notas { padding-top: 30px }
		.bg-secondary { margin-top: 0 }
		.menumovil { display: none }
		.dosbotoneshome {
    justify-content: flex-end;
	margin-top: 6px;
}
	.flex-columns {
    display: flex;
    flex-wrap: wrap; gap: 30px
  }
	  .flex-columns > div {
    	width: calc(50% - 20px); /* 2 columnas */
    	box-sizing: border-box; min-height: 285px
   }
		.home-ppal .bg-primary {min-height: 275px }
		 .lista2colsfooter {
  column-count: 2;
  column-gap: 50px;
}
  .youtb {
    width: 31%;
  }
  .twitc {
    width: 31%
  }
  .lineas {
    width: 30%;
    padding: 15px
  }
	
	
     .lineashome {
        width: calc(100% - 45px);
        padding: 15px;
    }
	
	
}

@media (min-width: 1200px){

 .doscolsul {
  column-gap: 100px;
}
	}

@media (min-width: 1400px){
	#carouselCards{
  padding:0 ; 
}
 
	
	
	.cards-wrapper a{
  flex:0 0 calc((100% - (30px * 4.5)) / 6.5); /* 5.5 cards en desktop */
  max-width:calc((100% - (30px * 4.5)) / 6.5);
 }
	
	
	
}


@media (min-width:769px) and (max-width: 1002px) {
  #container > div:first-child .imagen {
    width: 50%;
    float: left;
  }
  #container > div:first-child .uctext, #container > div:first-child .uctextelecc {
    width: 47%;
    margin: 0 0 0 3%;
    float: right;
  }
}

@media screen and (max-width: 940px) {
 
  .textoch {
    text-align: left
  }
  .textoizq {
    text-align: left
  }
}
 
@media screen and (max-width: 720px) {
  .botonenviar {
    display: inline;
    margin-left: 10px
  }
  .modificarcta {
    clear: both;
    margin-top: 6px
  }
  .textoch {
    text-align: center;
    width: 100%
  }
 
  
  .marginleft0 {
    padding: 10px 10px 0 20px;
    margin: 0 0 0 0
  }
   
  .logochpie {
    display: none
  }
  .textoizq {
    text-align: center
  }
  .terminos {
    text-align: center
  }
}
 @media screen and (max-width: 420px) {
  .col_der_inf {
    margin-right: 0;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 0 0 0
  }
  .nota_uc h1 {
    padding-top: 0;
    margin: 0 0 0 0;
    float: left;
    font-size: 1 em
  }
  .pie div {
    padding: 7px 0 7px 0;
    text-align: center
  }
  .imgcategoria {
    width: 100%;
    margin: 0 0 15px 0;
    clear: both
  }
  .toppading0 {
    padding-top: 0;
    margin-top: 0
  }
  .textoch {
    text-align: center;
    width: 100%
  }
  .buscadortop {
    display: none
  }
  .buscadortop2 {
    display: none
  }
  .buscadorchmovil {
    display: block;
    padding: 0 0 20px 0;
    clear: both
  }
  .marginleft0 {
    padding: 10px 10px 0 20px;
    margin: 0 0 0 0
  }
  .tit_comunica {
    clear: both;
    margin-top: 20px
  }
  .fdo_video {
    clear: both;
    height: 380px
  }
 
   

  .tradgoog {
    clear: both;
    display: block;
    float: none;
    margin: 10px 0 0 0
  }
  .nav .traductorgg {
    clear: both;
    display: block;
    float: none
  }
  .navbar {
    text-align: left
  }
  .buscarhome {
    padding: 6px 8px;
    font-size: 13px;
    margin: 10px 5px 0 0;
    width: 200px;
    display: inline;
  }
  .logochpie {
    display: none
  }
  .imglogopie {
    display: none
  }
  .redespie {
    margin: 0 0 20px 0;
    clear: both;
    width: 100%;
    padding: 17px 10px 2px 10px
  }
  .seguinos {
    float: float;
    padding: 0 0 0 20px;
    text-align: right;
    font-size: .85em
  }
  .suscribirse {
    margin: 0 0 20px 0;
    width: 100%;
    text-align: center
  }
  .textoizq {
    text-align: center
  }
  .terminos {
    text-align: center
  }
  /* categoria autoridades */
  .catdestacado_autoridades {
    clear: both;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 15px
  }
  .imgcategoria_autoridades {
    width: 100%;
    margin: 0 0 20px 0
  }
}


@media(max-width:450px) {
	
	#botones .container { padding: 20px 0   }
	
  .padding2030 {
    padding: 0;
  }
	
	  .col-xs-6.btn_home {
    width: 44%;
  }
	
}
@media (max-width: 380px) {
  .col-xs-6.btn_home {
    width: 94%;
    /* margin: 0 auto; */
  }
}

 
 
@media (min-width: 1032px) {
  .container {
    width: 1226px
  }
  
}


.redespie2  {display: none}