/* Post del blog (/post/por-que-acachete-de-optica-tarda-tres-dias) · réplica de la página de post de Wix Blog
   Fondo blanco, "All Posts", tarjeta con borde de 940 px, columna de 740 px, formato Ricos
   (subtítulos Poppins, citas con barra azul, fotos a todo el ancho, separador, botones de compartir). */
:root{
  --post-azul:#384ad3;                 /* enlaces y barra de las citas (rgb 56,74,211) */
  --post-borde:rgba(227,227,227,.75);
  --post-linea:rgba(0,0,0,.2);
  --post-avatar:#c13a1b;
}

.post-pagina{background:var(--blanco);color:var(--negro)}
.post-nav{max-width:942px;margin:0 auto;padding-top:50px;font-family:var(--f-avenir);font-weight:300;font-size:14px;line-height:20px}
.post-nav a{color:var(--negro);text-decoration:none}
.post-nav a:hover{text-decoration:underline}

.post{max-width:942px;margin:50px auto 0;border:1px solid var(--post-borde);padding:60px 100px}

.post-meta{display:flex;align-items:center;flex-wrap:wrap;font-family:var(--f-avenir);font-weight:300;font-size:14px;line-height:1.4;color:var(--negro)}
.post-meta__textos{display:flex;flex-wrap:wrap;align-items:center}
.post-meta__punto{margin:0 6px}
.post-avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:12px;border-radius:50%;background:var(--post-avatar);color:var(--blanco);font-family:var(--f-inter);font-weight:400;font-size:16px;line-height:1}

.post h1{margin:18px 0 34px;font-family:var(--f-poppins);font-weight:600;font-size:40px;line-height:1.4;color:var(--negro)}

.post-cuerpo{font-family:var(--f-avenir);font-weight:300;font-size:18px;line-height:1.5;color:var(--negro)}
.post-cuerpo p{margin:0}
.post-cuerpo strong{font-weight:600}
.post-cuerpo h2{margin:0;font-family:var(--f-poppins);font-weight:600;font-size:28px;line-height:1.4;color:var(--negro)}
.post-cuerpo figure{margin:0 0 6px}
.post-cuerpo figure img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.post-cuerpo blockquote{margin:15px 0 15px 40px;padding:5px 0 5px 18px;border-left:3px solid var(--post-azul);font-size:24px;line-height:1.4}
.post-cuerpo a{color:var(--post-azul);text-decoration:none}
.post-cuerpo a:hover{text-decoration:underline}
.post-sep{width:40%;margin:14px auto 16px;border:0;border-top:1px solid rgba(0,0,0,.7);height:0}

.post-compartir{margin-top:20px;border-top:1px solid var(--post-linea);border-bottom:1px solid var(--post-linea);height:66px;display:flex;align-items:center;gap:30px;padding-left:1px;list-style:none}
.post-compartir a,.post-compartir button{display:flex;align-items:center;justify-content:center;width:19px;height:19px;color:var(--negro)}
.post-compartir svg{width:19px;height:19px;fill:currentColor}
.post-compartir a:hover,.post-compartir button:hover{color:var(--oro)}
.post-compartir .is-copiado{color:var(--oro)}

.post-pie{min-height:340px;display:flex;align-items:flex-end;justify-content:center;padding:0 20px 25px;margin-bottom:var(--nav-h)}
.post-pie p{width:50%;text-align:center;font-family:var(--f-avenir);font-weight:700;font-size:14px;line-height:1.6;color:var(--negro)}

@media (max-width:1000px) and (min-width:751px){
  .post-nav{padding-left:20px;padding-right:20px}
  .post{margin-left:20px;margin-right:20px;padding:60px 60px}
}
@media (max-width:750px){
  .post-nav{display:none}
  .post{margin:0 20px;border:0;padding:53px 37px 40px}
  .post-meta{font-size:12px}
  .post-meta__textos{flex-direction:column;align-items:flex-start}
  .post-meta__punto--1{display:none}
  .post h1{margin:14px 0 34px;font-size:26px}
  .post-cuerpo{font-size:16px}
  .post-cuerpo h2{font-size:24px}
  .post-cuerpo blockquote{margin:15px 0 15px 23px;padding-left:18px;font-size:20px;line-height:1.5}
  .post-sep{margin:14px auto 22px}
  .post-pie{margin-bottom:60px}
  .post-pie p{width:100%}
}