@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://cdn-uicons.flaticon.com/uicons-solid-straight/css/uicons-solid-straight.css');
@import url('https://cdn-uicons.flaticon.com/uicons-regular-straight/css/uicons-regular-straight.css');
@import url('https://cdn-uicons.flaticon.com/uicons-regular-rounded/css/uicons-regular-rounded.css');
@import url('https://cdn-uicons.flaticon.com/uicons-solid-rounded/css/uicons-solid-rounded.css');

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html { color: #222; font-size: 1em; line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight:
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * Customize the background color to match your design.
 */

::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

/*
 * A better looking default horizontal rule
 */

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers
 */

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */

fieldset { border: 0; margin: 0; padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */

textarea { resize: vertical; }

/* ==========================================================================
   Reset CSS
   ========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a{ text-decoration: none}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* Variables de colores principales, secundarios y textos */
:root{--textos:#666; --azul-obscuro: #093391; --azul: #0276CD;}
/* GERNERALES */
*, *:after, *:before {box-sizing: inherit;}
html {width: 100%;height: 100%; box-sizing:border-box;}
body {width: 100%;height: 100%; color: var(--textos); position:relative; font-family:'Open Sans', sans-serif; font-weight:400; font-size:16px; line-height:1.2; background:#FFF;}
#bg-gray{background:#efefef;}
.flex-content{max-width:calc(1440px - 60px); min-width:calc(260px - 40px); margin: 0 auto;}
.margin-sides{padding: 0 16px;}
.margin-bottom{margin-bottom:10px;}
.margin-left{margin-left:20px;}
.margin-right{margin-right:20px;}
.txt-center{text-align:center;}
.txt-right{text-align:right;}
.subtitles{font-size:14px; font-weight:400; margin-bottom:10px; clear:both;}
.txt-black{color:#666;}
.txt-blue{color:var(--azul);}

/* HEADER */
header{background:#FFF; border-bottom:1px solid #CCC;}
header #cont-search{position:relative;}
header #cont-search input[type="search"]{background:url("../img/ico-search.svg") no-repeat 98% center #FFF; border-radius:22px; border:1px solid #CCC; color:#666; position:relative;}
header #main-menu ul li{display:inline-block; }
header #main-menu ul li a{font-weight:400; color:var(--textos);}

/* BARRA DE FILTROS */
#filtros-movile{cursor:pointer;}
#close-mov-filters{position:relative; display:flex; justify-content:center; align-items:center; color:var(--azul); padding:5px; width:30px; height:30px; float:right; cursor:pointer; font-size:18px; line-height:-10px;}
#filtros{background:#FFF; box-shadow: 2px 0 4px 0 rgba(0,0,0,0.20);}
.item-filtro{border-bottom:1px solid #CCC; position:relative;}
.item-filtro label{font-weight:400;}
#cont-formatos{font-weight:400;}
.item-formato{cursor:pointer;}
.item-formato:nth-child(1)::before{content:url("../img/ico-todoFormatos.svg"); display:block;}
.item-formato.select:nth-child(1)::before{content:url("../img/ico-todoFormatos-azul.svg"); display:block;}
.item-formato:nth-child(2)::before{content:url("../img/ico-horizontal.svg"); display:block;}
.item-formato.select:nth-child(2)::before{content:url("../img/ico-horizontal-azul.svg"); display:block;}
.item-formato:nth-child(3)::before{content:url("../img/ico-vertical.svg"); display:block;}
.item-formato.select:nth-child(3)::before{content:url("../img/ico-vertical-azul.svg"); display:block;}
.item-formato.select{color:var(--azul);}
.mostrar{display:block; padding:5px; margin-bottom:10px;}

/* LOGIN */
#cont-login{background:#FFFFFF; border:1px solid #CCC; border-radius:2px; z-index:1;}
.logo-login{margin:20px auto 0 auto;}
.blue-side {position:relative; color:#fff; font-weight:600; border-radius:4px; }
.blue-side {background-color:var(--azul-obscuro); border:1px solid var(--azul-obscuro); border-left:0 solid;}
.blue-side::before {background:var(--azul-obscuro); box-shadow: 0 2px 10px 4px rgba(1,16,116,0.30); z-index:-1; border-radius:4px}
.blue-side::after {background:var(--azul-obscuro); transform: skew(-10deg, 0deg); box-shadow: 2px 2px 10px 4px rgba(1,16,116,0.30); z-index:-1; border-radius:4px}
.cont-form label{font-weight:600;}
.cont-form .btn{background: url("../img/ico-flechas.svg") no-repeat 96% center var(--azul);}

/* INICIO REPOSITORIO */
#top-row{display:flex; flex-direction:row; justify-content: space-between;}
#buttons-view{display:flex; flex-direction:row; gap:10px; color:#666; font-size:18px;}
#buttons-view i{cursor:pointer;}
#buttons-view i.active{color:var(--azul); cursor:auto;}
.title{color:var(--azul); font-weight:300;}
.title em{font-weight:600;}
#repo section{position:relative;}
.item-multi{position:relative;}
.item-multi .cont-image{overflow:hidden; position:relative; border-radius:4px 0 0 4px; margin-bottom:5px; background:#EEE; text-align:center; cursor:pointer;}
.item-multi .cont-image .img-portada{width:100%; height:100%; object-fit:cover; margin:0 auto; left:0; right:0;}
.item-multi .cont-image .cont-tiempo{position:absolute; bottom:3px; left:0; background:rgba(255,255,255,.6); font-size:12px; color:#000; border-radius:4px 0 0 0; padding:4px;}
.item-multi .cont-image .cont-download{position:relative; bottom:3px; right:0; background:rgba(255,255,255,.6); border-radius:0 0 0 4px; padding:4px; cursor:pointer;}
.item-multi h2{font-weight:600;}
.item-multi .txt-intro{font-size:13px; margin-bottom:5px; line-height: 1.2; height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/* .item-multi span{display:block;} */
.item-multi a{color:var(--azul); text-decoration:underline; font-size:12px;}
.item-multi a i{font-size:20px; vertical-align: middle;}
.line-down-dicha{display:flex; flex-direction:row; justify-content:space-between; flex-wrap: wrap;}
/* ESTILO VISTA LISTA */
.item-multi.row-item{display:flex; flex-direction:row; gap:20px;}
/* PAGINACION */
#paginador{text-align:center;}
#cont-pag{display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; font-weight:600;}
#cont-pag a{border:1px solid var(--azul); border-right:none; color:var(--azul); background:#FFF; width:35px; height:35px; margin:0; font-size:14px;}
#cont-pag a:nth-last-child(2){border-right:1px solid var(--azul);}
#cont-pag a.active, #cont-pag a:hover{background:var(--azul); color:#FFF;}
#cont-pag a span{position:relative; top:26%;}
#cont-pag .a-next, #cont-pag .a-prev{border:none; font-size:24px; padding-top:1px; background:none}
#cont-pag .a-next:hover, #cont-pag .a-prev:hover{background:none; color:var(--azul-obscuro);}

/* LIGHTBOX DE FICHA TECNICA */
#cont-fichaTecnica{display:none;}
.row-content h3{font-weight:600;}
.row-content h6{color:#999;}
.row-content p em{font-weight:700;}
.row-content .row:nth-child(2n+2){background:#EEEEEE;}
.row-content h4{font-weight:700;}
.item-relacionados h5{font-weight:600;}
#download-ico{background:rgba(255,255,255,.6); padding:5px; display:inline-block; position:absolute; border-radius:0 0 4px 4px;}
#download-ico a{border:none; color:var(--azul);}
#download-ico a i{font-size:20px;}

/* ESTILO INPUTS */
input[type="text"], input[type="password"], input[type="date"], textarea{width:100%; padding:10px; background:#FFFFFF; border-radius:2px; border:1px solid #CCC; position:relative; }

/* SELECT */
select {-moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; border-radius: 0; border: 0; margin: 0; padding: 0; background: none transparent; vertical-align: middle; font-size: inherit; color: inherit; box-sizing: content-box;}
.custom {position: relative;}
.custom select {display: none; }
.select-selected {position:relative; background:#FFF; border: 1px solid #CCCCCC; border-radius: 4px;}
.select-selected:after {position: absolute; content: ""; top:18px; right: 10px; width:0; height:0; border: 6px solid transparent; border-color: #999 transparent transparent transparent; }
.select-selected.select-arrow-active:after {border-color: transparent transparent #ccc transparent; top:12px; }
.select-items div, .select-selected { font-size:14px; color: var(--textos); padding: 12px 30px 12px 15px; cursor: pointer; }
.select-items { position:absolute; background-color:#EEE; top:100%; left: 0; right: 0; z-index: 99; min-width:140px;}
.select-hide { display: none; }
.select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.2); }

/* ESTILO BOTONES */
.btn{border:none; font-weight:400; border-radius:2px; text-transform:uppercase; cursor:pointer;}
.btn-regular{padding:15px 10px; min-width:200px; font-size:16px;}
.btn-azul{background:var(--azul); color:#FFF;}
.btn-gris{background:#EEE; color:var(--azul);}
.btn-circular{display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid #CCC; cursor:pointer; width:46px; height:46px; border-radius:50%;font-size:22px;}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden, [hidden] { display: none !important; }

/*
 * Hide only visually, but have it available for screen readers
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line
 */

.sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; /* 1 */ }

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard
 */
.sr-only.focusable:active, .sr-only.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; white-space: inherit; width: auto; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible { visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix::before, .clearfix::after { content: " "; display: table; }
.clearfix::after { clear: both; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

   /* MOBILE */
   @media only screen and (min-width: 17.5em) {
     #repo{display:flex; flex-direction:row; flex-wrap:wrap; height:calc(100% - 74px);}
     /* HEADER */
     header{padding:10px 20px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center;}
     header .logo{width:110px;}
     header #cont-search{width:60%;}
     header #cont-search input[type="search"]{width:100%; padding:10px 15px;}
     header #main-menu{width:50%;}
     header #main-menu ul li{margin-right:4px;}
     header #main-menu ul li a{display:inline-block; font-size:16px; padding:6px 4px;}

     /* BARRA DE FILTROS */
     #filtros-movile{display:inline-block; color: var(--azul); font-size:24px;}
     #close-mov-filters{display:flex;}
     #filtros{display:none; width:340px; height:100vh; padding:20px; position:absolute; z-index:9; overflow:auto;}
     .item-filtro{padding-bottom:10px; margin-bottom:10px;}
     .item-filtro label{font-size:14px;}
     #cont-formatos{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; font-size:12px; margin-bottom:10px;}
     .item-formato{text-align:center; width:30%;}
     #filtros .btn-regular{min-width:100%;}

     /* LOGIN */
     #bg-login{display:flex; flex-direction:column; justify-content:center; align-items:center;}
     #cont-login{display:flex; flex-direction:column; flex-wrap:wrap; justify-content:space-between; min-height:260px; width:95%;}
     .blue-side {display:flex; flex-direction:row; justify-content:center; align-items:center; height:auto; width:100%; padding: 20px; font-size: 20px; text-align:center; margin-bottom:30px;}
     .blue-side img{width:120px;}
     .blue-side::before { content: ''; transform: skew(0deg, 10deg); position: absolute; top:auto; bottom:-20px; left:0; right:auto; height: 50%; width: 51%;}
     .blue-side::after {content: ''; transform: skew(0deg, -10deg); position: absolute; bottom: -20px; right:-1px; height:50%; width:51%;}
     .blue-side h2{margin-top:20px;}
     .cont-form {padding:20px; width:100%;}
     .cont-form p{margin-bottom: 20px;}
     .cont-form label{font-size:14px;}
     .cont-form input[type="text"], .cont-form input[type="password"]{padding:10px 10px 10px 40px; margin-bottom:10px;}
     .cont-form input[type="text"]{background:url("../img/ico-usuario.svg") #FFF no-repeat 2% center;}
     .cont-form input[type="password"]{background:url("../img/ico-contrasena.svg") #FFF no-repeat 2% center;}
     .cont-form .btn{width:100%; min-width:100%; margin-top:20px;}

     /* INICIO REPOSITORIO */
     #buttons-view{display:none;}
     .title{font-size:20px; margin:0 0 20px 20px; display:inline-block; vertical-align:middle;}
     #repo section{padding:20px; width:calc(100% - 0px);}
     #cont-items-multi{display:flex; flex-direction:column; flex-wrap:wrap; width:100%; gap:20px 20px;}
     .item-multi .cont-image{width:100%; max-height:55%; height:55%;}
     .item-multi{width:calc(100% - 0); max-width:500px; min-height:300px;}
     .item-multi h2{font-size:18px;}
     /* estilos para version en lista */
     /* .item-multi.row-item{width:calc(100% - 0px); max-width:100%; min-height:200px; height:160px;}
     .item-multi.row-item .cont-image{width:100%; max-height:100%; height:100%;}
     .item-multi.row-item .txt-item{width:calc(100% - 0px); display:flex; flex-direction:column; justify-content:space-between;} */


     /* LIGHTBOX DE FICHA TECNICA */
     #cont-fichaTecnica{width:100%;}
     .row-content h3{font-size:20px;}
     .row-content h6{font-size:12px;}
     .row-content p{font-size:14px;}
     .row-content .row{padding:10px;}
     .row-content h4{margin-bottom:10px;}
     .cont-relacionados{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; position:relative; width:100%;}
     .item-relacionados{width:calc(30% - 10px);}
     .item-relacionados h5{font-size:12px; text-align:center;}
     #download-ico{bottom:-35px; right:0;}
   }
   /* TABLET VERTICAL */
   @media only screen and (min-width: 35em) {
     #repo{display:flex; flex-direction:row; flex-wrap:wrap; height:calc(100% - 74px);}
     /* HEADER */
     header{padding:10px 20px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center;}
     header .logo{width:110px;}
     header #cont-search{width:65%;}
     header #cont-search input[type="search"]{width:100%; padding:10px 15px;}
     header #main-menu{width:50%;}
     header #main-menu ul li{margin-right:6px;}
     header #main-menu ul li a{display:inline-block; font-size:16px; padding:10px 5px;}

     /* BARRA DE FILTROS */
     #filtros-movile{display:inline-block; color: var(--azul); font-size:24px;}
     #close-mov-filters{display:flex;}
     #filtros{display:none; width:300px; height:100vh; padding:20px; position:absolute; z-index:9;}
     .item-filtro{padding-bottom:10px; margin-bottom:10px;}
     .item-filtro label{font-size:14px;}
     #cont-formatos{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; font-size:12px; margin-bottom:10px;}
     .item-formato{text-align:center; width:30%;}
     #filtros .btn-regular{min-width:100%;}

     /* LOGIN */
     #bg-login{display:flex; flex-direction:column; justify-content:center; align-items:center;}
     #cont-login{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; min-height:360px; width:585px;}
     .blue-side {display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%; width:230px; padding: 20px; font-size: 20px; text-align:center; margin-bottom:0;}
     .blue-side img{width:auto;}
     .blue-side::before { content: ''; transform: skew(10deg, 0deg); position: absolute; top:-1px; bottom:auto; left:auto; right:-20px; height: 51%; width: 100%;}
     .blue-side::after {content: ''; transform: skew(-10deg, 0deg); position: absolute; bottom: -1px; right:-20px; height:51%; width:100%;}
     .blue-side h2{margin-top:20px; font-size:20px;}
     .cont-form {padding:20px; width:100%;}
     .cont-form p{margin-bottom: 20px;}
     .cont-form label{font-size:14px;}
     .cont-form input[type="text"], .cont-form input[type="password"]{padding:10px 10px 10px 40px; margin-bottom:10px;}
     .cont-form input[type="text"]{background:url("../img/ico-usuario.svg") #FFF no-repeat 2% center;}
     .cont-form input[type="password"]{background:url("../img/ico-contrasena.svg") #FFF no-repeat 2% center;}
     .cont-form .btn{width:100%; margin-top:20px;}

     /* INICIO REPOSITORIO */
     #buttons-view{display:flex;}
     .title{font-size:20px; margin:0 0 20px 20px; display:inline-block; vertical-align:middle;}
     #repo section{padding:20px; width:calc(100% - 0px);}
     #cont-items-multi{display:flex; flex-direction:row; flex-wrap:wrap; width:100%; gap:20px 20px;}
     .item-multi .cont-image{width:100%; max-height:55%; height:55%;}
     .item-multi{width:calc(34% - 20px); max-width:360px; min-height:300px;}
     .item-multi h2{font-size:18px;}
     /* estilos para version en lista */
     .item-multi.row-item{width:calc(100% - 0px); max-width:100%; min-height:200px; height:160px;}
     .item-multi.row-item .cont-image{width:100%; max-height:100%; height:100%;}
     .item-multi.row-item .txt-item{width:calc(100% - 0px); display:flex; flex-direction:column; justify-content:space-between;}

     /* LIGHTBOX DE FICHA TECNICA */
     #cont-fichaTecnica{width:660px;}
     .row-content h3{font-size:20px;}
     .row-content h6{font-size:12px;}
     .row-content p{font-size:14px;}
     .row-content .row{padding:10px;}
     .row-content h4{margin-bottom:10px;}
     .cont-relacionados{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; position:relative; width:100%;}
     .item-relacionados{width:calc(20% - 10px);}
     .item-relacionados h5{font-size:12px; text-align:center;}
     #download-ico{bottom:-35px; right:0;}
   }
   /* TABLET HORIZONTAL */
   @media only screen and (min-width: 50.6875em) {
     #repo{display:flex; flex-direction:row; flex-wrap:wrap; height:calc(100% - 74px);}
     /* HEADER */
     header{padding:10px 20px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center;}
     header .logo{width:110px;}
     header #cont-search{width:65%;}
     header #cont-search input[type="search"]{width:100%; padding:10px 15px;}
     header #main-menu{width:50%;}
     header #main-menu ul li{margin-right:6px;}
     header #main-menu ul li a{display:inline-block; font-size:16px; padding:10px 5px;}

     /* BARRA DE FILTROS */
     #filtros-movile{display:inline-block; color: var(--azul); font-size:24px;}
     #close-mov-filters{display:block;}
     #filtros{display:none; width:300px; height:100vh; padding:20px; position:absolute;}
     .item-filtro{padding-bottom:10px; margin-bottom:10px;}
     .item-filtro label{font-size:14px;}
     #cont-formatos{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; font-size:12px; margin-bottom:10px;}
     .item-formato{text-align:center; width:30%;}
     #filtros .btn-regular{min-width:100%;}

     /* LOGIN */
     #bg-login{display:flex; flex-direction:column; justify-content:center; align-items:center;}
     #cont-login{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; min-height:360px; width:585px;}
     .blue-side {display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%; width:230px; padding: 20px; font-size: 20px; text-align:center; margin-bottom:0;}
     .blue-side img{width:auto;}
     .blue-side::before { content: ''; transform: skew(10deg, 0deg); position: absolute; top:-1px; right:-20px; left:auto; height: 51%; width: 100%;}
     .blue-side::after {content: ''; transform: skew(-10deg, 0deg); position: absolute; bottom: -1px; right:-20px; height:51%; width:100%;}
     .blue-side h2{margin-top:20px;}
     .cont-form {padding:20px; width:100%;}
     .cont-form p{margin-bottom: 20px;}
     .cont-form label{font-size:14px;}
     .cont-form input[type="text"], .cont-form input[type="password"]{padding:10px 10px 10px 40px; margin-bottom:10px;}
     .cont-form input[type="text"]{background:url("../img/ico-usuario.svg") #FFF no-repeat 2% center;}
     .cont-form input[type="password"]{background:url("../img/ico-contrasena.svg") #FFF no-repeat 2% center;}
     .cont-form .btn{width:100%; margin-top:20px;}

     /* INICIO REPOSITORIO */
     #buttons-view{display:flex;}
     .title{font-size:20px; margin:0 0 20px 20px; display:inline-block; vertical-align:middle;}
     #repo section{padding:20px; width:calc(100% - 0px);}
     #cont-items-multi{display:flex; flex-direction:row; flex-wrap:wrap; width:100%; gap:20px 20px;}
     .item-multi .cont-image{width:100%; max-height:65%; height:65%;}
     .item-multi{width:calc(33.9% - 20px); max-width:360px; min-height:360px;}
     .item-multi h2{font-size:18px;}
     /* estilos para version en lista */
     .item-multi.row-item{width:calc(50% - 20px); max-width:650px; min-height:200px; height:160px;}
     .item-multi.row-item .cont-image{width:100%; max-height:100%; height:100%;}
     .item-multi.row-item .txt-item{width:calc(100% - 80px); display:flex; flex-direction:column; justify-content:space-between;}

     /* LIGHTBOX DE FICHA TECNICA */
     #cont-fichaTecnica{width:660px;}
     .row-content h3{font-size:20px;}
     .row-content h6{font-size:12px;}
     .row-content p{font-size:14px;}
     .row-content .row{padding:10px;}
     .row-content h4{margin-bottom:10px;}
     .cont-relacionados{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; position:relative; width:100%;}
     .item-relacionados{width:calc(20% - 10px);}
     .item-relacionados h5{font-size:12px; text-align:center;}
     #download-ico{bottom:-35px; right:0;}
   }
   /* DESKTOP */
   @media only screen and (min-width: 67.5625em) {
     #repo{display:flex; flex-direction:row; flex-wrap:wrap; height:calc(100% - 74px);}
     /* HEADER */
     header{padding:10px 20px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center;}
     header .logo{width:110px;}
     header #cont-search{width:60%;}
     header #cont-search input[type="search"]{width:100%; padding:10px 15px;}
     header #main-menu{width:50%;}
     header #main-menu ul li{margin-right:6px;}
     header #main-menu ul li a{display:inline-block; font-size:16px; padding:10px 5px;}

     /* BARRA DE FILTROS */
     #filtros-movile{display:inline-block; color: var(--azul); font-size:24px;}
     #close-mov-filters{display:block;}
     #filtros{display:none; width:260px; height:100vh; padding:20px; position:absolute;}
     .item-filtro{padding-bottom:10px; margin-bottom:10px;}
     .item-filtro label{font-size:14px;}
     #cont-formatos{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; font-size:12px; margin-bottom:10px;}
     .item-formato{text-align:center; width:30%;}
     #filtros .btn-regular{min-width:100%;}

     /* LOGIN */
     #bg-login{display:flex; flex-direction:column; justify-content:center; align-items:center;}
     #cont-login{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; min-height:360px; width:585px;}
     .blue-side {display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%; width:230px; padding: 20px; font-size: 20px; text-align:center; margin-bottom:0;}
     .blue-side img{width:auto;}
     .blue-side::before { content: ''; transform: skew(10deg, 0deg); position: absolute; top:-1px; right:-20px; left:auto; height: 51%; width: 100%;}
     .blue-side::after {content: ''; transform: skew(-10deg, 0deg); position: absolute; bottom: -1px; right:-20px; height:51%; width:100%;}
     .blue-side h2{margin-top:20px;}
     .cont-form {padding:20px; width:100%;}
     .cont-form p{margin-bottom: 20px;}
     .cont-form label{font-size:14px;}
     .cont-form input[type="text"], .cont-form input[type="password"]{padding:10px 10px 10px 40px; margin-bottom:10px;}
     .cont-form input[type="text"]{background:url("../img/ico-usuario.svg") #FFF no-repeat 2% center;}
     .cont-form input[type="password"]{background:url("../img/ico-contrasena.svg") #FFF no-repeat 2% center;}
     .cont-form .btn{width:100%; margin-top:20px;}

     /* INICIO REPOSITORIO */
     #buttons-view{display:flex;}
     .title{font-size:20px; margin:0 0 20px 20px; display:inline-block; vertical-align:middle;}
     #repo section{padding:20px 20px; width:calc(100vw - 0);}
     #cont-items-multi{display:flex; flex-direction:row; flex-wrap:wrap; width:calc(100vw - 20px); gap:20px 20px;}
     .item-multi .cont-image{width:100%; max-height:65%; height:65%;}
     .item-multi{width:calc(25% - 20px); max-width:460px; min-height:360px;}
     .item-multi h2{font-size:18px;}
     /* estilos para version en lista */
     .item-multi.row-item{width:calc(50% - 20px); max-width:800px; min-height:200px; height:200px;}
     .item-multi.row-item .cont-image{width:100%; max-height:100%; height:100%;}
     .item-multi.row-item .txt-item{width:calc(100% - 100px); display:flex; flex-direction:column; justify-content:space-between;}


     /* LIGHTBOX DE FICHA TECNICA */
     #cont-fichaTecnica{width:660px;}
     .row-content h3{font-size:20px;}
     .row-content h6{font-size:12px;}
     .row-content p{font-size:14px;}
     .row-content .row{padding:10px;}
     .row-content h4{margin-bottom:10px;}
     .cont-relacionados{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; position:relative; width:100%;}
     .item-relacionados{width:calc(20% - 10px);}
     .item-relacionados h5{font-size:12px; text-align:center;}
     #download-ico{bottom:-35px; right:0;}
   }

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}


/* ==========================================================================
  Print styles.
  Inlined to avoid the additional HTTP request
  ========================================================================== */

@media print {
 *, *::before, *::after { background: #fff !important; color: #000 !important; /* Black prints faster */ box-shadow: none !important; text-shadow: none !important; }

 a, a:visited { text-decoration: underline; }

 a[href]::after { content: " (" attr(href) ")"; }

 abbr[title]::after { content: " (" attr(title) ")"; }

 /*
  * Don't show links that are fragment identifiers,
  * or use the `javascript:` pseudo protocol
  */
 a[href^="#"]::after, a[href^="javascript:"]::after { content: ""; }

 pre { white-space: pre-wrap !important; }

 pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

 /*
  * Printing Tables
  */
 thead { display: table-header-group; }

 tr, img { page-break-inside: avoid; }

 p, h2, h3 { orphans: 3; widows: 3; }

 h2, h3 { page-break-after: avoid; }
}
.txt_no_search{
  width: 100%;
  text-align: center;
  font-weight: bold;
}