/*!
Theme Name: FMDOS PRISA MEDIA CHILE
Theme URI: http://www.fmdos.cl
Author: FERNANDA SOTO - BENJAMIN LIBERONA
Author URI: https://www.prisamedia.cl/
Version: 27.6.18
*/

:root {
  --primary-font: "Plus Jakarta Sans", sans-serif;
  --heading-font: "Space Grotesk", sans-serif;

  --primary-color: #532487;
  --accent-yellow: #ffff00;
  --white: #fff;
  --main-text-color: #202129;
  --heading-text-color: #222;
  --secondary-text: #333;
  --muted-text: #666;
  --light-gray: #ddd;
  --border-color: #e9e9e9;
  --gradient-light: #f0f0f0;
  --gradient-dark: #e9e9e9;
  --hover-bg-pink: rgb(255, 194, 255);
  --facebook-color: #1877f2;
  --x: #000000;
  --whatsapp-color: #25d366;
  --secondary-pink: #ffc2ff;
}

body {
  font-family: var(--primary-font);
  font-optical-sizing: auto;
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: var(--heading-font);
}

h1,
h2,
h3,
h4,
h5,
p,
li {
  color: var(--main-text-color);
}

a {
  color: var(--primary-color);
}

.hmb {
  cursor: pointer;
  padding: 10px;
  display: inline-block;
}

.mnu {
  position: fixed;
  top: 0;
  left: -100%;
  width: 400px;
  max-width: 400px;
  height: 100vh;
  background-color: var(--white);
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.bs-module {
  padding: 15px 15px 25px 15px;
  background-color: var(--white);
  border-bottom: 1px solid var(--light-gray);
}

.h-wr-pm {
   max-width: 1140px;
    margin: auto;
    position: relative;
    z-index: 1;
}

button.usn-m,
button.usn-d,
button.srch-d,
button.srch-m {
  background: none;
  border: none;
}

.srch-wrp {
  position: absolute;
}

.srch-wrp input {
  padding-right: 25px;
  min-height: 40px;
  border: 0;
  color: rgba(255, 255, 255, 0.8);
  outline: 0;
  padding-left: 40px;
  border: 2px solid var(--primary-color);
}

.srch-wrp input:focus {
  border-color: var(--accent-yellow);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgb(232 226 54 / 15%);
}

.srch-wrp input[type="search"]::-webkit-search-decoration,
.srch-wrp input[type="search"]::-webkit-search-cancel-button,
.srch-wrp input[type="search"]::-webkit-search-results-button,
.srch-wrp input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.srch-wrp .srch-ico {
  position: absolute;
  left: 10px;
  top: 50%;
  color: rgba(255, 255, 255, 0.8);
  font-size: 2rem;
  z-index: 11;
  transform: translateY(-60%);
  border: 0;
  margin: 0;
}

.srch-wrp .cls-srch {
  position: absolute;
  right: 10px;
  top: 50%;
  color: rgba(255, 255, 255, 0.8);
  font-size: 2rem;
  z-index: 11;
  transform: translateY(-60%);
  border: 0;
  margin: 0;
  background: none;
}

.srch-wrpm {
  position: relative;
  padding: 7px;
  background: #532489;
}

.srch-wrpm input {
  padding-right: 25px;
  min-height: 40px;
  border: 0;
  color: rgba(255, 255, 255, 0.8);
  outline: 0;
  padding-left: 40px;
  border: 2px solid var(--primary-color);
}

.srch-wrpm input:focus {
  border-color: var(--accent-yellow);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgb(232 226 54 / 15%);
}

.srch-wrpm input[type="search"]::-webkit-search-decoration,
.srch-wrpm input[type="search"]::-webkit-search-cancel-button,
.srch-wrpm input[type="search"]::-webkit-search-results-button,
.srch-wrpm input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.srch-wrpm .srch-ico {
  position: absolute;
  left: 10px;
  top: 50%;
  color: rgba(255, 255, 255, 0.8);
  font-size: 2rem;
  z-index: 11;
  transform: translateY(-60%);
  border: 0;
  margin: 0;
}

.srch-wrpm .cls-srch {
  position: absolute;
  right: 10px;
  top: 50%;
  color: rgba(255, 255, 255, 0.8);
  font-size: 2rem;
  z-index: 11;
  transform: translateY(-60%);
  border: 0;
  margin: 0;
  background: none;
}

.bs-title {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 10px 5px;
  text-transform: uppercase;
  color: var(--heading-text-color);
  text-align: left;
}

.bs-list {
  display: flex;
  flex-wrap: wrap;

  gap: 5px;

  align-items: center;
}

.bs-list .tpc {
  font-size: 13px;
  color: var(--secondary-text);
  flex: none;
  white-space: nowrap;
  background: var(--accent-yellow);
  padding: 2px;
  border-radius: 10px;
  font-weight: 600;
}

.bs-list .tpc a {
  text-decoration: none;
  color: inherit;
  padding: 4px 6px;
  border-radius: 4px;
  transition: background-color 0.2s;
}

.bs-list .sep {
  user-select: none;
  white-space: nowrap;
}

.mnu nav {
  display: flex;
  flex-direction: column;
}

.itm ul {
  padding: 0;
}

.itm a {
  text-decoration: none;
}

.itm li {
  padding: 15px 20px;
  text-decoration: none;
  font-weight: 800;
  font-size: 18px;
  text-transform: uppercase;
  font-family: var(--heading-font);
  border-bottom: 1px solid var(--light-gray);
  transition: background-color 0.3s;
  list-style: none;
}

.itm li:hover {
  background-color: #f2f2f2;
}

.rs-m {
  font-size: 14px;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.op-m {
  overflow: hidden;
  max-width: 100vw;
  max-height: 100vh;
}

.act {
  left: 0;
}

.ovr {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  will-change: opacity;
  z-index: 900;
}

.ovr.act {
  opacity: 1;
  visibility: visible;
}

.m-s {
  margin: 16px 3em 0.5em 3em;
}

.ad {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
  background: linear-gradient(
    to top,
    var(--gradient-light),
    var(--gradient-dark) 6%
  );
}

.ldb {
  min-height: 250px;
  padding: 1em 0;
}

.mldb {
  min-height: 100px;
  top: 53px;
  padding: 0.5em 0;
}

.mpu {
  min-height: 600px;
}

.mpu-s {
  position: sticky;
  top: 85px;
}
.st-w {
  position: relative;
  height: 600px;
}
.st-w-h {
  position: relative;
  height: 100vh;
}
.h-pm {
  padding-bottom: 2em;
}

.ht {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
}

.mb {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 4px;
}

.mb:hover,
.mb:focus {
  background-color: var(--hover-bg-pink);
  outline: none;
  border-radius: 8px;
}

.hb-t {
  margin-top: 87px;
}

.usn-mn {
  position: absolute;
  z-index: 100;
}

.usn-btn-m {
  display: flex;
  justify-content: center;
  gap: 1em;
  background: var(--primary-color);
  padding: 1em;
}

.usn-btn {
  display: grid;
  gap: 0.5em;
  background: var(--primary-color);
  padding: 1em;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}
.cls-usn {
  display: inline-block;
  background: var(--primary-color);
  padding: 0.5em;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border: 0;
}

.btn-usn {
  background: var(--secondary-pink);
  font-weight: 700;
}

.btn-usn:hover {
  background: var(--accent-yellow);
}

@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

.h-f {
  -webkit-animation: slide-in-top 0.5s both;
  animation: slide-in-top 0.5s both;
  position: fixed;
  inset: 0 0 auto;
  z-index: 800;
  background: #fff;
  padding: 0.5rem 1rem;
  box-shadow: 0px 3px 6px 2px #2222221a;
  max-width: 100%;
}

.lg img {
  max-height: 40px;
  display: block;
}

.st select {
  padding: 0.25rem 0.5rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  transition: border-color 0.3s;
  cursor: pointer;
}

.st select:focus {
  border-color: var(--muted-text);
  outline: none;
}

.as-w {
  border-left: 1px solid #e9e9e9;
  max-width: 315px;
  margin-left: auto;
  height: 100%;
}

.hb {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.11);
  border-bottom: 1px solid rgba(0, 0, 0, 0.11);
  font-weight: 800;
  text-transform: uppercase;
  font-size: 14px;
}

.mn ul {
  list-style: none;
  display: flex;

  gap: 5px;
  margin: 0;
  padding: 0;
}

.mn a {
  text-decoration: none;
  color: var(--secondary-text);
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  transition: background-color 0.3s, color 0.3s;
}

.mn a:hover,
.mn a:focus {
  background-color: var(--accent-yellow);
  outline: none;
  border-radius: 10px;
}

.mn a.active {
  border: 2px solid var(--primary-color);
  border-radius: 10px;
}

.mn li {
  position: relative;
}

.mn ul ul {
  display: none;

  position: absolute;

  top: 100%;

  left: 0;
  background-color: var(--white);
  list-style: none;
  padding: 0.5rem 0.75rem;
  margin: 0;
  border: 1px solid var(--light-gray);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  z-index: 999;
}

.mn ul li:hover > ul {
  display: block;
}

.mn ul ul li {
  display: block;
  margin: 0;
}

.mn ul ul li a {
  display: block;
  white-space: nowrap;

  color: var(--secondary-text);
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  transition: background-color 0.3s, color 0.3s;
}

.mn ul ul li a:hover,
.mn ul ul li a:focus {
  background-color: var(--accent-yellow);
  outline: none;
  border-radius: 4px;
}

.mn li.active > a {
   border: 2px solid var(--primary-color);
  border-radius: 10px;
}

.mn ul ul ul {
  display: none;
  top: 0;

  left: 100%;
}

.mn ul ul li:hover > ul {
  display: block;
}

.hi {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.hi a {
  text-decoration: none;
  font-size: 1.2rem;
  padding: 0.25rem;
  border-radius: 4px;
  transition: background-color 0.3s;
  cursor: pointer;
}

.hi a:hover,
.hi a:focus {
  background-color: rgba(0, 0, 0, 0.05);
  outline: none;
}

.dt {
  color: var(--muted-text);
  font-size: 0.9rem;
}

.rs-h {
  background-color: var(--secondary-pink);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center;
  padding: 3px;
}

.rs-h svg {
  vertical-align: baseline;
}

.lv {
  animation: live 1s linear infinite;
  background: var(--accent-yellow);
  color: var(--accent-yellow);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin: 3px 0 0 4px;
}

.str {
  background: var(--secondary-pink);
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 20px;
}

.str h2 {
  color: var(--primary-color);
}

.str-bagde {
  position: relative;
  margin: 0 0 0.8em 0;
}

.str-bagde span {
  background: #ffff00;
  padding: 7px 10px;
  border-radius: 20px;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--primary-color);
  font-size: 0.9em;
}

.str-bagde i {
  animation: live 1s linear infinite;
  background: var(--primary-color);
  color: var(--primary-color);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin: 0px 3px 0 3px;
  position: relative;
  top: -1px;
}

.vid {
  padding: 0;
  background: #000;
}

.vid iframe {
  width: 100%;
  display: block;
  border: none;
}

@keyframes live {
  50% {
    opacity: 0;
  }
}

.ap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 5px;
  background: var(--primary-color);
  transition: transform 0.3s;
  border-radius: 50px;
}

.ap:hover {
  transform: scale(1.02);
}

.live-music {
  max-width: 240px;
}

.live-music .an {
  white-space: nowrap;
}

.live-music .at,
.live-music .l-at {
  overflow: hidden;
}

.l-at a {
   color: #ffffff;
}

#current-program.live-music #prog-name,
#current-program.live-music #prog-time {
  white-space: nowrap;
  position: relative;
}

#current-program.live-music #prog-time span {
  display: inline-block;

  padding-left: 100%;
  animation-name: marquee;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes marquee {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(-100%);
  }
}

.so-b {
  font-size: 14px;
  font-weight: 700;
  color: var(--primary-color);
  cursor: pointer;
  margin-top: 5px;
  display: inline-block;
  transition: background-color 0.3s ease;
}

.bi-b {
  font-size: 14px;
  color: #333;
  margin-top: 5px;
  margin-right: 1em;
  padding: 8px;
  border-left: 2px solid var(--primary-color);
}

.hi-b {
  display: none;
}

.ai {
  position: relative;
}

.ai img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: 50%;
}

.b-h {
  display: flex;
  align-items: center;
  gap: 1em;
}

.aa {
  background: var(--accent-yellow);
  color: var(--primary-color);
  font-size: 10px;
  font-weight: bold;
  padding: 2px 10px;
  border-radius: 15px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  margin: auto;
}

.ap a {
  text-decoration: none;
}

.at {
  display: flex;
  align-items: center;
  text-align: center;
  gap: 1em;
}

.an {
  font-size: 16px;
  color: var(--white);
  font-weight: 700;
  text-transform: uppercase;
  margin: 0.2em 0 0 0;
}

.ah {
  font-size: 12px;
  margin: 0;
  color: var(--white);
}

.img-16x9 {
  aspect-ratio: 16 / 9;
}

.img-16x9 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

h1.entry-title {
  font-weight: 800;
  font-size: 50px;
  line-height: 52px;
}

.entry-title span {
  color: var(--primary-color);
  font-weight: 900;
}

i.kck-t {
  color: var(--primary-color);
  font-weight: 900;
  font-style: normal;
}

.s-sn {
  width: 20%;
  height: 3px;
  background: var(--secondary-pink);
  position: relative;
  display: block;
  margin: 20px auto;
  border-radius: 3px;
}

.sky-wrap {
    width: 1420px;
    position: relative;
    margin: auto;
}


.sky-ad-left {
    width: 120px;
    height: 600px;
    position: absolute;
    left: 1%;
   

}
.sky-ad-right {
    width: 120px;
    height: 600px;
    position: absolute;
    right: 1%;
    
}

.v-w iframe {
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.video-single h1.entry-title {
  font-weight: 800;
  font-size: 35px;
  line-height: 35px;
  margin-top: 1em;
}

.video-single .entry-content p,
.video-single .entry-content dl,
.video-single .entry-content ol,
.video-single .entry-content ul {
  margin: 0;
}

.video-single .mt-s {
  border-top: 1px solid var(--border-color);
  margin-top: 1em;
  padding: 1em 0 1em 0;
}

.entry-desc {
  font-size: 24px;
  line-height: 28px;
  font-weight: 200;
  margin: 30px 0;
}

.c-p {
  border-bottom: 1px dashed var(--light-gray);
  padding: 6px 0;
  font-size: 12px;
}

.au-pm {
  width: 74px;
  flex: 0 0 74px;
  height: auto;
  border-radius: 50%;
  overflow: hidden;
}

.au-pm-none {
  height: 74px;
  width: 0;
}

.au-pm img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  filter: grayscale(100%);
}

.post-category {
  display: inline-block;
  background: var(--secondary-pink);
  color: var(--primary-color);
  padding: 5px 20px;
  border-radius: 20px;
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 0 2em 0;
}

.post-category a {
  color: var(--primary-color);
  text-decoration: none;
}

.entry-content {
  font-size: 22px;
}

.pb-tds {
  display: none;
  position: relative;
  padding: 1em 0;
  min-height: 410px;
  margin: 0.5em auto;
  overflow: hidden;
}

.pb-tds:before {
  content: "";
  background: #bdbecb;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 7px;
  left: 0;
  display: block;
}

.pb-tds:after {
  content: "PUBLICIDAD";
  font: 12px / 15px var(--primary-font);
  color: #8c8d97;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 0 16px;
}

.entry-content p {
  margin: 16px 3em 0.5em 3em;
}

.entry-content p a {
  border-bottom: 2px dotted var(--primary-color);
  text-decoration: none;
}

.entry-content > p:first-child {
  margin-top: 0;
}

.entry-content h2 {
  font-weight: 800;
  font-size: 35px;
  margin: 48px 2em 0 2em;
}

.entry-content h3,
.entry-content h4,
.entry-content h5 {
  font-weight: 800;
  font-size: 30px;
  margin: 48px 2em 0 2em;
}

.entry-content iframe {
  width: 100%;
  border-radius: 25px;
}

.a_m_p {
  font-size: 14px;
  padding: 6px 0;
}

.entry-content dl,
.entry-content ol,
.entry-content ul {
  margin: 0 3em 0em 3em;
}

.rp-s {
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  padding: 10px 0 25px 0;
  margin: 1em 0 1em 0;
}

.rp-s span {
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--primary-color);
}

.rp-s figure {
  height: 152px;
  width: 270px;
  flex: 0 0 270px;
  aspect-ratio: 16 / 9;
  margin: 0;
}

.rp-s img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}

.rp-s h2 {
  margin: 0;
  font-size: 25px;
}

.rp-s a {
  text-decoration: none;
  color: var(--secondary-text);
}

.rs-single {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 28px;
  width: 36px;
  height: 36px;
  text-decoration: none;
}

.wrp-rs {
  gap: 8px;
}

.wrp-rs a {
  color: #fff;
}

.fb {
  background-color: var(--facebook-color);
}

.x {
  background-color: var(--x);
}

.ws {
  background-color: var(--whatsapp-color);
}

.au-s {
  font-weight: 900;
}

.au-s a {
  text-decoration: none;
  color: inherit;
}

.pb-t {
  font-weight: 300;
  font-size: 13px;
}

.mt-s {
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 1em;
  padding-bottom: 1em;
}

.rca-t span {
    background: var(--secondary-pink);
    padding: 5px 10px;
    border-radius: 9px;
}

.rca-t a {
      color: #000000;
}

.r-ca {
  border-top: 1px solid #ddd;
}

.r-ca h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 20px 0;
}

.r-ca h3 a,
.r-ca li a {
  text-decoration: none;
}

.r-ca li a {
  color: var(--heading-text-color);
  font-weight: 400;
}

.r-ca li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
}

.r-ca li span {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: top;
  top: -1px;
}

.r-ca li svg path {
  fill: var(--primary-color);
  width: 100%;
  height: auto;
}

.r-ca ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.r-ca li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--primary-color);
}

.post-tags-container {
  padding: 15px 0 0 10px;
  border-top: 1px solid #ddd;
  margin-top: 20px;
}

.post-tags-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;

  gap: 10px;
  overflow-x: visible;
}

.post-tag-item {
  flex: none;
}

.post-tag-item a {
  display: inline-block;
  text-decoration: none;
  background-color: var(--secondary-pink);
  color: var(--primary-color);
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 14px;
  transition: background-color 0.3s ease;
  text-transform: uppercase;
  font-weight: 700;
}

.post-tag-item svg {
  vertical-align: sub;
  margin-right: 0.2em;
}

.post-tag-item svg path {
  stroke: var(--primary-color);
}

.post-tag-item a:hover,
.post-tag-item a:focus {
  background-color: var(--accent-yellow);
}

.ct-r {
  max-width: 100%;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  margin: 15px 0;
  padding: 0 0 0 15px;
}

.tt-h {
  font-weight: 700;
  font-size: 18px;
}

.ln-r {
  color: #c00;
  font-weight: 500;
  font-size: 0.95rem;
}

.it-n {
  border-top: 1px solid #eee;
  padding: 1rem 0;
  text-align: start;
}

.it-n:first-of-type {
  border-top: none;
}

.tx-t {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.2;
  text-align: start;
}

.ph-i {
  width: 74px;
  height: 74px;
  border-radius: 0.5rem;
  object-fit: cover;
}

.hr-r {
  color: var(--primary-color);
  font-weight: 900;
}

.it-n a {
  text-decoration: none;
  color: #000;
}

.it-n a:hover {
  text-decoration: underline;
}

.it-n .ln-v {
  color: #000;
  margin: 0 0.4rem;
}

.ap a, .ai a {
  color: #000;
}

.f-h .ap-s {
  margin-left: auto;
  text-align: center;
}

.f-h .f-mn {
  text-align: center;
  margin: auto;
}

.f-h .rs-f-w {
  margin-right: auto;
  text-align: center;
}

.f-h .ds-c {
  text-align: center;
  margin: auto;
}

/* Línea vertical gris */

.main-navigation {
  display: block;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: flex;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.size-full {
  max-width: 100%;
  height: auto;
}

.twitter-tweet {
  max-width: 100%;
  margin: auto;
}

.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

.custom-logo-link {
  display: inline-block;
}

.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: 100% !important;
}

.wp-caption img[class*="wp-image-"],
.entry-content img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto;
  width: 100%;
}

.wp-caption .wp-caption-text {
  margin: 5px 0;
  font-size: 12px;
  text-align: end;
}

.wp-caption-text {
  text-align: center;
}

.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

.infinity-end.neverending .site-footer {
  display: block;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

#primary[tabindex="-1"]:focus {
  outline: 0;
}

.alignleft {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

#pie-comun9 .inside {
  background: var(--wpr-bg-0cf17734-1b95-466b-b402-2ca4800a0067) no-repeat;
  padding: 0;
  width: 993px;
  height: 116px;
  margin: 0 auto;
  position: relative;
  text-align: left;
  border-bottom: 1px solid #d2d2d2;
}

.f-mn-w {
  padding: 15px 0;
  border-bottom: 1px solid #eee;
  margin: 16px 3em 0.5em 3em;
}

.f-mn li {
  display: inline-block;
  padding: 0 1em 0 0;
  font-weight: 700;
  font-size: 13px;
  position: relative;
}

.f-mn li:not(:last-child):after {
  content: "";
  position: absolute;
  height: 15px;
  width: 2px;
  border-radius: 1px;
  background: var(--primary-color);
  top: 15%;
  right: 3%;
}

.f-mn li::last-child:after {
}

.f-mn a {
  color: inherit;
  text-decoration: none;
}

#pie-comun9 a {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  color: #000;
  text-decoration: none;
  text-align: left;
}

#pie-comun9 .medios-destacados,
#pie-comun9 .muestra-medios {
  float: left;
  width: auto;
  display: inline;
}

#pie-comun9 .medios-destacados ul {
  margin-left: 215px;
  width: 775px;
  margin-top: 5px;
  margin-bottom: 0;
  overflow: hidden;
  padding: 0;
}

#pie-comun9 .medios-destacados ul.primerafila {
  padding-top: 10px;
}

#pie-comun9 .medios-destacados ul li {
  display: inline;
  float: left;
  background: 0 0;
  margin: 0 6px 0 0;
  padding: 0;
}

#pie-comun9 #pc_prisa {
  height: 57px;
  left: 18px;
  position: absolute;
  top: 15px;
  width: 144px;
}

#pie-comun9 #pc_elpais,
#pie-comun9 #pc_moderna {
  width: 105px;
  height: 25px;
}

#pie-comun9 #pc_as {
  width: 55px;
  height: 25px;
}

#pie-comun9 #pc_cincodias,
#pie-comun9 #pc_loqueleo,
#pie-comun9 #pc_meristation,
#pie-comun9 #pc_tareasymas {
  width: 90px;
  height: 25px;
}

#pie-comun9 #pc_compartir,
#pie-comun9 #pc_inn,
#pie-comun9 #pc_santillana {
  width: 100px;
  height: 25px;
}

#pie-comun9 #pc_continental,
#pie-comun9 #pc_dial,
#pie-comun9 #pc_planeta {
  width: 50px;
  height: 25px;
}

#pie-comun9 #pc_adn,
#pie-comun9 #pc_clasificados,
#pie-comun9 #pc_parasaber {
  width: 65px;
  height: 25px;
}

#pie-comun9 #pc_caracol,
#pie-comun9 #pc_plus,
#pie-comun9 #pc_verne {
  width: 70px;
  height: 25px;
}

#pie-comun9 #pc_m80,
#pie-comun9 #pc_radiole,
#pie-comun9 #pc_ser {
  width: 60px;
  height: 25px;
}

#pie-comun9 #pc_los40,
#pie-comun9 #pc_smoda {
  width: 75px;
  height: 25px;
}

#pie-comun9 #pc_wradio {
  width: 51px;
  height: 25px;
}

#pie-comun9 #pc_maxima {
  width: 46px;
  height: 25px;
}

#pie-comun9 #pc_alfaguara {
  width: 70px;
  height: 25px;
  display: none;
}

#pie-comun9 #pc_uno {
  width: 52px;
  height: 25px;
}

#pie-comun9 #pc_icon,
#pie-comun9 #pc_podium,
#pie-comun9 #pc_richmond,
#pie-comun9 #pc_yesfm {
  width: 80px;
  height: 25px;
}

#pie-comun9 #pc_plural {
  width: 71px;
  height: 25px;
}

#pie-comun9 #pc_huffington {
  width: 158px;
  height: 25px;
}

#pie-comun9 #pbt-medios {
  height: 24px;
  left: 18px;
  position: absolute;
  top: 80px;
  width: 143px;
}

#pie-comun9 #pc_kebuena {
  width: 82px;
  height: 25px;
}

#pie-comun9 #pc_eps {
  width: 85px;
  height: 25px;
}

#pie-comun9 a#cierrame {
  background: var(--wpr-bg-d920a751-ecae-4270-bb6a-6eb8823aa55a) 0 -22px no-repeat;
  width: 64px;
  height: 21px;
  line-height: 21px;
  overflow: hidden;
  display: block;
  text-indent: -9999px;
}

#pie-comun9 #capa-webs-grupo {
  position: absolute;
  z-index: 3000;
  top: -271px;
  right: 0;
}

#pie-comun9 .muestra-medios {
  margin-top: 40px;
  margin-left: 25px;
  position: relative;
  font: 400 12px Arial;
  color: #333;
}

#pie-comun9 .muestra-medios a {
  text-indent: 0;
}

#pie-comun9 .muestra-medios .capa-medios {
  background: var(--wpr-bg-d373a6e9-ff20-4b9f-9f13-23eee506287f) 0 -44px repeat-x #e9e9e9;
  height: 311px;
  width: 993px;
  display: none;
}

#pie-comun9 .muestra-medios.activado .capa-medios {
  display: block;
}

#pie-comun9 .muestra-medios.activado .capa-medios .pc-sombreado {
  background: var(--wpr-bg-d732801e-ea3f-4a9d-8300-a6e72db2467f) 0 -72px repeat-x #fafafa;
  height: 37px;
  width: 100%;
  margin-top: 1px;
  position: relative;
}

#pie-comun9 .muestra-medios.activado .capa-medios .pc-sombreado #cierrame2 {
  background: var(--wpr-bg-7b9f5b79-0554-432e-a25a-4ec9c4fe1b44) 25px 7px no-repeat;
  height: 29px;
  overflow: hidden;
  text-indent: -9999px;
}

#pie-comun9 .muestra-medios .capa-medios h3 {
  padding: 0 0 0 11px;
  font-weight: 400;
  line-height: 29px;
  margin: 0;
}

#pie-comun9 .muestra-medios .capa-medios h3 a {
  float: right;
  font-size: 12px;
  margin-right: 3px;
}

#pie-comun9 .cabecera-capa {
  padding: 3px;
  border: 1px solid #999;
  border-width: 1px 1px 0;
  height: 20px;
}

#pie-comun9 .muestra-medios .cabecera-capa h3 {
  float: left;
  line-height: 20px;
  color: #000;
}

#pie-comun9 .cabecera-capa a {
  float: right;
}

#pie-comun9.version-k .inside {
  background: var(--wpr-bg-85f57adf-d318-41a5-95f6-6511505795c5) no-repeat;
  border-top: 0;
  border-bottom: 0;
}

#pie-comun9.version-k a#cierrame {
  background: var(--wpr-bg-fec3980d-f30a-4f79-8b48-4b2d3df7ef08) 0 -22px no-repeat;
}

#pie-comun9.version-k .muestra-medios .capa-medios {
  background: var(--wpr-bg-980aa68c-906c-4e69-997d-83030a58c6a0) 0 -44px repeat-x #2c2c2c;
}

#pie-comun9.version-k .muestra-medios.activado .capa-medios .pc-sombreado {
  background: var(--wpr-bg-c4f71b83-5380-4329-bef5-901f3a6ceb83) 0 -72px repeat-x #000;
  margin-top: 1px;
}

#pie-comun9.version-k
  .muestra-medios.activado
  .capa-medios
  .pc-sombreado
  #cierrame2 {
  background: var(--wpr-bg-571454fd-b298-460a-9615-da75d74a7002) 55px 8px no-repeat;
}

#pie-comun9.version-k .muestra-medios .cabecera-capa h3 {
  color: #fff;
  font-weight: 700;
}

#pie-comun9.version-k .cabecera-capa {
  border: 1px solid #141414;
}

@media (max-width: 993px) {
  #pie-comun9 .inside {
    width: 100%;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: var(--wpr-bg-f4c139da-a3a2-42e8-a637-7ca1dfb184c0) 50% 0 no-repeat;
  }

  #pie-comun9.version-k .inside {
    background: var(--wpr-bg-2000c9c0-546b-4168-b8e8-ecc2be26e446) 50% 0 no-repeat;
  }

  #pie-comun9 #pc_prisa {
    left: 50%;
    margin-left: -72px;
  }

  #pie-comun9 #pbt-medios {
    left: 50%;
    margin-left: -71px;
  }

  #pie-comun9 .medios-destacados > ul {
    display: none;
  }

  #pie-comun9 #capa-webs-grupo,
  #pie-comun9 .muestra-medios .capa-medios,
  #pie-comun9 .muestra-medios .capa-medios iframe {
    width: 100%;
  }
}

.f-pm {
  margin: 16px 3em 0.5em 3em;
  padding: 20px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.f-pm img {
  width: 100%;
}

.f-pm h3 {
  font-size: 20px;
}

.rs-fw {
  font-size: 14px;
  padding: 5px 0px;
  align-items: center;
  gap: 0.5rem;
}

.rs-f {
  background-color: var(--accent-yellow);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 5px 0;
}

.ds-c {
  font-size: 13px;
  margin: 20px 0;
}

.ds-c a {
  color: inherit;
  text-decoration: none;
}

.ds-t {
  margin-top: 1em;
}

.ap-s {
  border-right: 1px solid #eee;
}

.ap-s .ap-st {
  gap: 8px;
}

.mc-p {
  margin: 0 0 2em 0;
}

.c-ch a,
.ch-b a {
  text-decoration: none;
}

.ch-b {
  margin: 1em 0;
}

.pm-ch {
  text-align: center;
  width: 89%;
  margin: 2em auto;
}

.ch-mx .pm-ch-s {
  text-align: start;
  width: 100%;
  margin: 2em 0;
}

.ch-mx .pm-ch-s span {
  margin: 0 0 1.5em 0;
}

.pm-ch h2 {
  font-weight: 800;
  line-height: 1;
  font-size: 2.1em;
}

.pm-ch p {
  font-weight: 400;
  line-height: 1;
  font-size: 1.2em;
  margin: 15px auto;
  width: 80%;
}

.pm-ch span {
  display: block;
  width: 50%;
  height: 3px;
  background: var(--secondary-pink);
  margin: 3em auto 3em auto;
}

.pa-h {
  color: var(--muted-text);
  text-transform: uppercase;
  font-size: 0.7em;
}

.pm-ch-s {
  text-align: center;
  width: 89%;
  margin: 2em auto;
}

.pm-ch-s h2 {
  font-weight: 500;
  line-height: 1;
  font-size: 1.5em;
}

.pm-ch-s p {
  font-weight: 400;
  line-height: 1.3;
  font-size: 1.1em;
  margin: 15px 0px;
}

.t-sponsored {
  padding: 0.5em 0;
  margin-bottom: 1em;
  border-top: 1px solid #dddddd;
}

.t-sc {
  text-align: center;
  margin: 1em auto 3em auto;
}

.t-sc h2 {
  font-weight: 800;
  color: var(--primary-color);
}

.t-sc span,
.pm-ch-s span {
  display: block;
  margin: 0 auto 1.5em auto;
  width: 50%;
  height: 3px;
  background: var(--secondary-pink);
}

.ch-v img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
}

img.sq {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
}

.ch-v h2 {
  font-weight: 700;
}
.pm-ch-s-v .pm-ch-s {
  margin: 0 auto;
}
.ch-v .pm-ch-s-v {
  border-bottom: 3px solid var(--secondary-pink);
  border-left: 3px solid var(--secondary-pink);
  border-right: 3px solid var(--secondary-pink);
  border-radius: 3px;
}

.md-ar {
  border: 5px solid var(--secondary-pink);
  margin: 3em 0px;
  border-radius: 1px;
  padding: 3em 7em;
}

.md-ar h2 {
  font-size: 2em;
  font-weight: 900;
}
.md-ar p {
  width: 70%;
  margin: 1em auto;
}

.ch-sb-w article:not(:last-of-type) > a > span {
  display: block;
  width: 100%;
  height: 4px;
  background: var(--secondary-pink);
  margin: 2em auto;
  border-radius: 10px;
}

.ch-sb {
  gap: 1em;
}

.pr-pm-w .container {
  position: relative;
}

.sma-nv {
  position: absolute;
  top: 40%;
  width: 100%;
}

.sma-nv button {
  background: no-repeat;
  border: 0;
}

.sma-nv svg path {
  fill: var(--secondary-pink);
}
.sma-nv .prv {
  left: -5%;
  position: absolute;
}

.sma-nv .nxt {
  right: -3%;
  position: absolute;
}

.pr-pm {
  background: var(--primary-color);
  border-radius: 15px;
  box-sizing: border-box;
  padding: 0 0 1.5em 0;
  margin: 0 1.5em;
  text-align: center;
}

.siema {
  display: block;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.siema.siema-ready {
  opacity: 1;
}

.pr-pm figure {
  padding: 15px 15px;
}

.pr-pm img {
  border-radius: 30px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
}

.pr-pm .pr-nm {
  background: var(--bs-body-bg);
  padding: 1em 2em;
  margin: auto;
  width: 80%;
  border-radius: 10px;
  text-align: center;
}

.pr-pm .pr-nm h2 {
  color: var(--primary-color);
  font-weight: 700;
  margin: 0;
}

.pr-pm .pr-nm p {
  margin: 5px 0 0 0;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
}

.pr-pm .pr-mt {
  width: 90%;
  margin: auto;
  text-align: center;
  padding: 1em 0;
  color: var(--bs-body-bg);
  font-weight: 700;
}

.pr-pm .pr-cta {
  border: 3px solid var(--secondary-pink);
  margin: auto;
  text-align: center;
  color: var(--bs-body-bg);
  padding: 7px 25px;
  border-radius: 15px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
}

.pr-pm .pr-cta svg {
  fill: var(--bs-body-bg);
  vertical-align: sub;
  margin: 0 0 0 5px;
}

.frc-zn {
  border: 3px solid;
  border-radius: 20px;
  border-color: var(--primary-color);
  margin-bottom: 2em;
}

.zone-a .frc-ct-bx {
  background: var(--primary-color);
  color: #ffffff;
}

.zone-b .frc-ct-bx {
  background: var(--secondary-pink);
  color: var(--primary-color);
}

.zone-c .frc-ct-bx {
  background: var(--accent-yellow);
  color: var(--primary-color);
}

.row-dl {
  flex-wrap: wrap;
}

.zn-title {
  margin: 2em auto;
  text-align: center;
}
.zn-title span {
  background: var(--bs-gray-200);
  color: var(--primary-color);
  font-weight: 600;
  padding: 0.1em 1em;
  border-radius: 30px;
}

.frc-ct {
  width: calc(100% / 5);
  margin-bottom: 1em;
}

.frc-ct-bx {
  border-radius: 15px;
  font-size: 2em;
  font-weight: 900;
  text-align: center;
  aspect-ratio: 1 / 1;
  align-content: center;
}

.frc-ct h3 {
  font-size: 1em;
  text-align: center;
  margin: 0.5em 0;
}

.arch a {
  text-decoration: none;
}

.arch-main h2 {
  line-height: 1.1;
  font-weight: 800;
}

.arch-sb article {
  border-bottom: 1px solid #eee;
}

.arch-sb h2 {
  line-height: 1.1;
  font-size: 1.2em;
}
.arch-aut {
  filter: grayscale(100%);
}
.page-numbers {
  font-weight: 600;
}
.pagination li {
  margin: 0 5px;
}

.arch nav {
  border-top: 1px solid #eee;
  padding: 10px 0 0 0;
}

.login {
  position: absolute;
  z-index: 99;
  left: 0;
  right: 0;
  top: 40%;
}

.login h3 {
  font-weight: 900;
  color: var(--primary-color);
  text-transform: uppercase;
}

.con-usn {
  position: relative;
  width: 85%;
  margin: auto;
  border: 2px solid var(--primary-color);
  border-radius: 20px;
}

.typeform-widget {
  height: 600px;
}

/*** bp ****/

@media (max-width: 993px) {
  .con-usn {
    width: 95%;
    border-radius: 4px;
  }

  /*.bs-list {
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
  }*/

  .frc-ct {
    width: calc(100% / 2);
  }

  .act {
    left: 0;
    top: 0;
    z-index: 99999999;
  }

  .u-t {
    gap: 20px;
    padding: 10px 15px;
    background: #ffd1ff;
  }

  .mnu {
    width: 80%;
    max-width: 100%;
    height: 100dvh;
  }

  .ht {
    flex-direction: inherit;
    align-items: center;
    position: fixed;
    inset: 0 0 auto;
    z-index: 10000;
    background-color: var(--primary-color);
    padding: 2px 10px;
  }

  .lg {
    margin: 0.5rem 0;
  }

  .lg a {
    color: #fff;
  }


  .lg svg {
    width: 110px;
  }

  .lg svg g {
    fill: var(--white);
  }

  .b-h svg path {
    stroke: var(--white);
  }

  .hb {
    display: none;
  }

  .mn ul {
    flex-direction: column;
    gap: 0.5rem;
  }

  .hi {
    margin-top: 0.5rem;
  }

  .h-pm {
    padding-bottom: 4.5em;
  }

  .post-category {
    margin: 0 0 1em 0;
  }

  .entry-content {
    font-size: 20px;
  }

  .entry-content p {
    margin: 16px 0.5em 0.5em 0.5em;
  }

  .entry-content h2,
  .entry-content h3,
  .entry-content h4,
  .entry-content h5 {
    font-weight: 800;
    font-size: 30px;
    margin: 48px 0.5em 0 0.5em;
  }

  .pb-tds {
    display: block;
  }

  .pr-pm {
    background: var(--primary-color);
    border-radius: 15px;
    box-sizing: border-box;
    padding: 0 0 1.5em 0;
    margin: 0 auto;
    text-align: center;
    width: 75%;
  }
  .pr-pm .pr-nm {
    padding: 1em 0.5em;
  }

  .sma-nv {
    width: 100%;
    left: 0;
    right: 0;
  }

  .sma-nv .prv {
    left: 0%;
    position: absolute;
  }

  .sma-nv .nxt {
    right: 0%;
    position: absolute;
  }

  .ap {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    background: var(--accent-yellow);
  }

  .ai img {
    width: 60px;
    height: 60px;
  }

  .an {
    font-size: 11px;
    color: var(--primary-color);
  }

  .ah {
    font-size: 0.9rem;
    color: #000;
  }

  .lv {
    background: var(--primary-color);
  }

  .at {
    gap: 5px;
  }

  h1.entry-title {
    font-weight: 800;
    font-size: 32px;
    line-height: 30px;
  }

  .pb-t {
    font-weight: 300;
    font-size: 12px;
  }

  .video-single h1.entry-title {
    font-weight: 800;
    font-size: 32px;
    line-height: 32px;
  }

  .entry-desc {
    font-size: 18px;
    line-height: 24px;
    font-weight: 200;
    margin: 20px 0;
  }
  .entry-content dl,
  .entry-content ol,
  .entry-content ul {
    margin: 0;
  }

  .au-pm {
    width: 56px;
    flex: 0 0 56px;
    height: auto;
    border-radius: 50%;
    overflow: hidden;
  }

  .rp-s figure {
    height: 120px;
    width: 120px;
    flex: 0 0 120px;
    aspect-ratio: 1 / 1;
    margin: 0;
  }

  .rp-s h2 {
    margin: 0;
    font-size: 20px;
  }

  .mt-s {
    border-bottom: none;
    padding: 0px 10px;
  }

  .c-p {
    padding: 5px;
    border-bottom: none;
  }

  .au-w {
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 15px;
    padding-bottom: 1em;
  }

  .wrp-rs {
    gap: 20px;
  }

  .m-s,
  .f-pm {
    margin: 0;
  }

  .f-mn {
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
  }

  .ap-s {
    border-right: none;
    border-bottom: 1px solid #eee;
    margin-bottom: 1em;
    padding-bottom: 1em;
    text-align: center;
  }

  .ds-c {
    font-size: 11px;
    margin: 15px 0 0 0;
  }

  .ds-c p {
    margin: 0;
  }

  .as-w {
    border-left: none;
    max-width: 100%;
    margin-left: auto;
  }

  .ct-r {
    padding: 0;
    border-bottom: none;
  }

  .ds-t {
    text-align: center;
  }

  .st-w {
    height: 0;
  }

  .f-mn-w {
    margin: 0;
    text-align: center;
  }

  .rs-f-w {
    text-align: center;
  }

  .pm-ch,
  .pm-ch-s {
    width: 95%;
  }

  .pm-ch h2 {
    font-size: 1.7em;
  }

  .pm-ch-s h2 {
    font-size: 1.3em;
  }

  .pm-ch p {
    font-weight: 400;
    line-height: 1.1;
    font-size: 1em;
    margin: 15px auto;
    width: 95%;
  }

  .pm-ch-s p {
    font-weight: 400;
    line-height: 1.3;
    font-size: 1em;
    margin: 15px 0px;
  }

  .ai {display: none;}

  img.sq-m,
  .rp-s img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
  }

  .ch-sq article,
  .ch-md .col-md-4 article {
    display: flex;
    gap: 1em;
    align-items: center;
  }

  .ch-sq img,
  .ch-md img {
    max-width: 240px;
  }

  .ch-sq .pm-ch-s {
    margin: 0;
  }

  .bi-b {
    margin: 0;
  }

  .ch-sq .pm-ch-s h2,
  .ch-sb .pm-ch-s h2,
  .ch-md .pm-ch-s h2 {
    font-size: 1em;
  }

  .ch-sq .pm-ch-s p,
  .ch-sb .pm-ch-s p,
  .ch-md .pm-ch-s p {
    font-size: 0.7em;
    margin: 0;
  }

  .md-ar {
    padding: 0;
    width: 85%;
    margin: 1em auto;
  }
  .md-ar p {
    width: 100%;
  }
  .md-ar .pa-h {
    margin-top: 1em;
  }

  .post-tags-container {
    padding: 15px 0 15px 5px;
  }

  .post-tags-list {
    flex-wrap: nowrap;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

    white-space: nowrap;
    scrollbar-width: none;
  }

  .post-tag-item {
    white-space: nowrap;
  }

  .post-tags-list::-webkit-scrollbar {
    height: 5px;
  }

  .post-tags-list::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
  }
}



.gdisc-follow {
  --gd-bg: #532487;
  --gd-text: #111827;
  --gd-sub: #fff;
  --gd-border: #e5e7eb;
  --gd-accent: #1a73e8;
  --gd-radius: 14px;
  --gd-shadow: 0 10px 24px rgba(0,0,0,.06);

  margin: 24px auto;
}

.gdisc-follow__inner {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  gap: 16px;
  align-items: center;
  background: var(--gd-bg);
  color: var(--gd-text);
  border: 1px solid var(--gd-border);
  border-radius: var(--gd-radius);
  padding: 16px 18px;
  box-shadow: var(--gd-shadow);
}

.gdisc-logo {
  width: 44px;
  height: 44px;
  margin: 0;
  display: grid;
  place-items: center;
}
.gdisc-logo__svg {
  width: 32px;
  height: 32px;
  display: block;
}


.gdisc-follow__title {
 color: #fff;
 margin: 0 0 2px 0 !important;
 font-size: 16px !important;
 line-height: 1.3;
 font-weight: 700 !important;
}
.gdisc-follow__text {
  margin: 0!important;
  font-size: 14px;
  line-height: 1.45;
  color: var(--gd-sub);
}


.gdisc-follow__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 999px;
  background: #ffff04;
  color: #532487;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(26,115,232,.25);
  transition: transform .06s ease, background .2s ease, box-shadow .2s ease;
}
.gdisc-follow__btn:hover {
    background: #fec2ff;
}
.gdisc-follow__btn:active { transform: translateY(1px); }


@media (max-width: 640px) {
  .gdisc-follow__inner {
    grid-template-columns: 36px 1fr;
    grid-template-rows: auto auto;
    gap: 12px;
  }
  .gdisc-logo { width: 36px; height: 36px; }
  .gdisc-logo__svg { width: 24px; height: 24px; }
  .gdisc-follow__btn {
        grid-column: 1 / -1;
        width: 150px;
        margin: auto;
        padding: 12px 16px;
    }
}