/*
Theme Name: Pousta 2023
Theme URI: https://pousta.com
Author: Lupo
Author URI: https://lupo.cl
Description:
Version: 2024.04.08
Tested up to: 6.2
Requires PHP: 5.6
License: MIT License
License URI: 
Text Domain: pousta2023
Tags: featured-images, threaded-comments, translation-ready

*/

/* 
All style editing is done via scss/_bscore_custom.scss
*/

.bbott { border-bottom:2px solid #000; padding:14px 0 26px 0; }
#page { height:auto !important; }
#barratop { width:100%; height:1px; position:relative; margin-top:-1px; background:#111; }


/************ BASICOS ***********/
* { font-family:'Inter'; }

.hv-60 { min-height:60vh; }
.h-65 { height:76vh; }

.h-45 { height:45%; }
.h-60 { height:60%; }

img.icono {
	max-width:1.3rem;
	max-height:1.3rem;
	vertical-align:top;
	position:relative;
	top:0.2rem;
	margin-right:0.2rem;
}
#home-original img.icono {
	max-width:1.4rem;
	max-height:1.4rem;
}
.archivo-imagen {
	background-size:contain;
	background-position:center center;
	background-image:url(img/imagen-pousta.jpg);
	background-repeat:no-repeat;
}
.btnfix-col3, .btnfix-col4, .btnfix-100 {
	background-size:cover;
	position:relative;
	overflow:hidden;
	display:block;
	background-position:center center;
}
.btnfix-col3 { height:14.5rem; }
.btnfix-col4 { height:16rem; }
.btnfix-100 { height:100%; }
.home-titulo {
	font-size:1.25rem;
	padding-bottom:0.6rem;
	letter-spacing:-0.01rem;
}
.card {
	border:none;
	background:transparent;
	border-radius:0;
}
.card a {
	text-decoration:none;
	color:#000;
}
.card-title {
	font-size:1.5rem;
	line-height:1.35;
}
.card-date > span {
	font-size:0.75rem;
	padding-right:0.3rem;
	letter-spacing:0.08rem;
}
.card-body { padding:0; }

.py-45, .pt-45 { padding-top:2.5rem !important; }
.py-6, .pt-6 { padding-top:3.5rem !important; }
.py-7, .pt-7 { padding-top:4rem !important; }
.py-8, .pt-8 { padding-top:4.5rem !important; }
.py-9, .pt-9 { padding-top:5rem !important; }

.py-45, .pb-45 { padding-bottom:2.5rem !important; }
.py-6, .pb-6 { padding-bottom:3.5rem !important; }
.py-7, .pb-7 { padding-bottom:4rem !important; }
.py-8, .pb-8 { padding-bottom:4.5rem !important; }
.py-9, .pb-9 { padding-bottom:5rem !important; }

.my-45, .mt-45 { margin-top:2.5rem !important; }
.my-6, .mt-6 { margin-top:3.5rem !important; }
.my-7, .mt-7 { margin-top:4rem !important; }
.my-8, .mt-8 { margin-top:4.5rem !important; }
.my-9, .mt-9 { margin-top:5rem !important; }

.my-45, .mb-45 { margin-bottom:2.5rem !important; }
.my-6, .mb-6 { margin-bottom:3.5rem !important; }
.my-7, .mb-7 { margin-bottom:4rem !important; }
.my-8, .mb-8 { margin-bottom:4.5rem !important; }
.my-9, .mb-9 { margin-bottom:5rem !important; }

.border-b1 { border-bottom:1px solid #000 !important; }
.border-t1 { border-top:1px solid #000 !important; }

.content-black * {
	color:#FFF !important;
	border-color:#FFF !important;
}
.content-white * {
	color:#000 !important;
	border-color:#000 !important;
}
.badge {
	border-radius:1rem;
	border:1px solid #000;
	margin-right:0.5rem;
	margin-bottom:0.5rem;
	padding:0.25rem 0.5rem;
	font-size:0.75rem;
	font-weight:500;
	letter-spacing:0.08rem;
	text-transform:uppercase;
	background:transparent !important;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
		 -o-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}
.badge:last-child { margin-right:0; }
.badge:hover, .content-white .badge:hover {
	color:#FFF !important;
	background:#000 !important;
}
.content-black .badge:hover {
	color:#000 !important;
	background:#FFF !important;
}
span.byline, span.byline *, .postdate, .postautor {
	font-size:0.75rem;
	letter-spacing:0.08rem;
}
.btn-border-full {
	border:1px solid #000;
	width:100%;
	display:block;
	padding:1rem;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	/*
	font-size:0.9rem;
	letter-spacing:0.05rem;
	*/
	font-size:0.75rem;
	letter-spacing:0.08rem;
	color:#FFF;
	background:#000;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
		 -o-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}
.btn-border-full:hover {
	color:#000;
	background:#FFF;
}
a img { display:block; width:100% !important; height:auto !important; }



/***** Home *****/
#banner-home-full {
	background-size:cover;
	background-position:center center;
}
#banner-home-full .align-items-end p { margin-bottom:0; }
#banner-home-full .card-title {
	font-size:2.3rem;
	line-height:1.25;
}
#banner-home-full .card-text { font-family:'PP Neue Montreal'; }
#home-reciente .card-text { font-family:'PP Neue Montreal'; }
#home-reciente .card-title { margin-bottom:1rem; }

#home-original .card-title { font-size:2.1rem; }
#home-original .card-text { font-family:'PP Neue Montreal'; }

#home-spotlight .text-end > a {
	color:#000;
	font-size:1.25rem;
	text-decoration:none;
	border-bottom:1px solid #000;
}
#home-opinion .card-text {
	font-size:0.75rem;
	letter-spacing:0.08rem;
}



/***** Header *****/
#header {
	position:absolute;
	z-index:9;
	width:100%;
	left:0;
	top:0;
}
#header.bannertop { top:307px; }
.home #header { top:0; }
.header-espacio { height:8rem; }
#header.fixed {
	position:fixed;
	top:0;
	border-bottom:1px solid #000;
}
#header.fixed.content-white {
	background:#f1f1f3;
}
#header.fixed.content-black {
	background:#111;
	border-bottom:1px solid #111;
}
#header.fixed > .header-content > .header-top { margin-bottom:0 !important; }
#header.fixed > .header-content > .header-top::after { display:none; }
#header.fixed > .header-content > .header-bottom { display:none; }
.pk-scroll-to-top {
	display:none;
	text-decoration:none;
}
.pk-share-buttons-wrap.pk-share-buttons-layout-default.pk-share-buttons-scheme-default.pk-share-buttons-has-counts.pk-share-buttons-has-total-counts.pk-share-buttons-after-content {
	display:none !important;
}

.portada-banner {
	height:100vh;
	background-size:cover;
	position:relative;
	background-position:center center;
}
.portada-banner-overlay, .portada-banner-overanima {
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background-size:100% 100%;
}
.header-top, .header-bottom, .portada-fix-bottom {
	position:relative;
	width:100%;
	padding-left:5%;
	padding-right:5%;
}
.header-top::after {
	content:"";
	width:100%;
	display:block;
	position:relative;
	bottom:-1.5rem;
	border-bottom:1px solid #FFF;
}
.content-white > .header-content > .header-top::after { border-bottom-color:#000; }
.header-btn-menu, .header-btn-search {
	position:relative;
	width:29px;
	height:29px;
	display:inline-block;
}
.header-btn-menu img, .header-btn-search img {
	max-width:29px;
	max-height:29px;
}
.header-btn-search .off, .header-btn-menu .off { display:none; }
.header-logo img {
	margin:auto;
	width:130px !important;
}
.header-bottom .text-start a {
	text-decoration:none;
	margin-right:2.5rem;
	font-size:0.75rem;
	letter-spacing:0.18rem;
	text-transform:uppercase;
}
.header-bottom .text-start a:hover { text-decoration:underline; }
.header-bottom .text-start a:last-child { margin-right:0 !important; }
.header-bottom .text-end a {
	text-decoration:none;
	margin-left:1.5rem;
	display:inline-block;
}
.header-bottom .text-end a:first-child { margin-left:0; }
.header-bottom .text-end a img {
	max-width:0.9rem;
	max-height:0.9rem;
}
.header-menu {
	position:fixed;
	top:0;
	left:0;
	display:none;
	overflow:auto;
	background:#111;
	width:100%;
	height:100vh;
	z-index:9;
}
.header-menu-content {
	width:60%;
	min-width:840px;
	margin:auto;
	padding-top:4.5rem;
}
.header-menu-content a {
	display:block;
	margin-bottom:0.5rem;
	text-decoration:none;
	font-family:'PP Neue Montreal';
}
.header-menu .header-menu-content a {
	color:#FFF !important;
	word-break:normal;
	font-size:0.95rem;
}
.header-menu .header-bottom .text-start a { color:#FFF !important; }
.header-menu-content a:hover { text-decoration:underline; }
.header-content { position:relative; }
.portada-fix-bottom {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding-bottom:5rem;
}
.espacio {
	display:inline-block;
	width:0.6rem;
}
.portada-fix-bottom p a { text-decoration:none; }
.portada-fix-bottom a.text-uppercase {
	font-size:2.8rem;
	text-decoration:none;
	line-height:1.2;
}
.header-titulo {
	color:#676767 !important;
	font-family:'PP Neue Montreal';
	font-weight:bold;
}
.header-menu-search { padding-top:11rem; }
.header-search-titulo {
	font-size:2.4rem;
	color:#FFF !important;
}
.header-menu-search form { position:relative; }
.header-menu-search form input {
	width:100%;
	background:transparent;
	border:none;
	border-bottom:1px solid #FFF !important;
	color:#FFF !important;
	text-transform:uppercase;
	padding:0.6rem 0;
}
.header-menu-search form button {
	position:absolute;
	top:0;
	right:0;
	background:transparent;
	border:none;
}
.header-menu-search form button img {
	width:2rem !important;
	height:2rem !important;
}
.header-menu-search form label {
	display:block;
	font-family:'PP Neue Montreal';
	color:#FFF !important;
}
.searchwp-live-search-results { position:fixed !important; }
.searchwp-live-search-result p a {
	color:#000;
	text-decoration:none;
}


/***** Footer *****/
#footer { background:#2B2B2B; }
#footer * { color:#FFF; }
#footer .footer-titulo {
	color:#676767;
	font-size:0.75rem;
	letter-spacing:0.05rem;
	text-transform:uppercase;
}
#footer p {
	font-family:'PP Neue Montreal';
	font-size:0.95rem;
}
#footer a {
	display:block;
	text-decoration:none;
	font-family:'PP Neue Montreal';
	font-size:0.95rem;
}
#footer a:hover { text-decoration:underline; }
#footer .footer-legal {
	color:#676767;
	font-size:0.9rem;
	font-family:'PP Neue Montreal';
}
.footer-logo {
	display:block;
	width:125px;
}
.footer-separa {
	display:block;
	width:1.5rem;
	border-bottom:1px solid #FFF;
	margin-bottom:1rem;
	padding-bottom:1rem;
}
.code-block * img {
	width:auto !important;
	margin:auto !important;
}
.code-block-banner-footer { margin:1.5rem 0 !important; }



/***** ARCHIVE *****/
#archive .page-header { border-bottom:1px solid #000; }
.page-header h1 {
	text-transform:uppercase;
	font-size:3.3rem;
}
#archive .card { border-bottom:1px solid #000; }
#archive .card-title { display:block; }
#archive .card-text { font-family:'PP Neue Montreal'; }



/***** POST *****/
.entry-barra { border-bottom:1px solid #000; }
.entry-content {
	position:relative;
	overflow:hidden;
}
.entry-content .is-type-video iframe {
	width:100% !important;
	max-width:100% !important;
	height:34rem !important;
}
.entry-content img {
	width:100% !important;
	height:auto !important;
}



/***** NOT FOUND *****/
#page-404 .btn-border-full {
	width:50%;
	margin:auto;
}
#page-404 h1 { font-size:4.4rem; }



/***** DOS COLS *****/
.dos-cols .wp-block-image.size-full img { width:100% !important; }
.dos-cols p {
	font-family:'PP Neue Montreal';
	margin-bottom:1.5rem !important;
}
.dos-cols p > strong { font-family:'PP Neue Montreal'; }
.dos-cols .wp-block-heading {
	text-transform:uppercase;
	margin-top:4.5rem;
}
.dos-cols .wp-block-heading:first-child {
	margin-top:0;
}
#page-nosotros .wp-block-image.size-large { margin-top:4.5rem; }
#page-nosotros .wp-block-image.size-large:first-child { margin-top:0; }
#page-privacidad h4 img.icono { margin-right:0.5rem; }
#page-privacidad { margin-bottom:5rem; }



/***** CONTACTO *****/
#page-contacto .page-content > p {
	font-family:'PP Neue Montreal';
	margin-bottom:4rem;
}
#page-contacto .page-content > p a {
	color:#000;
	font-family:'PP Neue Montreal';
}
#page-contacto .page-content > p a:hover { text-decoration:none; }
#page-contacto .page-content > p:first-child { margin-bottom:2rem; }
#page-contacto .page-content .col-lg-3 h4 {
	border-top:1px solid #000;
	padding-top:1.5rem;
	margin-bottom:1.5rem;
	text-transform:uppercase;
}
#page-contacto .page-content .col-lg-3 h5 {
	font-size:0.8rem;
	margin-bottom:1.5rem;
	text-transform:uppercase;
}
#page-contacto .page-content .col-lg-3 p {
	font-family:'PP Neue Montreal';
	font-size:0.8rem;
}
#page-contacto .page-content .col-lg-3 p a {
	font-family:'PP Neue Montreal';
	color:#000;
}
#page-contacto .page-content .col-lg-3 p a:hover { text-decoration:none; }


/* Anuario */
#anuario * a {
	color:#000;
	text-decoration:none;
	font-family:'PP Neue Montreal';
}
#anuario * a:hover { text-decoration:underline; }
#anuario h4::before {
	content:url('icons/icono-actualidad.svg');
	display:inline-block;
	width:1.3rem;
	height:1.3rem;
	margin-right:1rem;
}
#anuario ul {
	list-style:none;
	padding-left:2.2rem;
}
#anuario ul li { margin-bottom:0.5rem; }


/* Newsletter */
#newsletter .wp-block-group { padding:2rem !important; }
#newsletter .wp-block-heading { margin-bottom:1rem; }
#newsletter .pk-input-group {
	flex-direction:unset !important;
	flex-wrap:wrap;
}
#newsletter .form-control {
	width:39.99% !important;
	margin-top:0 !important;
	border-radius:0 !important;
	font-family:'PP Neue Montreal';
}
#newsletter .pk-subscribe-submit {
	font-family:'PP Neue Montreal';
	width:19.99% !important;
	margin-top:0 !important;
	border-color:#000;
	background:#000;
	color:#FFF;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
		 -o-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}
#newsletter .pk-subscribe-submit:hover {
	background:#FFF;
	color:#000;
}

.single .entry-content * { font-family:'PP Neue Montreal'; }
.single .entry-content h1, .single .entry-content h2, .single .entry-content h3, .single .entry-content h4, .single .entry-content h5, .single .entry-content h6 {
	font-family:'Inter';
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:1rem;
}
.single .entry-content img, .single .entry-content iframe { margin:1rem 0 !important; }
.single .entry-content blockquote.instagram-media { margin:1rem 0 2rem !important; }
.single .entry-content a { color:#000; }
.single .entry-content a:hover, .single .entry-content a:hover span { text-decoration:none; }
.single .entry-footer * {
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.75rem;
	letter-spacing:0.05rem;
	color:#000;
}
.single .entry-footer a:hover { text-decoration:none; }
.single .entry-header {
	padding:2rem;
	background:#F0F0F0;
	display:flex;
	justify-content:space-between;
}
.single .entry-header-content { width:50%; }
.single .entry-header-content p, .single .entry-header-content p * {
	font-size:0.9rem;
	font-family:'PP Neue Montreal';
}
.single .entry-header-content p:last-child { margin-bottom:0; }
.single .entry-header-image { width:35%; }
.single .entry-header-image img { width:100% !important; }


.code-block-banner-header > div { background:#1a1a1a !important; }
.code-block-banner-header { margin-bottom:8rem; }
.home .code-block-banner-header, .single .code-block-banner-header { margin-bottom:0; }
.code-block-banner-header * > img { height:247px !important; }
.page .entry-header { margin-bottom:3rem; }
.page .entry-header h1 {
	text-transform: uppercase;
	font-size: 3.3rem;
}
.page .entry-content p, .page .page-content p { font-family:'PP Neue Montreal'; }
.page .entry-content p a, .page .page-content p a { color:#000; }
.page .entry-content h3, #newsletter .wp-block-heading { text-transform:uppercase; }
.page .entry-content p a:hover, .page .page-content p a:hover { text-decoration:none; }
.pk-subscribe-data label { font-family:'PP Neue Montreal'; }
.cnvs-block-tabs.cnvs-block-tabs-vertical .cnvs-block-tabs-buttons .cnvs-block-tabs-button a { font-family:'PP Neue Montreal'; }


.position-sticky div { background:transparent !important; }
.position-sticky div > a { display:block; }
.position-sticky div > a > img { display:block; margin:auto; }
.canvas-content { padding:3rem 0; }
.portada-fix-bottom .postdate { padding-right:0.9rem; }
#banner-home-desktop, #banner-side-desktop {
	display:block !important;
	position:sticky;
	top:10px;
	height:fit-content;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
		 -o-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}
#banner-home-desktop div, #banner-side-desktop div { margin-top:0 !important; }
#banner-home-desktop.fixed, #banner-side-desktop.fixed { top:90px; }


/**************************************************************************
					TABLET BIG
**************************************************************************/
@media (max-width: 1310px) {
	.header-bottom .text-start a { margin-right:1rem; }
}



/**************************************************************************
					TABLET
**************************************************************************/
@media (max-width: 991px) {
	.header-bottom { display:none; }
	.header-top::after { display:none; }
	.header-menu .header-top { border-bottom:1px solid #FFF !important; }
	.header-menu-content {
		width:80%;
		min-width:auto;
		padding-top:1.5rem;
	}
	#header.content-black { background:#111; border-bottom:1px solid #111; }
	#header.content-white { background:#f1f1f3; border-bottom:1px solid #000; }
	.portada-banner { height:95vh; }
	.portada-banner > .header-top { position:relative; }
	#banner-home-full .hv-60 { min-height:113vw; }
	.portada-fix-bottom { padding-bottom:4rem; }

	/* Home */
	.home .content-black .header-content > .header-top, .single .content-black .header-content > .header-top { background:#111; }
	.home .content-white .header-content > .header-top, .single .content-white .header-content > .header-top { background:#f1f1f3; }
	.home .header-content > .header-top { border-bottom:none; }
	.entry-content .is-type-video iframe { height:45vw !important; }
	/*
	.entry-content iframe.instagram-media { height:630px !important; }
	.entry-content iframe.spotify-media { height:550px !important; }
	*/
	.code-block-banner-header > div { height:calc(24vw + 60px); }
	#header.bannertop { top:calc(23.9vw + 60px); }
	.home #header { top:0; }
	.card .btnfix-100 {
		height:52vw;
		margin-bottom:1.5rem;
	}
	.code-block-banner-header * > img { height:auto !important; }
	
	
	.position-sticky div { background:#F3F3F5 !important; }
	.position-sticky div > a { padding:5vw; }
}



/**************************************************************************
					MOBILE GRANDE
**************************************************************************/
@media (max-width: 767px) {
	#home-actualidad .btnfix-col4 { height:52vw; }
	#home-actualidad .card { margin-bottom:9vw; }
	#home-actualidad > div:last-child .card { margin-bottom:0; }
	#home-original .home-titulo { padding-bottom:2rem; }
	#home-original .card-title { font-size:1.5rem; }
	#home-original { margin-bottom:3.5rem; }
	#home-orig-opin { padding-bottom:0 !important; }
	#banner-home-full .align-items-end { display:none !important; }
	#banner-home-full .card-date { text-align:center; }
	#banner-home-full .card-title {
		display:block;
		text-align:center;
		font-size:1.5rem;
	}
	#banner-home-full .align-items-start {
		align-items:center !important;
		padding-bottom:0 !important;
	}
	#home-spotlight .home-titulo { padding-bottom:2rem; }
	#home-spotlight .btnfix-col3 { height:52vw; }
	#home-spotlight .align-items-stretch { margin-bottom:2rem; }
	#home-spotlight .align-items-stretch:last-child { margin-bottom:0; }
	#footer p, #footer a { font-size:0.8rem; }
	#footer .col-12.col-lg-2 .borde {
		padding-bottom:1.3rem;
		margin-bottom:1.3rem;
		border-bottom:1px solid #676767;
	}
	#footer .col-12.col-lg-2:nth-child(7) .borde { display:none; }
	#footer .col-12.col-lg-2 p { margin-bottom:0; }
	#footer .footer-legal { font-size:0.7rem; }
	#footer .footer-titulo { margin-bottom:1rem !important; }
	.header-menu-search form input {
		font-size:2.9vw;
		padding:2vw 0 2.5vw;
	}
	.header-menu-search form button { padding-right:0 !important; }
	.header-menu-search form button img {
		width:5vw !important;
		height:5vw !important;
	}
	.header-menu-search form label { font-size:3.3vw; }
	.card .btnfix-100 {
		height:52vw;
		margin-bottom:1.5rem;
	}
	.page-header h1 {
		font-size:2rem;
		margin-bottom:0;
	}
	#newsletter .form-control {
		width:100% !important;
	}
	#newsletter .pk-subscribe-submit {
		width:100% !important;
		margin-top:1rem !important;
	}
	.border-mobile {
		padding-bottom:1rem;
		border-bottom:1px solid #FFF !important;
		margin-bottom:1.5rem;
	}
	.header-menu-content > div:last-child .border-mobile { display:none; }
	.single .entry-header {
		flex-wrap:wrap;
		margin-left:calc((516px - 100vw) / 2);
		width: 100vw;
		padding:10vw;
	}
	.single .entry-header-content {
		width:100%;
		margin-bottom:6vw;
		text-align:center;
	}
	.single .entry-header-image {
		width:100%;
		padding:0 10vw;
	}
	.single .entry-barra.mb-5 { display:none; }
	.single .interes { padding-bottom:0 !important; }
	.single #page { overflow-x:hidden; }
	.portada-banner.content-black { border-top:80px solid #000; }
	.portada-banner.content-white { border-top:80px solid #FFF; }


	.position-sticky {
		margin-left:calc((516px - 100vw) / 2);
		width:100vw;
	}
	.position-sticky div > a { padding:10vw 19vw; }
	.portada-fix-bottom .postdate { display:none; }
	#banner-home-full .postautor { display:none; }
}



/**************************************************************************
					MOBILE MEDIO
**************************************************************************/
@media (max-width: 575px) {
	.container {
		padding-left:10% !important;
		padding-right:10% !important;
	}
	#home-spotlight .text-end > a { font-size:1.1rem; }
	.single .entry-header { margin-left:-10vw; }


	.position-sticky { margin-left:-10vw; }
}



/**************************************************************************
					MOBILE CHICO
**************************************************************************/
@media (max-width: 390px) {
	#home-spotlight .text-end > a { font-size:1rem; }
	.single .card-title { font-size:1.2rem; }
}