@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');
@import url("https://p.typekit.net/p.css?s=1&k=mfz5mps&ht=tk&f=51557&a=94977108&app=typekit&e=css");
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');

@font-face {
font-family:"antipoda-variable";
src:url("https://use.typekit.net/af/5b7136/0000000000000000774b908b/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/5b7136/0000000000000000774b908b/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/5b7136/0000000000000000774b908b/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:200 900;font-stretch:normal;
}
/*******************************************************************************

*******************************************************************************/
:root{
	--blue:#4075DE;
	--white:#fff;
	--gray1:##F8F8F8;
    --green: #DBFF52;
    --black: #000000;
}
body{ margin:0px; padding:0px; }
.title-category{ font-size: 2.5rem; }
.ff-antipoda{ font-family: antipoda-variable, sans-serif }
.ff-instrument{ font-family: "Instrument Serif", serif; }
.ff-ibm{ font-family: "IBM Plex Sans", sans-serif; font-optical-sizing: auto; font-style: normal; font-variation-settings:"wdth" 100; }
.ad{text-align:center; padding:1rem 0;}
.relative{position:relative;}
.bg-light{background-color: var(--gray1)}
.gap1{gap:1rem;}
.gap2{gap:2rem;}
.gap3{gap:3rem;}
.gap4{gap:4rem;}
.gap5{gap:5rem;}
.gap6{gap:6rem;}
.f-100{font-weight: 100;}
h1, h2, h3, h4, h5 ,h6{padding:0;margin:0}
main{ min-height: 100vh; position: relative; }
header { position: absolute; top: 0; left: 0; right: 0; z-index:9; }
header .header{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));padding:1rem}
.link{ text-decoration:none; color:inherit;}
/* Modal del newsletter */
.modal { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,0.6); z-index:99; }
.modal .body { background: #fff; padding: 1rem; border-radius: 10px; min-width: 300px; position:relative; }
.modal img { width: 74px; margin: auto; display: block; }
.modal .mns { font-size: 1.2rem; text-align: center; padding: 1rem .5rem; font-family: 'antipoda-variable'; }
.modal svg { width: 25px; position: absolute; top: 5px; right: 5px; cursor: pointer; }
.modal .btn { padding: .5rem 1rem; max-width: 168px; margin: auto; }
/* header .header div:first-child{display:none;} */
.mobile-menu svg{width:40px;}
.header-nav{display:none;}
.header ul{list-style:none;padding:0;margin:0; display:flex;gap:1rem;justify-content:flex-end;align-items: center;}
a.header-links img{width: 122px;}
a.header-links,
.header-links a { text-decoration: none; color: #000; background: var(--green); font-size: 20px; font-family: 'Instrument Serif'; padding: 3px 12px; border-radius: 10px; white-space:nowrap; transition:all .5s; }
.header-links a:hover { background:rgba(0,0,0,0.3); }
.nlt { text-align: center; font-size: 25px; font-family: 'Instrument Serif'; }
.header-logo {text-align:center;}
.header-logo img{width:16rem; }
.container{ max-width: 1400px; margin:auto;}
.flex,.row{display:flex;}
.log span { color: red; padding: 6px 0; display: block; background: #ffcd83; text-align: center; border-radius: 10px; }
footer { background: var(--green); color: var(--black); position: sticky; top: 100vh; border-radius: 20px 20px 0 0; margin-top: -20px; min-height: 300px; overflow: hidden; width: 100vw; }
footer .circle { width: 60vw; height: 60vw; border: solid 2px rgba(255,255,255,0.5); position: absolute; border-radius: 50%; top: 34vh; left: -17vw; max-width: 800px; max-height: 800px; min-width: 300px; min-height: 300px; z-index: 0; }
h1.jumbotron-heading { position: absolute; top: 47%; text-align: center; left: 0; width: 100%; }
.btn-vmas { background: var(--green); display: flex; gap: 10px; padding: 10px; border-radius: 16px; font-size: 20px; text-decoration: none; color: var(--black); align-items: center; height: 10px; transition:all .5s; }
.btn-vmas:hover{background:rgba(0,0,0,0.1);}
.btn-vmas svg{width:14px;}
.slogan { min-height: 680px; position: relative; height: calc(100vw * .40); max-height: 900px; display: flex; justify-content: center; align-items: center; margin-top: 4rem; }
.slogan h1{margin-top:-5rem;font-size:clamp(1.5rem, 5vw, 3rem);}
.podcast iframe { border-radius: 12px; width: 100%; height: 150px; max-width: 400px; }
.podcast { position: absolute; bottom: -56px; width: 95vw; text-align:center; }
.topNewsletter { position: absolute; bottom: 20%; width: 350px; }
.topNewsletter p{ padding:0; margin:0; font-size: 30px; font-weight: bold; letter-spacing: 1px; }
.topNewsletter p a{text-decoration: none; color:#000;}
@media (min-width:1100px) {
	.podcast { position: absolute; right: 0; bottom: 0; width: 400px; }
	.slogan h1{margin-top:0;}
	.podcast{justify-content: flex-end;}
	.podcast iframe{ height:175px;}
}
.home-0 { min-height: 680px; position: relative; overflow: hidden; height: calc( 100vw * .40 ); max-height: 900px; }
.home-0 .circle { border: solid 2px #f1f1f1; width: 1px; height: 1px; position: absolute; top: 50%; left: 50%; border-radius: 50%; }
.home-0 .circle.c1 { width: 250px; height: 250px; left: calc(50vw - (250px / 2)); top: calc(50% - (250px / 2)); }
.home-0 .circle.c2 { width: 500px; height: 500px; left: calc(50vw - (500px / 2)); top: calc(50% - (500px / 2)); }
.home-0 .circle.c3{ width: 800px; height: 800px; left: calc(50vw - (800px / 2)); top: calc(50% - (800px / 2)); }
.home-0 .circle.c4{ width: 1200px; height: 1200px; left: calc(50vw - (1200px / 2)); top: calc(50% - (1200px / 2)); }
.home-0 .circle.c5{ width: 1700px; height: 1700px; left: calc(50vw - (1700px / 2)); top: calc(50% - (1700px / 2)); }
.home-0 .circle.c6{ width: 2200px; height: 2200px; left: calc(50vw - (2200px / 2)); top: calc(50% - (2200px / 2)); }
._404{font-size:3rem;}
._404 span { color: #cdcdcd; display: inline-block; padding: 0 1rem 0; }
._404.home-0 { min-height: 400px; position: relative; overflow: hidden; height: 74vh; max-height:unset; }
._404 .slogan{max-height:unset;height:100%}
.home-1 { border-radius: 20px 20px 0 0; padding: 2rem 1.5rem; min-height: 300px; background-color:var(--gray1); }
.home-1-content{flex-grow:1;}
.home-1-aside{width:100%; padding-top:2rem;}
.home-1-title { display: flex; justify-content: space-between; align-items:center; padding: 1rem 0 1.5rem;}
.home-section-title { font-weight: bold; font-size: 2.5rem; }
.card { border-radius: 13px; border: none; box-shadow: 0px 0px 8px -4px rgba(0,0,0,0.4); text-decoration:none; max-width: 230px; background-color:var(--white); padding:10px; display:block; margin:0 auto 1rem; }
a.card{transition:all .5s;}
a.card:hover { transform: scale(1.05); }
.card-title { color: var(--black); font-weight: 100; text-decoration: none; font-size: 20px; margin-top: .5rem; margin-bottom: 2rem; }
.card-extract { font-family: "Instrument Serif", serif; font-size: 14px; line-height: 1.2; color: #4d4d4d; }
.card-img { width: 100%; height: 123px; border-radius: 13px; overflow: hidden; }
.card-date { font-size: 12px; padding: 10px 0 5px; color: #4f4f4f; }
.card-img img{width: 100%; height: 100%; object-fit: cover;}
.follow-header { display: flex;flex-wrap:wrap; width: 100%; justify-content: space-between; padding: 1rem 0; font-size: 2.5rem; }
.follow-item { margin: 0 auto 1rem; }
.follow-item img{display: block;margin:auto;border-radius: 10px;width:100%;}
.footer-content { padding: 1rem 0; }
.footer-slogan{ font-size: 49px; line-height: 1; padding: 1rem 0; font-weight: 700; }
.footer-data{ padding:1rem; position:relative; z-index:2;}
.footer-links { list-style: none; padding: 0; margin: 0; }
.footer-links a { display: block; width: 100%; border-bottom: solid 1px rgba(0,0,0,0.4); padding: 7px 0; color: var(--black); text-decoration: none; transition:all .5s; }
.footer-links a:hover { background: rgba(0,0,0,0.4); color: #fff; }
.footer-bottom { position:relative; z-index:9; display:flex; flex-direction:column-reverse; }
.footer-bottom div{ text-align: center }
.footer-bottom .item{margin: 5px 0;}
@media (min-width:350px) {
	.footer-bottom { position: relative; z-index: 9; display: flex; justify-content: center; padding: 1rem 0; flex-direction: column-reverse; align-items: center; gap: 1rem; }
}
.footer-bottom .item { color: #fff; display: inline-flex; font-family: "Instrument Serif", serif; font-size: 14px; text-decoration: none; background: var(--blue); padding: 5px 15px; border-radius: 10px; transition:all .5s; }
.footer-bottom .item:hover { background:rgba(0,0,0,0.8); }
.footer-social { display: flex; gap: 10px; padding: 1rem 0; }
.footer-social a { display: flex; width: 30px; height: 30px; border: solid 1px rgba(0,0,0,0); border-radius: 50%; justify-content: center; align-items: center; transition:all .5s; }
.footer-social a svg { width: 58%; fill: var(--black); }
.footer-social a:hover{ border:solid 1px #000; background:rgba(0,0,0,0.3); }
.footer-social a:hover svg{ fill:#000; }
.footer-logo img{width:200px;margin:auto;display:block;}
.newsletterFooter { display: flex; justify-content: center; padding: 2rem 1rem; }
.newsletterCard { padding: 10px; width: 185px; margin: 0; background: #fff; border-radius: 10px;z-index: 2;height:fit-content;}
.newsletterCard img { width: 100%; height: 124px; object-fit: cover; border-radius: 14px; }
.newsletterCard .title { font-size: 20px; color: #0a4473; padding-bottom: 10px; line-height: 1; }
.form { display: block; text-decoration: none; width: 100%; background: var(--blue); color: var(--white); border-radius: 10px; position: relative; margin-top: 10px; text-align: center; padding: .2rem 0; }
.form input { font-family: "Instrument Serif", serif; width: 100%; background: transparent; border:none; outline: unset; color:#fff; font-size: 12px; padding:7px 10px; height:18px; }
.form input::placeholder { color:#f1f1f1; }
.form .btn { position: absolute; top: 0; right: 0; background: rgba(0,0,0,0.3); width: 30px; height: 32px; border-radius: 0% 29% 29% 0%; color: #fff; display: flex; justify-content: center; align-items: center; cursor: pointer; transition:all .5s; }
.form .btn:hover{background:rgba(0,0,0,0.8);}
.page{padding:12rem 0; font-family: sans-serif;}
.pageExcerpt{padding:1rem 0;}
.pageMainContent{padding:2rem;}
	/* img.bg_thumb {display: none;} */
.dt{display: none;}
.mb{display: inline-block;}
.menu-Mobile { position: absolute; font-family: "Instrument Serif", serif; top: -200vh; left: 0; width: 100vw; background: var(--green); border-radius: 0 0 20px 20px; transition:all .5s; }
.closeMenu { z-index: 10; display: flex; position: relative; width: 40px; background: #000; height: 40px; border-radius: 50%; top: 1rem; left: 1rem; justify-content: center; align-items: center; }
.closeMenu svg { width: 15px; fill:#fff; }
.menu-Mobile .items { padding: 3rem 1rem 1rem; }
.menu-Mobile .items a { display: block; color: var(--black); font-size: 2rem; text-decoration: none; border-bottom: solid 1px rgba(0,0,0,.2); padding: 1rem .5rem; }
img.bg_thumb { position: absolute; border-radius: 18px; object-fit: cover; transition:all .5s; }
.thumb_0 { width: 150px; height: 120px; left: 14px; top: -100px; }
.thumb_1 { top: 67%; left: -100px; width: 150px; height: 120px;}
.thumb_2 { top: 29%; left: 82px; width: 150px; height: 120px; }
.thumb_3 { top: 17%; left: 80%; width: 150px; height: 120px; }
.thumb_4 {  bottom: -100px; width: 150px; height: 120px; left: 218px; }
.thumb_5 { width: 150px; height: 120px; bottom: -100px; }
.thumb_6 { top: -100px; right: 176px; width: 150px; height: 120px; }
.thumb_7 { right: -22px; top: 52%; width: 150px; height: 120px; }
.thumb_8 { width: 150px; height: 120; right: 100%; top: 51%; }
.home-0.newsletterContainer { min-height: fit-content; padding: 0 0 7rem; height: calc(100vh - 400px); max-height: none; }
.newsletterContainer .container { padding-top: 12rem; }
.newsletterContent { background: #fff; z-index: 99; position: relative; box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.3); border-radius: 10px; padding: 2rem 1rem; max-width: 600px; margin: auto; width: 90%; }
.newsletterContent h1,
.newsletterContent h2{ text-align: center;padding: .3rem 0; }
.newsletterForm { margin: auto; width: fit-content; padding: 2rem 0; width:95% }
.newsletterForm div { padding: .5rem 0; font-size: 1.2rem; }
.newsletterForm input[type="text"],
.newsletterForm input[type="email"] { width: 100%; border: solid 1px #cdcdcd; padding: 0.3rem 0; font-size: 1rem; border-radius: 6px; }
.btn { background: var(--blue); border-radius: 10px; color: #fff; font-family: sans-serif; text-align: center; cursor:pointer; }
.home-1-grid { display: grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap: 1rem; }
.follow-items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:1rem;}
@media (max-width:640px) {
    .thumb_0{ display: none; }
    .thumb_1 { top: 54%; left: 25px; width: 100px; height: 80px; }
    .thumb_2{ top: 14%; width: 100px; height: 80px; }
    .thumb_6 { top: 6px; right: 76px; width: 100px; height: 80px; }
    .thumb_3 { top: 27%; left: 67%; width: 100px; height: 80px; }
    .thumb_7 { right: 66px; top: 52%; width: 100px; height: 80px; }
}
@media (min-width:400px) {
	.footer-bottom .item:first-child { margin-right:1rem; }
}
@media (min-width:520px) {
	.follow-header{display:flex;}
}
@media (min-width:640px) {
	.thumb_0, .thumb_1, .thumb_2, .thumb_3,.thumb_4
	,.thumb_5,.thumb_6,.thumb_7,.thumb_8 {display:block;}
	.thumb_0{top:7px;}
	.thumb_1{left:219px;}
	.thumb_3{left:519px;}
	.thumb_0 { width: 150px; height: 120px; left: 14px; top: 7px; }
	.thumb_2 { width: 150px; height: 120px; left: 6px; top: 227px; }
	.menu-Mobile{display:none;}
	.mobile-menu{display:none;}
	.header-nav{display:block;}
	.dt{display:inline-block;}
	.mb{display:none;}
	.footer-bottom { justify-content: space-between; flex-direction: row; align-items: center; gap: 1rem; }
	.footer-logo img{margin: 0 0 0 1rem;}
	footer .circle { top: 100px; left: -10vw; }
	header .header{grid-template-columns:repeat(3, minmax(0, 1fr));}
	.newsletterFooter { display: flex; justify-content: flex-end; padding: 2rem 1rem; }
	.footer-content { display: grid; grid-template-columns:repeat(3, minmax(0, 1fr)) }
	.topNewsletter{text-align: center; bottom: 30%;}
}
@media (min-width:680px) {
	/* header .header div:first-child{display:block;} */
	.follow-items{grid-template-columns:repeat(4, minmax(0, 1fr));}
}
@media (min-width:920px) {
	.thumb_4{bottom:-58px;}
	.thumb_6{top:58px;}
	.home-1-aside{width:300;padding-top:0;max-width:300px;}
	.home-1 .container{ display:flex;}
	.home-1-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (min-width:1100px) {
	.thumb_5{bottom:81px; margin-left: 334px;}
	.home-1-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}
	.home-1-grid .card:last-child{display: none;}

}
@media (min-width:1200px) {
}
@media (min-width:1365px) {
	.home-1-grid{grid-template-columns:repeat(4, minmax(0, 1fr));}
	.home-1-grid .card:last-child{display: block;}
}
.home-half { border-top: solid 1px #cdcdcd; border-bottom: solid 1px #cdcdcd; padding: 10px 0; margin: 20px 0; }
.ad-box { background: #cdcdcd; width: 100%; height: 200px; margin: 0 auto 1rem; border: dashed 2px; display: flex; justify-content: center; align-items: center; max-width: 300px; }
.ad-half,
.ad-half2{ background: #cdcdcd; height: 100px; width: 100%; border: dashed 2px; display: flex; justify-content: center; align-items: center; }
.ad-box:after,
.ad-half:after,
.ad-half2:after{ content:'Publicidad' }
.pagination { text-align: center; padding: 1rem; }
.page-numbers { display: inline-flex; color: #000; text-decoration: none; background: #f1f1f1; padding: 10px 15px; border-radius: 9px; transition:all .5s; margin:5px 0; }
.page-numbers:hover{ background:rgba(0,0,0,0.3); }
.page-numbers.current{ background: var(--blue); color:#fff; }
.alert { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.5); z-index: 99; display: flex; justify-content: center; align-items: center; opacity:0; transition:all .5s; }
.alertContent { background: #fff; min-width: 300px; min-height: 130px; max-width: 466px; width: 100%; border-radius: 10px; box-shadow: 0px 0px 12px -4px; }
.alert .icon ,
.alert .ok { width: 74px; margin: auto; }
.alert .icon svg.warning{fill:orange;}
.alert .ok svg{fill:green;}
.alert .mns { text-align: center; padding: 1rem 0; font-family: sans-serif; font-size: 1.2rem; }
/* HTML: <div class="loader"></div> */
.loader {
	margin:1rem auto;
  width: 50px;
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--blue);
  --_m:
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}
.hide{display: none;}
.newsletterForm input[type="radio"],
.newsletterForm input[type="checkbox"] { appearance: none; border: solid 1px #cdcdcd; width: 51px; height: 22px; border-radius: 10px; position: relative; background: #f1f1f1; cursor: pointer; }
.newsletterForm input[type="radio"]::after,
.newsletterForm input[type="checkbox"]::after { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: #cdcdcd; border-radius: 50%; transition: all .5s; }
.newsletterForm input[type="radio"]:checked::after ,
.newsletterForm input[type="checkbox"]:checked::after { background: var(--blue); left:60%; }
.categoryNav { display: flex; justify-content: space-between; padding: 1rem 0 2rem; flex-wrap: wrap; gap: 1rem; }
.categoryNav a { font-size: 13px; font-family: sans-serif; text-decoration: none; color: #000; display: inline-block; border: solid 1px #000; border-radius: 16px; padding: 5px 15px; transition: all .5s; }
.categoryNav a:hover{ background-color: var(--blue);color:#fff;}