@charset "UTF-8";
/*
 Theme Name: lacnicblog
 Theme URI: https://www.lacnic.net/
 Author: el equipo de webmaster 
 Author URI: https://www.lacnic.net/
 Description: LACNIC News es el boletín de noticias de LACNIC que mensualmente publica artículos y entrevistas con temas relacionados al desarrollo de internet.
 Version: 5.1.0
 License: LACNIC
 License URI: https://www.lacnic.net/
 Tags: Capacitaciones, Casa de Internet, Ciberseguridad, Cooperación, Enrutamiento, Eventos, Gobernanza de Internet, Institucional, Internet, Investigación, IPv6,LACNIC, LACNIC Member, Mujeres en Tecnología, Políticas, Programa FRIDA, Servicios a la Membresía	 
 Text Domain: El Registro de Direcciones de Internet de América Latina y Caribe es una organización no gubernamental internacional, establecida en Uruguay en el año 2002. Su función es asignar y administrar los recursos de numeración de Internet (IPv4, IPv6), números autónomos y resolución inversa para la región.
 */
/* CSS Document */

@import "css/resets.css"; 
@import "css/languaje.css";
@import "css/settings.css"; 
@import "css/structure.css";
@import "css/header.css";
@import "css/menu.css";
@import "css/grid.css";
@import "css/modal.css";
@import "css/section.css";
@import "css/tabs.css";
@import "css/alert.css";
@import "css/search.css";
@import "css/tables.css";
@import "css/forms.css";
@import "css/footer.css"; 
@import "css/pages.css"; 
#screen,
#screenMenu {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 1;
}
.close-search #screen {
    display: none
}
/* --- */
#headstuff ul#search {
    display: none;
    background: #222;
    padding: 9.5px;
    color: #FFF;
    float: left;
}
#headstuff ul#buscador {
    float: left;
    list-style: none;
    display: block;
}

#headstuff ul#buscador form {
    position: relative;
}
#headstuff ul#buscador form i.fa-whois {
    position: absolute;
    top: 13px;
    color: #FFF;
    right: 14px;
}
#search form {
    width: 398px;
    margin: auto;
}
/* --- */

.lcp_thumbnail.wp-post-image {
    width: 100%;
    height: 128px;
    object-fit: cover;
}
/* --- */ 
#wrapper-categoria {
    clear: both;
}
a.news-destacada {
    background: rgba(0, 0, 0, 0.1);
    display: block;
    margin: 9px 0 0 0;
    padding: 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
a.news-destacada:hover {
    background: rgba(0, 0, 0, 0.15);
}
/* --- */
.category {
    display: inline-block;
    margin: 8px 0px;
    padding: 9px 10px;
    border-radius: 4px;
    box-shadow: 0 0px 3px -1px rgb(0 0 0 / 9%), 0 1px 9px 1px rgb(0 0 0 / 10%);
    font-size: 11pt;
}
.categoria p,
.categoria h2 {
    background: #e2e2e2 none repeat scroll 0 0;
    color: #555;
    font-size: 15px;
    font-weight: 300;
    margin: 0 0 7px;
    padding: 5px 8px;
    display: inline-block;
}
/* ---- */
.date {
    font-size: 10pt;
}
/* --- */
#wrapper-white {
    background: #FFF;
    width: 100%;
    height: 30px;
}
/* ---- */
.best {
    background: #f2f2f2;
    padding: 10px;
    margin: 0 0 15px 0;
}
/* --- */
.archive a {
    background: #f7f7f7;
    padding: 10px 11px;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.03);
    margin: 4px 0px;
}
.archive ul {
    list-style: none;
}
.archive a:hover {
    background: #d2e3ef none repeat scroll 0 0
}
/* --- */
#wrapper-categoria li.lista-de-noticias a {
    background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
    border: 0.01em solid rgba(0, 0, 0, 0.22);
    display: block;
    font-size: 15px;
    padding: 37px 20px 16px;
}
#wrapper-categoria li.lista-de-noticias a:hover {
    background: rgba(210, 227, 237, 0.51);
    border: 0.01em solid #0497af;
}
#wrapper-categoria li.lista-de-noticias {

    clear: both;
    margin: 9px 0 0;
}
#wrapper-categoria li.add-color span em {
    color: #00adef;
}
#wrapper-categoria li.lista-de-noticias span em {
    display: block;
    font-size: 10px;
    padding: 17px 21px;
    position: absolute;
    z-index: -1;
}
/* --- */
div.posts_list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 50px;
    grid-gap: 30px;
}
.post-tags {
    display: flex;
    gap: 3px;
}
.post-tags a { 
    padding: 3px 6px;
    border-radius: 2px; 
    font-size: 10pt;
    color: #FFF;
    background: #385366; 
}
div.posts_list figure.post_image img {
    width: 100%;
    margin-bottom: 13px;
    border-radius: 7px;
}
.posts_list p.post_date {
    padding: 0;
    font-weight: 500;
    font-size: 11pt;
    color: #526373;
}
div.posts_list h2.post_title {
    padding: 0;
    color: #007ae6;
    font-size: 23pt;
    letter-spacing: 1px;
}
.posts_list p.post_author {
    font-size: 12pt;
    font-weight: 600;
    letter-spacing: 0px;
    color: #526373;
}
.posts_list p.post_author .comma:last-child {
    display: none;
}
p.post_author .en, p.post_author .es, p.post_author .pt {
    display: none;
}
p.post_author .en:first-child, p.post_author .es:first-child, p.post_author .pt:first-child {
    display: block !important;
    float: left;
}
.posts_list a.post_url {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #f7a600;
}
h1.category_title {
    color: #58646f;
    font-size: 33pt;
    font-weight: 500;
    text-align: center;
    margin: 20px 0 30px 0;
} 
/* ---- */
.wp-page-nav-post {
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
    display: inline-block;
    padding: 7px;
    border-radius: 10px;
    list-style: none;
}
.wp-page-nav-post li {
    float: none;
    display: inline-block;
    padding: 9px 15px;
}
.wp-page-nav-post>li {
    background: #c53425;
    color: #FFF;
}
.wp-page-nav-post a li {
    transition: all 0.1s ease-out !important;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out
}
.wp-page-nav-post a:hover li {
    background: #f1f1f1;
    color: #009dca;
}
/* ---- */
.search form {
    background: #E6E7E8;
}
.search form button {
    font-size: 14px;
    color: #FFF;
    padding: 9.5px;
    background: rgba(0, 0, 0, 0.8);
}
.search form input[type="search"] {
    background-color: #E6E7E8;
    border: 0 none;
    color: #666;
    font-size: 14px;
    margin: 0;
    max-width: 175px;
    padding: 8px;
}
/* ---- */
.btn-2 {
    display: inline-block;
    background: #0098c5;
    color: #FFF;
    padding: 13px 22px;
    border-radius: 230px;
} 
/* --- */
.wp-block-column {
    display: grid;
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(39, 102, 149, 0);
    grid-template-rows: min-content min-content min-content min-content 1fr min-content;
}
.my-conditional-title {
    font-size: 8pt;
} 
 
@media only screen and (max-width:740px) { 
    div.posts_list {
        grid-template-columns: 1fr 1fr;
    }
} 
@media only screen and (max-width:520px) { 
    div.posts_list {
        grid-template-columns: 1fr;
    }
}