@charset "utf-8";

/* *****************************************************************
Theme Name: Prensa La Araucana 
Theme URI: https://prensa.laaraucana.cl/
Description: Theme para la web de prensa La Araucana, esta construido en bootstrap 5.1.3, con una base para Elementor y algunos plugins, ver el panel de control para más detalles.
Author: Animal Creativo
Author URI: http://www.animalcreativo.cl
Version: 2023-12-28
****************************************************************** */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800;900&display=swap');
html { scroll-behavior: smooth; }
a { transition: all 0.3s ease; text-decoration: none; }
a:hover, a:focus { transition: all 0.3s ease; text-decoration: none; }
body { display: flex; min-height: 100vh; flex-direction: column; position: relative; font-family: 'Open Sans';/* margin-top: 97px; */ }
section#contenido { flex: 1; margin: 0; overflow: hidden; }
a.btn { border-radius: 0px; border: none; }
.ancla-cont { position: absolute; width: 15px; height: 115px; z-index: 90; margin-top: -115px; }
section.piso { margin-bottom: 90px; position: relative; }
@media (max-width:768px) {
	img { width: 100%; }
}

/* header */
@media (min-width:1200px) {
	.container { max-width: 1280px; }
}
.header-logo { padding: 20px 0px; box-shadow: 0px -10px 30px 0px #000000; z-index: 2; position: relative; display: none; }
.header-logo img { max-width: 200px; }
header { position: relative; width: 100%; top: 0; background-color: #fff; padding: 13px 0px; box-shadow: 0px -10px 16px 0px #000000; z-index: 3; transition: .3s ease; }
header a.navbar-brand { max-width: 200px; width: 100%; height: auto; }
header nav.navbar { padding: 0px; }
header ul.navbar-nav { position: relative; padding-left: 40px; }
header ul.navbar-nav li.nav-item { display: table; text-align: center; height: 65px; font-family: 'Open Sans', sans-serif; font-weight: 600; margin: 0px 15px; }
header ul.navbar-nav li.nav-item .vertical { display: table-cell; vertical-align: middle; height: 100%; }
header ul.navbar-nav li.nav-item .vertical a.nav-link { color: #004a98; line-height: 18px; font-size: 16px; }
header ul.navbar-nav li.nav-item .vertical a.nav-link:hover { color: #000; }
section#banner_sup { background-color: #f4f4f4; margin-bottom: 90px; }
header ul.navbar-nav li.nav-item .vertical.active a.nav-link.btn-menu-telemedicina { color: #7AB51D; }
header ul.navbar-nav li.nav-item .vertical.active a.nav-link.btn-menu-planmedicamentos { color: #ff4131; }
header ul.navbar-nav li.nav-item .vertical.active a.nav-link.btn-menu-urgenciasdentales { color: #7AB51D; }
header ul.navbar-nav li.nav-item .vertical.active a.nav-link.btn-menu-cajadealimentos { color: #005193; }
header ul.navbar-nav li.nav-item .vertical.active a.nav-link.btn-menu-gasco { color: #00A6DA; }
header ul.navbar-nav li.nav-item .vertical.active a.nav-link.btn-menu-entel { color: #005193; }
header ul.navbar-nav li.nav-item .vertical.active a.nav-link.btn-menu-urgenciasambulatorias { color: #7AB51D; }
header ul.navbar-nav li.nav-item .vertical.active a.nav-link.btn-menu-despachomedicamentos { color: #ff4131; }
header ul.navbar-nav li.nav-item .vertical.active a.nav-link.btn-menu-spotify { color: #76ac49; }
header.active { top: 0px; }
button.navbar-toggler.collapsed { color: #004a98; }
button.navbar-toggler { color: #022a54; outline: none; }
@media (max-width:768px) {
	body { margin-top: 0px; }
	header a.navbar-brand { max-width: 144px; }
	header { padding: 10px 0px; }
	.header ul.navbar-nav { padding-left: 0px; }
}

/* footer */
footer { background-color: #e5edf4; padding: 45px 0px; }
footer .footer-top { margin-bottom: 30px; }
footer .footer-top a { color: #005291; }
footer .footer-top .center { text-align: center; }
footer .footer-top .right { text-align: right; }
footer .legales { max-width: 758px; }
footer ul { font-family: 'Open Sans'; font-size: 13px; color: rgb(0, 82, 148) !important; padding: 0px; padding-left: 20px; margin-bottom: 0px; }
footer div#accordion { }
footer div#accordion .card { background-color: transparent; border: 0px; }
footer div#accordion .card .card-header { background-color: transparent; border: 0px; padding: 0px; font-family: 'Open Sans'; }
footer div#accordion .card .card-header button { width: 100%; text-align: left; text-decoration: none; color: rgb(0, 82, 148) !important; padding: 0px; margin-left: -1px; }
footer div#accordion .card .card-header button h5 { font-size: 13px; }
footer div#accordion .card-body { font-family: 'Open Sans'; font-size: 13px; color: rgb(0, 82, 148) !important; }
footer .footer-wrapper { display: flex; justify-content: space-between; }
footer .footer-wrapper .logo { }
footer .footer-wrapper .logo figure { max-width: 176px; margin: 0; }
footer .footer-wrapper .logo figure img { height: auto; width: 176px; }
footer .legales ul { list-style: none; text-align: right; color: #666666; }
footer .legales ul li { color: #666666; }
footer .legales ul li a { }
@media (max-width:768px) {
	footer .footer-top .left { text-align: center; margin-bottom: 10px; }
	footer .footer-top .center { margin-bottom: 10px; }
	footer .footer-top .right { text-align: center; }
	footer .footer-wrapper { flex-direction: column; justify-content: center; align-items: center; }
	footer .footer-wrapper .logo figure { max-width: 110px; }
	footer { padding: 25px 0px; padding-bottom: 50px; }
	footer .footer-wrapper .logo { margin-bottom: 30px; }
	footer .legales ul { text-align: center; padding-left: 0; }
	footer .legales ul li { margin-bottom: 15px; }
	footer .legales ul li:last-child { margin-bottom: 0; }
	footer .legales ul li span { display: block; }
	footer .footer-wrapper .logo figure img { width: 110px; }
}
.banner-principal { }
.banner-principal .banner { }
.banner-principal .banner img { width: 100%; height: auto; }
.banner-principal .banner.desktop { display: block; }
.banner-principal .banner.mobile { display: none; }
@media (max-width:768px) {
	.banner-principal .banner.desktop { display: none; }
	.banner-principal .banner.mobile { display: block; }
}
.bajada-banner { padding: 45px 0px; }
.contenedor { max-width: 1060px; margin: 0 auto; }
.bajada-banner p { color: #626B79; font-size: 18px; }
@media (max-width:768px) {
	.bajada-banner p { font-size: 16px; }
	.bajada-banner { padding: 30px 0px; }
}
.titular-seccion { margin-bottom: 40px; }
.titular-seccion h2 { color: #00539B; font-size: 32px; font-weight: bold; text-align: center; margin: 0; }
.titular-seccion h2::after { content: ''; width: 40px; height: 6px; display: block; background-color: #FFA500; border-radius: 30px; margin: 0 auto; margin-top: 15px; }
@media (max-width:768px) {
	.titular-seccion h2 { font-size: 28px; }
}
.selectores-filtro { display: flex; align-items: center; justify-content: center; gap: 20px; max-width: 636px; margin: 0 auto; margin-top: 30px; }
.selectores-filtro select { width: 50%; height: 43px; border: 1px solid #164089; border-radius: 90px; font-size: 14px; color: #707070; padding: 0px 30px; padding-right: 50px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; background-color: #fff; background-image: url(img/arrow.svg); background-repeat: no-repeat; background-position-y: center; background-position-x: calc(100% - 15px); }
@media (max-width:768px) {
	.selectores-filtro { gap: 0; flex-direction: column; max-width: 312px; }
	.selectores-filtro select { width: 100%; margin-bottom: 15px; }
	.selectores-filtro select:last-child { margin: 0; }
}
.calugas-galerias { display: flex; flex-wrap: wrap; }
.calugas-galerias .item { width: calc(33.33%); padding: 15px 10px; display: flex; }
.calugas-galerias .item .wrapper-item { background-color: #fff; box-shadow: 0px 0px 10px 0px #00000040; border-radius: 15px; overflow: hidden; display: flex; flex-direction: column; flex: 1; }
.calugas-galerias .item .wrapper-item .imagen { position: relative; }
.calugas-galerias .item .wrapper-item .imagen figure { margin: 0; padding-top: 68%; background-size: cover; background-position: center; }
.calugas-galerias .item .wrapper-item .imagen .region { position: absolute; bottom: 0; left: 0; right: 0; background-color: #00539B; color: #fff; font-size: 14px; font-weight: bold; padding: 7px 20px; }
.calugas-galerias .item .wrapper-item .informacion { padding: 10px 20px; padding-bottom: 30px; flex: 1; }
.calugas-galerias .item .wrapper-item .informacion .fecha { color: #0A539B; font-size: 14px; }
.calugas-galerias .item .wrapper-item .informacion h4 { color: #0A539B; font-size: 18px; font-weight: bold; margin-bottom: 15px; }
.calugas-galerias .item .wrapper-item .informacion p { color: #626B79; margin: 0; font-size: 14px; }
.calugas-galerias .item .wrapper-item .boton { padding: 20px 20px; padding-top: 0; display: flex; justify-content: end; }
.calugas-galerias .item .wrapper-item .boton a { color: #0A539B; font-size: 16px; display: inline-flex; border-radius: 4px; border: 1px solid #1C4B92; padding: 6px 20px; }
.calugas-galerias .item .wrapper-item .imagen::before { content: ''; display: block; position: absolute; top: 20%; left: 0; right: 0; bottom: 0; background: rgb(42, 60, 61); background: -moz-linear-gradient(0deg, rgba(42, 60, 61, 1) 0%, rgba(38, 56, 57, 0) 100%); background: -webkit-linear-gradient(0deg, rgba(42, 60, 61, 1) 0%, rgba(38, 56, 57, 0) 100%); background: linear-gradient(0deg, rgba(42, 60, 61, 1) 0%, rgba(38, 56, 57, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2a3c3d", endColorstr="#263839", GradientType=1); opacity: 0.7; }
.calugas-galerias .item .wrapper-item .boton a:hover { color: #fff; background-color: #1C4B92; }
@media (max-width:991px) {
	.calugas-galerias .item { width: 50%; }
}
@media (max-width:768px) {
	.calugas-galerias .item { width: 100%; }
}
.cargar-mas { padding: 30px 0px; padding-bottom: 85px; text-align: center; }
.cargar-mas a { color: #0A539B; font-size: 16px; display: inline-flex; border-radius: 4px; border: 1px solid #1C4B92; padding: 6px 20px; }
.cargar-mas a:hover { background-color: #1C4B92; color: #fff; }
.breadcrumb { margin: 0; display: flex; align-items: center; background-color: #00539B; padding: 15px 0px; }
.breadcrumb p { margin: 0; font-family: 'Open Sans', sans-serif; color: #fff; font-size: 18px; }
.breadcrumb p strong { }
@media (max-width:768px) {
	.breadcrumb p strong { display: block; }
	.breadcrumb p { text-align: center; }
	.breadcrumb { padding: 7px 0px; }
}
.single-content { padding-top: 45px; position: relative; }
.single-content .top { display: flex; gap: 40px; margin-bottom: 50px; }
.single-content .top .left { width: 55%; }
.single-content .top .left .imagen-single { }
.single-content .top .left .paginador { background-color: #33333366; position: absolute; bottom: 10px; left: 15px; color: #fff; font-size: 16px; padding: 5px 11px; border-radius: 4px; }
.single-content .top .left .imagen-single .item { }
.single-content .top .left .imagen-single .item figure { margin: 0; }
.single-content .top .left .imagen-single .item figure img { max-width: 100%; height: auto; width: 100%; }
.single-content .top .right { padding-right: 35px; width: 45%; display: flex; align-items: center; justify-content: center; }
.single-content .top .right .content { width: 100%; }
.single-content .top .right .content .fecha { color: #0A539B; font-size: 16px; margin-bottom: 15px; }
.single-content .top .right .content .textos { }
.single-content .top .right .content .textos h2 { color: #0A539B; font-weight: bold; font-size: 22px; }
.single-content .top .right .content .textos p { color: #626B79; font-size: 16px; }
.single-content .top .right .content .textos h2::after { content: ''; width: 40px; height: 6px; display: block; background-color: #FFA500; border-radius: 30px; margin-top: 15px; margin-bottom: 25px; }
.single-content .top .right .content .botones-galeria { margin-top: 45px; }
.single-content .top .right .content .botones-galeria .item { }
.single-content .top .right .content .botones-galeria .item a { color: #0A539B; font-size: 16px; display: inline-flex; border-radius: 4px; border: 1px solid #1C4B92; padding: 12px 20px; margin: 5px 15px; margin-left: 0; }
.single-content .top .right .content .botones-galeria .item a figure { margin: 0; margin-left: 10px; }
.single-content .top .right .content .botones-galeria .item a figure svg { }
.single-content .top .right .content .botones-galeria .item a figure svg path { }
.single-content .bottom { }
.single-content .bottom .carrusel-paginador { position: relative; padding: 0px 30px; }
.single-content .bottom .carrusel-paginador .item { padding: 0px 7px; }
.single-content .bottom .carrusel-paginador .item figure { padding-top: 67%; margin: 0; background-size: cover; background-position: center; position: relative; cursor: pointer; }
.single-content .boton-bottom { text-align: center; margin: 40px 0px; margin-top: 0; }
.single-content .boton-bottom a { display: inline-flex; color: #1C4B92; font-size: 16px; border-radius: 4px; border: 1px solid #1C4B92; padding: 12px 35px; background-color: transparent; align-items: center; }
.single-content .boton-bottom a figure { margin: 0; margin-left: 10px; }
.single-content .boton-bottom a svg { margin-right: 10px; }
.single-content .boton-bottom a figure svg path { }
.single-content .top .left .wrapper-image { position: relative; }
.single-content .bottom .carrusel-paginador .item figure::before { content: ''; display: block; position: absolute; top: 0; left: 0px; right: 0px; bottom: 0; border: 4px solid #FFA500; opacity: 0; z-index: 2; }
.single-content .bottom .carrusel-paginador .item:hover figure::before { opacity: 1; }
.single-content .bottom .container { padding: 0; }
.single-content .bottom .carrusel-paginador .item.slick-current::before { opacity: 1; }
.single-content .bottom .carrusel-paginador .item.slick-current figure::before { opacity: 1; }
.single-content .bottom .carrusel-paginador button.slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); background-color: transparent; border: 0; outline: none; cursor: pointer; padding: 7px; z-index: 1; }
.single-content .bottom .carrusel-paginador button.left { left: 0; }
.single-content .bottom .carrusel-paginador button.right { right: 0; }
.single-content .top .right .content .botones-galeria .item a:hover { background-color: #0A539B; color: #fff; }
.single-content .bottom .carrusel-paginador button.slick-arrow.slick-disabled { opacity: 0.3; }
.single-content .boton-bottom a:hover { background-color: #08315a; color: #fff; }
.single-content::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 190px; background-color: #F8F8F8; }
.single-content .container { position: relative; }
.single-content .bottom .carrusel-paginador .item figure::after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; background-color: #000; z-index: 1; width: 100%; height: 100%; opacity: 0.3; }
.single-content .bottom .carrusel-paginador .item.slick-current figure::after { opacity: 0; }
@media (max-width:991px) {
	.single-content .top .right { display: none; }
	.single-content .top .left { width: 100%; }
	.single-content::before { display: none; }
	.single-content .top { margin-bottom: 20px; }
}
@media (max-width:575px) {
	.single-content .bottom .carrusel-paginador { padding: 0; }
	.single-content .bottom .carrusel-paginador .slick-list { padding-left: 0 !important; }
}
.single-content .content-mobile { display: none; }
@media (max-width:991px) {
	.single-content .content-mobile { display: block; }
	.single-content .content-mobile .content { }
	.single-content .content-mobile .content .botones-galeria { margin-top: 20px; margin-bottom: 45px; }
	.single-content .content-mobile .content .botones-galeria .item { display: flex; flex-wrap: wrap; margin-left: 0px; margin-right: -4px; justify-content: center; }
	.single-content .content-mobile .content .botones-galeria .item a { display: flex; width: calc(50% - 10px); color: #0A539B; border: 1px solid #0A539B; align-items: center; justify-content: center; border-radius: 4px; padding: 15px 5px; margin: 5px; min-width: 195px; }
	.single-content .content-mobile .content .botones-galeria .item a figure { margin: 0; margin-left: 10px; }
	.single-content .content-mobile .content .botones-galeria .item a figure svg { }
	.single-content .content-mobile .content .fecha { color: #0A539B; font-size: 16px; margin-bottom: 15px; }
	.single-content .content-mobile .content .textos { }
	.single-content .content-mobile .content .textos h2 { color: #0A539B; font-size: 22px; font-weight: bold; margin-bottom: 0; }
	.single-content .content-mobile .content .textos p { color: #626B79; font-size: 16px; }
	.single-content .content-mobile .content .textos h2:after { content: ''; width: 40px; height: 6px; background-color: #FFA500; display: block; border-radius: 30px; margin-top: 15px; margin-bottom: 30px; }
}
.piso-galerias.single { margin-top: 80px; margin-bottom: 75px; }
.compartir-rrss { }
.compartir-rrss .wrapper-comp { display: flex; align-items: center; justify-content: flex-end; margin-right: 30px; margin-top: 15px; font-family: Open sans, sans-serif; font-weight: bold; color: #094d8f; font-size: 14px; }
.compartir-rrss .wrapper-comp .wrapper-plugin { margin-left: 6px; }
.compartir-rrss .wrapper-comp .wrapper-plugin a.a2a_dd.addtoany_no_icon.addtoany_share_save.addtoany_share { display: none; }
.compartir-rrss .wrapper-comp .wrapper-plugin span.a2a_svg.a2a_s__default { border-radius: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.addtoany_list.a2a_kit_size_32 a svg { max-width: 22px; }
@media (max-width:575px) {
	.compartir-rrss .wrapper-comp { margin-right: 0; }
}
@media (max-width:991px) {
	.single-content .boton-bottom { margin-top: 40px; }
}
.last-footer { background-color: #004A93; font-family: Open sans, sans-serif; padding: 15px 0px; }
.last-footer .wrapper { display: flex; align-items: center; justify-content: space-between; }
.last-footer .wrapper .web { }
.last-footer .wrapper .web a { color: #fff; font-size: 16px; font-weight: bold; }
.last-footer .wrapper .rrss { }
.last-footer .wrapper .rrss .wrapper-rrss { color: #fff; font-weight: bold; font-size: 12px; display: flex; align-items: center; justify-content: center; }
.last-footer .wrapper .rrss .wrapper-rrss a { color: #fff; font-size: 16px; display: inline-flex; align-items: center; justify-content: center; margin-right: 5px; margin-left: 5px; }
.last-footer .wrapper .rrss .wrapper-rrss a svg { }
.last-footer .wrapper .tel { }
.last-footer .wrapper .tel a { color: #fff; font-weight: bold; font-size: 18px; }
.last-footer .wrapper .tel a svg { font-size: 14px; }
.last-footer .wrapper .rrss .wrapper-rrss span { width: 1px; height: 20px; background-color: #fff; rotate: 22deg; margin: 0px 3px; }
@media (max-width:768px) {
	.last-footer .wrapper { flex-direction: column; }
	.last-footer .wrapper .web { margin-bottom: 10px; }
	.last-footer .wrapper .tel { margin-top: 10px; }
}
