/*
Theme Name: FPP
Theme URI: https://fppchile.org
Description: El Tema FPP para Wordpress fue realizado especificamente para la web.
Cuenta con un alto nivel de personalización para adecuarse a las necesidades de los usuarios de esta web.
Author:Jorge Miranda en <a href="http://www.mockup.cl/">Mockup</a>
Version: 2.0 2020
*/
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap);

:root {
    --rojo : #f60412;
    --rojo-hover : #dd202b;
    --azul-oscuro: #022c3d;
    --plomo: #f0f0f0;
    --azul-claro: #0e5c7b;
    --amarillo: #F2C335;
    --naranjo: #f69836;   
    --calipso: #2c8c99;     
    --titulos : #064765;
    --tienda: #4BA78E;
    --petroleo: #19384D;
}

header + .nojq {top: 32px;}
.customize-support > header {top: 32px;}

body { font-family: 'Roboto', sans-serif; font-size: 14px; padding-top: 137px;}

h1, h2 { position: relative; padding-bottom: 10px; transition: 0.5s;}
h1::after  { content: ''; position: absolute; left: 0; width: 100px; background: var(--rojo); height: 3px; bottom: 0px; }

.color-secondary { color: var(--rojo);}
.bg_rojo {background-color: var(--rojo);}
.bg_white {background-color: #fff;}
.bg_plomo { background-color: var(--plomo);}
.bg_azul { background-color: var(--azul-oscuro);}

.text-rojo {color:var(--rojo);}

.vermas {border-radius: 0 !important;}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 200,
  'GRAD' -25,
  'opsz' 20
}

a.badgeAutor {text-decoration: none; font-size: .85em; padding: .5em 1em; font-weight: normal;}
a.bg_rojo:hover { background-color: var(--rojo-hover); color:#FFF;}

.btn-dona { font-weight: bold; background-color: var(--amarillo); color: #2D2000;     border-radius: 10px !important; }
.btn-suscribete { border-radius: 10px !important; font-weight: bold; background-color: var(--petroleo); color: #fff; }
.btn-tienda { background-color: var(--tienda); color: #fff;}
.btn-categoria { transition:0.5s; color: #fff; padding: 2px 4px !important; margin-right: 5px; border-radius: 0 !important; font-size: 14px; }
.btn-categoria:hover { opacity: 0.8; }

.btn { border-radius: 4px;}
.btn-primary { background-color: var(--rojo); border: 0px !important; color:#fff !important;}
.btn-primary:hover, .btn-primary:active, .btn-primary:visited { background-color: var(--rojo-hover); }

.btn-linkedin { background-color: #0a66c2; color:#FFF; transition: all .2s linear 0s;}
.btn-linkedin:hover {background-color: #004182; color:#FFF;}

.text-titulos {color: var(--titulos) !important;}
a.text-titulos:hover {color:var(--rojo-hover)!important;}

.home h2, .archive.author h2  { color: #064765; font-weight: 700;}
.home h2:after, .archive.author h2:after { content: none; }

header {position: fixed;  width: 100%;  z-index: 10;  top: 0;}
header, footer { background-color: var(--rojo); }
header.bottom { background-color: var(--plomo);}
header .header-top .social a {width: 30px; height: 30px; line-height: 30px;text-align: center; border-radius: 50%; overflow: hidden; background: #fff; color: var(--rojo); display: block;float: left; margin-left: 5px;}
header .btn-english { background-color: var(--azul-claro); color: #fff; border: none; padding: 3px 11px; border-radius: 4px; height:27px; text-decoration: none;}

header .secretmenu-content { margin-bottom: 0; padding: 0;}
header .secretmenu-content ul { padding: 55px 10px 35px; float: right; }
header .secretmenu-content ul.sub-menu { display: none; }
header .secretmenu-content li { display: inline-block; border-radius: 5px;}
header .secretmenu-content > li:hover { background-color: var(--rojo-hover);}
header .secretmenu-content > li:hover > ul { display: block;}
header .secretmenu-content > li > ul > li {position: relative; display: block; text-align: left; padding: 5px 15px;}
header .secretmenu-content > li > ul > li > a { color: #000; text-decoration: none; display: block; padding: 3px; } background
header .secretmenu-content > li > ul > li:hover {background:#e6e6e6!important;}

header .secretmenu-content > li > ul > li:hover a { color: #000; text-decoration: none; }
header .secretmenu-content > li > a { display: block; padding: 5px 14px; color: #fff; font-family: roboto,dosis,sans-serif; font-size: 16px; border-radius: 3px; text-decoration: none; }
header .secretmenu-content ul.sub-menu li:hover ul { display: block; position: absolute; right: 0; left: 100%; width: fit-content; top: 0; flex-direction: column-reverse; padding: 10px 20px !important; }

header .secretmenu-content ul.sub-menu li ul  { min-width: 170px; font-size: 16px; }
header .secretmenu-content ul.sub-menu li ul li { display: block;display: block;  font-size: 14px; padding: 5px 15px;}
header .secretmenu-content ul.sub-menu li ul li:hover {}   

header .btn a { }
header li.btn { background-color: transparent !important; padding: 0;}
header li.btn-suscribete a { background-color: var(--petroleo); color: #FFF; }
header li.btn-tienda a { background-color: var(--tienda); }
header li.btn-dona a { background-color: var(--amarillo); color:#2D2000;}

.menu-mobile ul {margin: 0px; padding: 0px; list-style: none; transition: 0.5s; position: absolute; top: 0; bottom: 0; background: var(--rojo); left: 100%; right: 0; width: 100%; z-index: 9999; }
.menu-mobile ul.active { left: 20%; }
.menu-mobile ul.sub-menu.active { left: 0%; }
.menu-mobile > div > ul{ width: 80%; }
.menu-mobile .menu-mobile-div { padding: 20px; }
.menu-mobile ul li {padding:10px;border-bottom: 1px solid rgba(0,0,0,.1); }
.menu-mobile ul li a {  text-decoration: none; padding: 7px 5px; display: block; color: #fff; font-family: roboto,dosis,sans-serif; font-size: 16px; }

.btn-tiendaMovil {border:none  !important;}
.btn-tiendaMovil a{background: var(--tienda)!important; color:#FFF;}
.btn-dona-movil {border:none  !important;}
.btn-dona-movil a {background:  var(--amarillo)!important; color:#2D2000!important;}     
.btn-suscribete-movil {}
.btn-suscribete-movil a{background:var(--petroleo)!important; color: #fff!important;}

.sub-menu { padding: 0!important; background: #f2f2f2; border-radius: 5px; z-index: 99; position: absolute; }

.sub_secretmenu-content .sub-menu { display: none;}
.sub_secretmenu-content a { color: #000; text-decoration: none;}
.sub_secretmenu-content > li:hover .sub-menu { display: block;}
.sub_secretmenu-content > li { margin: 0px 30px; position: relative;}
.sub_secretmenu-content > li:last-child { margin-right: 0px; }
.sub_secretmenu-content > li > ul { list-style: none; min-width: 200px; padding: 15px 20px !important; border-radius: 5px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; z-index: 3;}
.sub_secretmenu-content > li > ul > li { margin-bottom: 10px; } 
.sub_secretmenu-content > li > ul > li:last-child { margin-bottom: 0px;}
.sub_secretmenu-content > li > ul > li:hover a { color: var(--rojo-hover); }


header .searchform input[type=text] { border: none; border-radius: 4px; }
.searchform input[type=submit] {  background-color: var(--rojo-hover); color: #fff; border: none; padding: 3px 11px; border-radius: 4px; }

.social-footer a { font-size: 20px; color: #fff; margin-right: 10px; margin-left:10px;}

.source { color: var(--rojo); text-decoration: none; font-size: 13px;}
.aioseo-breadcrumbs {font-size: 13px;}
.aioseo-breadcrumbs a {color:var(--rojo); text-decoration: none;}

.contenidos-pagina .archivos {}
.contenidos-pagina .archivos > img {}
.contenidos-pagina .archivos div.imagen {  min-height: 280px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.contenidos-pagina .archivos div span { min-height: 40px;}

#productos-fpp .item a {width: 100%; padding-top:100%; position:relative;}
#productos-fpp .item a img {object-fit: fill; width: 100%; height: 100%; position: absolute; top: 0;  left: 0;}


.archivos .imagen{width: 100%; padding-top:130%; position:relative;}
.archivos .imagen img {object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0;  left: 0;}

#publicaciones .imagen {width: 100%; padding-top:130%; position:relative;}
#publicaciones .imagen img {object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0;  left: 0;}

#lecturas .imagen {width: 100%; padding-top:130%; position:relative;}
#lecturas .imagen img {object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0;  left: 0;}

.tarjeta-persona { position: relative; background: #fff; }
.tarjeta-persona .bio { margin: auto; left:0; right:0; background-color: #fff; transition:0.5s; position: absolute; top: 100%; width: 80%; height:100%; font-size: 12px; padding:20px; visibility: hidden; border: 1px solid #E3EDF7); box-shadow: 0px 5px 15px -2px rgba(96, 128, 159, 0.20); border-radius:16px;}
.tarjeta-persona .bio .cerrar { position: absolute; right: 20px; background-color: var(--azul-oscuro); color: #fff; padding: 3px 8px; border-radius: 50%; font-weight: bolder; cursor: pointer; }
.tarjeta-persona .bio.active { top: 0% !important; visibility: visible;}
.tarjeta-persona > img { border-radius: 50%; }


.tabs_verticales { position: relative; height: min-content; border: none !important; }
.tabs_verticales > ul { width: 20%; height: 100%; position: absolute; border: none !important; }
.tabs_verticales > ul li { display: block; width: 100%; }
.tabs_verticales .ui-tabs-panel { width: 79%; float: right; }

.blog h2:after, .archive h2:after, .category h2:after, .search h2:after { content: none; padding: 0;}
.blog h2, .archive h2, .category h2, .search h2 { padding: 0;}
.archive #searchform input[type=text], .search #searchform input[type=text] { border: solid 1px #000; width: 70%; padding: 2px 10px;}
.archive #searchform input[type=submit], .search #searchform input[type=submit] { width: 28%;}

.caja-post .article .article-date { margin-bottom: 5px; color: #54575a;  font-size: 13px; }
.line {height: 2px; background: #f32837; width: 50px; margin-bottom: 10px; display: block;}

.caja-post h3 a {color:#064765; text-decoration: none; font-size: 30px; line-height: 30px;}
.caja-post:hover h2 { color: var(--rojo); }

.wp-pagenavi { text-align: center; margin-top: 20px;}
.wp-pagenavi * { border: none !important; }
.wp-pagenavi a { color: #000; padding: 6px 8px !important;}
.wp-pagenavi a:hover { color: #fff; background-color: var(--rojo);}
.wp-pagenavi > span { padding: 6px 8px !important; }
.wp-pagenavi > span.current { color: #fff; background-color: var(--rojo);}
.wp-pagenavi a, .wp-pagenavi > span { border-radius: 8px;}

.widget { padding: 10px 0px; }
.widget ul { list-style: none; margin: 0; padding: 0;}
.widget ul li { padding-bottom: 5px; }
.widget ul li > a { color: #000; text-decoration: none; font-weight: bold; font-size: 1em; }
.widget ul li:hover a { color: var(--rojo); }
.widget ul li span.post-date { color: var(--rojo); text-transform: capitalize; }
.wp-block-latest-posts__featured-image.alignleft { margin-bottom: 15px; }

#breadcrumbs span, #breadcrumbs a { color: #85898d; text-decoration: none; }
#breadcrumbs a:hover { color: var(--rojo);}

.owl-carousel .owl-nav { position: absolute; top: -70px; right: 15px;}
.owl-carousel .owl-nav button { font-size: 50px !important; }

/* HOME  */
#productos-fpp a { text-transform: uppercase; font-weight: 700; text-decoration: none; color: var(--titulos); }

.videos-recientes h3 { color: var(--azul-claro); font-weight: bolder;}
/*.videos-recientes iframe {     width: 100%; height: 220px; }*/

.fecha { border-top: 1px solid var(--titulos); border-bottom: 1px solid var(--titulos); color: var(--titulos); display: block; padding: 2px 0; margin-bottom: 15px; font-size: 0.8em; }
.titulo { color: var(--titulos); font-weight: 700; margin-bottom: 0; font-size: 1em; transition: 0.5s; }
.titulo:hover { color: var(--rojo); }
.extracto, .autor { font-size: 0.8em; color: var(--titulos); margin-top: 10px; }

/*.caja-opinion > a { width: 45%; display: inline-block; vertical-align: top;}
.caja-opinion > div { width: 54%; display: inline-block; vertical-align: top;}*/
.caja-opinion .imagen {width: 100%; padding-top: 90%; display: block; position: relative;  background-size: cover; background-position: center; overflow: hidden;}
.caja-opinion .imagen img {object-fit: cover;  width: 100%;  height: 100% !important;  position: absolute;  top: 0;  left: 0;}

.caja-autor-single .imagenAutor {width: 250px; height: 250px; display: block; position: relative;  background-size: cover; background-position: center; overflow: hidden; border-radius: 100%;}
.caja-autor-single .imagenAutor img {object-fit: cover;  width: 100%;  height: 100% !important;  position: absolute;  top: 0;  left: 0;}

#opiniones .caja-opinion .titulo a {font-size: 16px; color: #064765;  text-transform: initial; text-decoration: none;}

#sonido-libre a { font-size: 12px; color: var(--titulos); text-decoration: none; font-weight: bold;}

.destacado-home { background-color: #0a384f; position: relative; } 
.destacado-home:after { content:''; background-image: var(--wpr-bg-da705fb6-a8bc-463b-8bc0-b3b36d095f09); width: 40%; height: 50%; position: absolute; top: 35%; right: 0; background-size: contain; background-repeat: no-repeat; } 
.destacado-home *{ color: #fff !important; }
/*.destacado-home iframe { margin-top: 25px; border: 20px solid #05283a; border-radius: 20px; z-index: 2; position: relative;}*/
.destacado-home .rll-youtube-player { border: 20px solid #05283a; border-radius: 20px; z-index: 2; position:absolute; top:0; left:0; width: 100%; object-fit: cover; padding-bottom: 52%; }

#videos-recientes .rll-youtube-player { position:absolute; top:0; left:0; width: 100%; object-fit: cover; padding-bottom: 52%; }
#videos-recientes .iframe-responsive {padding-top: 52%;}
.caja-autor-single { background-color: #f7f8f3;}
.imagen_autor { border-radius: 50%; display: block; margin: auto;}
.menu-mobile { display: none;}

.page-template-template-temas .titulo { font-size: 0.9em; text-decoration: none;}

.contendor-mapa { padding: 0 20px 20px; position: relative; overflow: hidden; }
.mapa-redes { background-image: var(--wpr-bg-6a6685f8-4088-489c-a98f-8825a84b3f88); background-size: cover; width: 100%; padding-bottom: 55%; position: relative; }
.pointer { position: absolute; width: 12px; height: 12px; border-radius: 50%; background-color: #a51923; }
.pointer:after { position: absolute; content: ""; width: 2px; height: 30px; background-color: #a51923; bottom: 10px; left: 5px; }
.pointer .tag { border-radius: 20px; background-color: #5d5d5d; padding: 3px; color: #fff; bottom: 37px; left: -14px; position: absolute; width: 160px; z-index: 11; cursor: pointer; }
.pointer .tag .numero { background-color: #a51923; border-radius: 50%; width: 20px; height: 20px; color: #fff; text-align: center;
    border: solid 1px #fff; font-size: 1em; margin-right: 0.3em; padding: 0.7em; display: flex; justify-content: center; align-items: center; }
.pointer .tag .nombre { padding: 0px; font-size: 1em; }    
.pointer .tag .numero, .pointer .tag .nombre { float: left; }

.caja-red { min-height: 310px; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}
.caja-red img {}
.caja-red span {}
.oculto { display: none;}

.contenedor-noticia h2::after {}
.contenedor-noticia h2, .contenedor-noticia h3, .contenedor-noticia h4 {
    margin-bottom: 10px;
    color: #f32837;
    padding-top: 10px;
    clear: both;
}

.contenedor-noticia blockquote {
    padding: 20px;
    background: #f32837;
    color: #fff;
    font-size: 1.4em;
    line-height: 1.5em;
    margin-bottom: 15px;
    float: right;
    width: 40%;
    margin-left: 20px;
    font-family: roboto,dosis,sans-serif;
}

.lcl_fade_oc.lcl_pre_show #lcl_overlay, .lcl_fade_oc.lcl_pre_show #lcl_window, .lcl_fade_oc.lcl_is_closing #lcl_overlay, .lcl_fade_oc.lcl_is_closing #lcl_window { opacity: 0 !important; }
.lcl_fade_oc.lcl_is_closing #lcl_overlay { -webkit-transition-delay: .15s !important;  transition-delay: .15s !important; } 
.elem, .elem * { box-sizing: border-box; margin: 0 !important;	 }
.elem { display: inline-block; font-size: 0; width: 100%; background: #fff; height: auto; background-clip: padding-box; }
.elem > span { display: block; cursor: pointer; height: 0; padding-bottom:	70%; background-size: cover;	 background-position: center center; }

.galeriaJS { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-flow: dense; gap: 10px; }
.galeriaJS img { max-width: 100%; display: block; }
.galeriaJS figure { margin: 0; display: grid; grid-template-rows: 1fr auto; }
.galeriaJS figure > a { grid-row: 1 / -1; grid-column: 1; }


.box-title {
    margin-top: 30px;
    font-size: 16px;
    line-height: 16px;
    font-family: roboto,sans-serif;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 900;
}



.article-title {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 5px;
    border: none;
    margin: 0;
    padding: 0;
}
.article-author {
    margin-bottom: 5px;
    color: #f32837;
    font-size: 13px;
    transition: all .2s linear 0s;
}
.article-description {
    font-size: 13px;
    margin-bottom: 0;
}
.article-source {
    margin-top: -5px;
    margin-bottom: 10px;
    color: #54575a;
    font-size: 11px;}

.linkFull {position: absolute; top:0; left:0; right: 0; bottom: 0; text-indent: -9999px;}
.sidebar-article:hover h4 {color: #f32837;}

.item .caja-opinion {position:relative;}
.item .caja-opinion .share {opacity:0; transition: all .2s linear 0s; position:absolute; z-index: 10; right: 30px;}
.item .caja-opinion:hover .share {opacity: 1 !important;}
.item .caja-opinion:hover h3 a{color:var(--rojo) !important;}

.content a, .contenidos-pagina a {
    text-decoration: none;
    color: #f32837;
}

.newsHome {position: relative;}
.newsHome:hover .share {opacity: 1;}
.share {position:absolute; right: 20px; opacity: 0; transition: all .2s linear 0s;}
.share .st-btn[data-network='twitter'] {display: inline-block !important;}

.PostOtros {}
.PostOtros .imagen {width: 100%; padding-top:130%; position:relative;}
.PostOtros .imagen img {object-fit: cover;  width: 100%;  height: 100%;  position: absolute;  top: 0;  left: 0;}

.autorPost {width: 90px; background-color: #f3f3f3; padding: 10px 5px; text-align: center;}
.autorPost .avatar {width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; overflow: hidden; margin: 0 auto 5px; display: block;}
.autorPost .nameAutor {font-size: 12px; display: block;}
.autorPost .nameAutor a {text-decoration: none;}

.legalPost {background: #e7e7e7; font-size: 13px; color:#2c2c2f; line-height: 16px; text-align: center; }

.imagenMiembros {width: 150px; height: 150px; margin:0 auto; position:relative; border-radius: 50%; overflow: hidden;}
.imagenMiembros img {object-fit: cover;  width: 100%;  height: 100%;  position: absolute;  top: 0;  left: 0;}

.contenedor-noticia a {color:var(--rojo);}
.contenedor-noticia img.aligncenter {
    margin: 0 auto;
}
.contenedor-noticia img, .contenedor-noticia iframe {
    max-width: 100%;
    display: block;
}

.contenidos-pagina a{color:var(--rojo);}
.contenidos-pagina img.aligncenter {
    margin: 0 auto; display: block;
}
.contenidos-pagina img, .contenidos-pagina iframe {
    max-width: 100%;
    display: block;
}
.has-vivid-red-background-color {color:#FFf !important;}
.wp-block-buttons>.wp-block-button {margin:0 auto !important;}

.iframe-responsive {
    position: relative;
    padding-top: 56.25%;
}

.iframe-responsive > iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}
.container-video {max-width: 560px; margin:0 auto;}

footer h3 {color:#FFF; font-weight: 700; font-size: 18px; margin-bottom: 24px;}
footer .block_footer {font-size: 14px; font-weight: normal; color:#FFF;}
footer ul {list-style: none; margin:0; padding: 0;}
footer ul li {margin-bottom: 16px; display: flex; align-items: center;}
footer ul .material-symbols-outlined {font-size: 16px;}

.owl-carousel .owl-item img {height: auto;}
.contenedor-noticia img, .contenedor-noticia iframe {height: auto;}
.caja-post img {width: 100%; height: auto;}
.wp-block-image picture source {    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;}

.grecaptcha-badge {visibility: hidden !important;}