/* Estilo inspirado en imediagnostico.com (IMEDIAM) */
:root {
  --azul: #006496;
  --azul-oscuro: #004a70;
  --verde: #029f99;
  --titulo: #2a2b2f;
  --texto: #4b4e53;
  --tenue: #7a7f86;
  --fondo: #ffffff;
  --fondo-alt: #f3f7fa;
  --borde: #e2e8ee;
  --error: #c0392b;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: "Open Sans", system-ui, sans-serif;
  font-size: 15px;
  background: var(--fondo);
  color: var(--texto);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
h1, h2, h3, .marca, .menu a { font-family: "Poppins", "Open Sans", sans-serif; }
a { color: var(--azul); }

/* Barra superior y menu */
.barra {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: .7rem 1.5rem;
  background: linear-gradient(90deg, var(--azul-oscuro), var(--azul));
  flex-wrap: wrap;
  position: sticky;
  top: 0;
  z-index: 10;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .12);
}
.marca { font-weight: 600; font-size: 1.25rem; color: #fff; text-decoration: none; letter-spacing: .5px; }
.menu { display: flex; align-items: center; gap: .35rem; margin-left: auto; flex-wrap: wrap; }
.menu a {
  color: rgba(255, 255, 255, .85);
  text-decoration: none;
  padding: .45rem .85rem;
  border-radius: 6px;
  font-weight: 500;
  font-size: .92rem;
  text-transform: uppercase;
  letter-spacing: .4px;
}
.menu a:hover { color: #fff; background: rgba(255, 255, 255, .12); }
.menu a.activo { color: #fff; background: rgba(255, 255, 255, .18); }
.menu .boton-google { background: var(--verde); color: #fff; text-transform: none; }
.menu .boton-google:hover { background: #028a85; }
.menu .boton-sec { border: 1px solid rgba(255, 255, 255, .4); text-transform: none; }
.usuario { display: flex; align-items: center; gap: .4rem; color: #fff; padding: 0 .4rem; font-size: .9rem; }
.usuario img { width: 26px; height: 26px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .6); }
.menu-toggle, .menu-boton { display: none; }

/* Menu desplegable "Mercados" */
.desplegable { position: relative; }
.desplegable > button { font: inherit; font-family: "Poppins", sans-serif; background: none; border: 0; color: rgba(255, 255, 255, .85); padding: .45rem .85rem; border-radius: 6px; font-weight: 500; font-size: .92rem; text-transform: uppercase; letter-spacing: .4px; cursor: pointer; }
.desplegable > button:hover, .desplegable > button.activo { color: #fff; background: rgba(255, 255, 255, .15); }
.submenu { display: none; position: absolute; top: 100%; left: 0; min-width: 230px; background: #fff; border-radius: 8px; box-shadow: 0 10px 30px rgba(0, 0, 0, .18); padding: .4rem 0; z-index: 20; }
.desplegable:hover .submenu, .desplegable:focus-within .submenu { display: block; }
.menu .submenu a { display: block; color: var(--azul); text-transform: none; font-size: .95rem; padding: .6rem 1.1rem; border-radius: 0; letter-spacing: 0; border-bottom: 1px solid var(--borde); }
.menu .submenu a:last-child { border-bottom: 0; }
.menu .submenu a:hover, .menu .submenu a.activo { background: var(--fondo-alt); color: var(--azul-oscuro); }
@media (max-width: 1180px) {
  .desplegable > button { width: 100%; text-align: left; }
  .submenu { display: block; position: static; box-shadow: none; background: rgba(255, 255, 255, .08); margin: .2rem 0 .4rem .8rem; }
  .menu .submenu a { color: rgba(255, 255, 255, .9); border-bottom-color: rgba(255, 255, 255, .12); }
  .menu .submenu a:hover, .menu .submenu a.activo { background: rgba(255, 255, 255, .15); color: #fff; }
}

/* Selector de idioma */
.idiomas { display: flex; gap: .25rem; padding: 0 .3rem; }
.idiomas button { border: 2px solid transparent; background: none; padding: 2px; border-radius: 6px; cursor: pointer; line-height: 0; opacity: .65; transition: opacity .15s; }
.idiomas button img { width: 24px; height: 16px; object-fit: cover; border-radius: 2px; }
.idiomas button:hover { opacity: 1; }
.idiomas button.activo { opacity: 1; border-color: rgba(255, 255, 255, .85); }
/* Ocultar la barra y los globos que agrega Google Translate */
.goog-te-banner-frame, .skiptranslate iframe, #goog-gt-tt, .goog-te-balloon-frame, .VIpgJd-ZVi9od-ORHb-OEVmcd { display: none !important; }
body { top: 0 !important; }
.goog-text-highlight { background: none !important; box-shadow: none !important; }

@media (max-width: 1180px) {
  .menu-boton { display: block; margin-left: auto; font-size: 1.6rem; color: #fff; cursor: pointer; }
  .menu { display: none; width: 100%; flex-direction: column; align-items: stretch; margin: .5rem 0 0; }
  .menu-toggle:checked ~ .menu { display: flex; }
}

/* Franja de encabezado con el auspicio */
.portada {
  background: linear-gradient(135deg, #002f47 0%, var(--azul-oscuro) 45%, var(--azul) 100%);
  color: #fff;
  text-align: center;
  padding: 2.2rem 1rem 2rem;
}
.portada h1 { color: #fff; margin: 0; font-size: 1.9rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
.portada p { margin: .5rem 0 0; color: rgba(255, 255, 255, .8); font-style: italic; }
.portada .logo-auspicio { display: inline-block; margin-top: 1.1rem; }
/* Logo en blanco sobre la portada azul (la parte azul del original no se lee sobre este fondo) */
.portada .logo-auspicio img { height: 54px; width: auto; filter: brightness(0) invert(1); opacity: .95; transition: opacity .15s; }
.portada .logo-auspicio:hover img { opacity: 1; }

/* Contenido */
.contenido { width: 100%; max-width: 1200px; margin: 0 auto; padding: 2rem 1rem 3rem; flex: 1; }
h1 { color: var(--titulo); font-weight: 600; margin: .25rem 0; }
.sub { color: var(--tenue); margin: .25rem 0 1rem; font-size: .9rem; }
.intro { color: var(--azul); font-style: italic; font-size: 1.15rem; line-height: 1.5; margin: 0 0 1.5rem; }
.tarjetas { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 1.25rem; margin-top: 1rem; }
.tarjeta {
  background: var(--fondo);
  border: 1px solid var(--borde);
  border-top: 4px solid var(--azul);
  border-radius: 8px;
  padding: 1.4rem;
  box-shadow: 0 4px 18px rgba(0, 60, 100, .06);
}
.tarjeta h2 { font-size: 1.05rem; color: var(--titulo); font-weight: 600; margin: 0 0 1rem; display: flex; align-items: center; gap: .55rem; }
.icono { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; font-size: 1rem; color: #fff; }
.icono.btc { background: #f7931a; }
.icono.usd { background: var(--verde); }
.icono.riesgo { background: var(--azul); }
.fila { display: flex; justify-content: space-between; align-items: baseline; padding: .6rem 0; border-top: 1px solid var(--borde); gap: 1rem; }
.fila span { color: var(--tenue); }
.fila strong { font-size: 1.2rem; color: var(--azul); font-variant-numeric: tabular-nums; font-family: "Poppins", sans-serif; font-weight: 600; }
.grande { font-size: 2.5rem; font-weight: 600; color: var(--azul); font-family: "Poppins", sans-serif; font-variant-numeric: tabular-nums; }
.grande small { font-size: 1rem; color: var(--tenue); font-weight: 400; }
.error { color: var(--error); }

.ver-mas { display: inline-block; margin-top: .9rem; color: var(--verde); font-weight: 600; font-size: .9rem; text-decoration: none; }
.ver-mas:hover { text-decoration: underline; }

/* Indicadores economicos */
.indicadores { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; }
.indicador { display: flex; flex-direction: column; gap: .3rem; padding: 1rem 1.1rem; border: 1px solid var(--borde); border-left: 4px solid var(--verde); border-radius: 8px; background: var(--fondo); }
.ind-titulo { color: var(--tenue); font-size: .85rem; font-weight: 600; text-transform: uppercase; letter-spacing: .3px; }
.ind-valor { color: var(--azul); font-family: "Poppins", sans-serif; font-size: 1.45rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.ind-cambio { font-size: .8rem; font-weight: 600; }
.ind-cambio.sube { color: #1e9e5a; }
.ind-cambio.baja { color: var(--error); }
.ind-cambio.neutro { color: var(--tenue); }
.ind-pie { color: var(--tenue); font-size: .78rem; }
.indicador.destacado { border-left-color: var(--azul); background: var(--fondo-alt); }
a.tarjeta-link { display: block; text-decoration: none; color: inherit; transition: box-shadow .15s, transform .15s; }
a.tarjeta-link:hover { box-shadow: 0 8px 24px rgba(0, 60, 100, .14); transform: translateY(-2px); }
a.indicador { text-decoration: none; transition: box-shadow .15s, transform .15s; }
a.indicador:hover { box-shadow: 0 6px 18px rgba(0, 60, 100, .12); transform: translateY(-2px); border-left-color: var(--azul); }

/* Pagina de grafico */
.volver { margin: 0 0 .5rem; }
.grafico-cabecera { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.rangos { display: flex; gap: .3rem; }
.rangos button { border: 1px solid var(--borde); background: var(--fondo); color: var(--texto); padding: .35rem .75rem; border-radius: 6px; cursor: pointer; font-family: "Poppins", sans-serif; font-weight: 500; }
.rangos button:hover { border-color: var(--azul); }
.rangos button.activo { background: var(--azul); border-color: var(--azul); color: #fff; }
.grafico-lienzo { position: relative; height: 380px; }

/* Selector "Ver otro" en las paginas de grafico */
.encabezado-grafico { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.encabezado-grafico .sub { margin-bottom: 0; }
.cambiar { display: flex; flex-direction: column; gap: .3rem; min-width: 260px; }
.cambiar span { color: var(--tenue); font-size: .8rem; font-weight: 600; text-transform: uppercase; letter-spacing: .3px; }
.cambiar select { font: inherit; font-size: .95rem; padding: .55rem .8rem; border: 1px solid var(--borde); border-radius: 8px; background: var(--fondo); color: var(--titulo); cursor: pointer; }
.cambiar select:focus { outline: 2px solid var(--azul); border-color: transparent; }
@media (max-width: 600px) { .cambiar { width: 100%; } }
.logo-titulo { width: 1.1em; height: 1.1em; vertical-align: -.12em; margin-right: .35rem; }
.tabla a.fila-link { color: inherit; text-decoration: none; }
.tabla a.fila-link:hover strong { color: var(--azul); text-decoration: underline; }

.comparar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .8rem 1rem; margin: 1rem 0 .5rem; padding: 1rem 1.2rem; background: var(--fondo-alt); border-radius: 8px; }
.comparar > span { width: 100%; color: var(--titulo); font-weight: 600; }
.comparar .campo { min-width: 220px; max-width: 320px; }
.dos-columnas { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 0 1.5rem; }

/* Riesgo pais por pais */
.selector-paises { display: flex; flex-wrap: wrap; gap: .4rem; margin: .5rem 0 1.5rem; }
.selector-paises a { padding: .4rem .8rem; border: 1px solid var(--borde); border-radius: 20px; text-decoration: none; color: var(--texto); font-size: .9rem; }
.selector-paises a:hover { border-color: var(--azul); color: var(--azul); }
.selector-paises a.activo { background: var(--azul); border-color: var(--azul); color: #fff; }
.titulo-grafico { color: var(--titulo); font-size: 1.3rem; font-weight: 600; margin: 0; }
.ranking { border: 1px solid var(--borde); border-radius: 8px; overflow: hidden; }
.ranking-fila { display: grid; grid-template-columns: 210px 1fr 70px; align-items: center; gap: 1rem; padding: .6rem 1rem; text-decoration: none; color: var(--texto); }
.ranking-fila + .ranking-fila { border-top: 1px solid var(--borde); }
.ranking-fila:hover, .ranking-fila.activo { background: var(--fondo-alt); }
.ranking-fila.activo .ranking-nombre { color: var(--azul); font-weight: 600; }
.ranking-barra { height: 10px; background: var(--fondo-alt); border-radius: 5px; overflow: hidden; }
.ranking-barra span { display: block; height: 100%; background: linear-gradient(90deg, var(--verde), var(--azul)); border-radius: 5px; }
.ranking-valor { text-align: right; font-family: "Poppins", sans-serif; font-weight: 600; color: var(--azul); font-variant-numeric: tabular-nums; }
@media (max-width: 600px) { .ranking-fila { grid-template-columns: 1fr 60px; } .ranking-barra { display: none; } }
@media (max-width: 600px) { .grafico-lienzo { height: 280px; } }

/* Tablas (monedas y criptos) */
.bloque { margin-top: 2rem; }
.tabla-envoltura { overflow-x: auto; border: 1px solid var(--borde); border-radius: 8px; }
.tabla { width: 100%; border-collapse: collapse; font-size: .95rem; }
.tabla th { background: var(--fondo-alt); color: var(--titulo); font-family: "Poppins", sans-serif; font-weight: 600; text-align: left; padding: .7rem 1rem; white-space: nowrap; }
.tabla td { padding: .7rem 1rem; border-top: 1px solid var(--borde); white-space: nowrap; }
.tabla tbody tr:hover { background: var(--fondo-alt); }
.tabla .num { text-align: right; font-variant-numeric: tabular-nums; }
.tabla td.num { color: var(--azul); font-weight: 600; }
.tabla strong { color: var(--titulo); font-weight: 600; }
.codigo { color: var(--tenue); font-size: .8rem; margin-left: .25rem; }
.bandera { font-size: 1.2rem; vertical-align: -2px; }
.bandera-img { width: 1.35em; height: auto; vertical-align: -.15em; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .08); }

/* Explicacion debajo de los graficos */
.explicacion { margin-top: 1.25rem; padding: 1.1rem 1.3rem; background: var(--fondo-alt); border-left: 4px solid var(--verde); border-radius: 8px; }
.explicacion h3 { margin: 0 0 .5rem; color: var(--titulo); font-size: 1rem; font-weight: 600; }
.explicacion p { margin: .4rem 0 0; line-height: 1.6; }
.puesto { color: var(--tenue); width: 2rem; }
.cripto img { width: 22px; height: 22px; vertical-align: -5px; margin-right: .35rem; }
.tabla td.sube { color: #1e9e5a; }
.tabla td.baja { color: var(--error); }

/* Noticias */
.titulo-noticias { margin-top: 2.5rem; }
.columnas-noticias { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; align-items: start; }
@media (max-width: 900px) { .columnas-noticias { grid-template-columns: 1fr; } }
.columna-titulo { margin: 0; padding: .7rem 1rem; background: var(--azul); color: #fff; font-size: 1rem; font-weight: 600; border-radius: 8px 8px 0 0; }
.noticias .lista-noticias { border-top: 0; border-radius: 0 0 8px 8px; }
.noticias .lista-noticias a { padding: .75rem 1rem; }
.noticias .noticia-titulo { font-size: .93rem; }
.lista-noticias a.con-foto { flex-direction: row; align-items: flex-start; gap: .8rem; }
.noticia-texto { display: flex; flex-direction: column; gap: .25rem; min-width: 0; }
.noticia-foto { flex: none; width: 92px; height: 66px; object-fit: cover; border-radius: 6px; background: var(--fondo-alt); }
@media (max-width: 600px) { .noticia-foto { width: 80px; height: 58px; } }
.seccion { color: var(--titulo); font-size: 1.35rem; font-weight: 600; margin: 0 0 1rem; padding-bottom: .5rem; border-bottom: 3px solid var(--azul); display: inline-block; }
.lista-noticias { list-style: none; margin: 0; padding: 0; border: 1px solid var(--borde); border-radius: 8px; overflow: hidden; }
.lista-noticias li + li { border-top: 1px solid var(--borde); }
.lista-noticias a { display: flex; flex-direction: column; gap: .25rem; padding: .9rem 1.1rem; text-decoration: none; transition: background .15s; }
.lista-noticias a:hover { background: var(--fondo-alt); }
.noticia-titulo { color: var(--titulo); font-weight: 600; line-height: 1.35; }
.lista-noticias a:hover .noticia-titulo { color: var(--azul); }
.noticia-meta { color: var(--verde); font-size: .82rem; font-weight: 600; }

/* Calculadoras: pestanias, conversor y plazo fijo */
.pestanias { display: flex; gap: .4rem; margin: 1rem 0 1.25rem; flex-wrap: wrap; }
.pestanias button { font: inherit; font-family: "Poppins", sans-serif; font-weight: 500; padding: .6rem 1.1rem; border: 1px solid var(--borde); border-radius: 8px; background: var(--fondo); color: var(--texto); cursor: pointer; }
.pestanias button:hover { border-color: var(--azul); }
.pestanias button.activo { background: var(--azul); border-color: var(--azul); color: #fff; }
.calc-grande { max-width: 900px; }
.campo { display: flex; flex-direction: column; gap: .35rem; flex: 1; min-width: 0; }
.campo span { color: var(--titulo); font-weight: 600; font-size: .9rem; }
.campo input, .campo select { font: inherit; font-size: 1.05rem; padding: .65rem .8rem; border: 1px solid var(--borde); border-radius: 8px; background: var(--fondo-alt); color: var(--titulo); width: 100%; }
.campo input:focus, .campo select:focus { outline: 2px solid var(--azul); border-color: transparent; background: #fff; }
.conversor-fila { display: flex; gap: .8rem; align-items: flex-end; flex-wrap: wrap; }
.conversor-fila .campo { min-width: 180px; }
.boton-invertir { font-size: 1.3rem; width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--borde); background: var(--fondo); color: var(--azul); cursor: pointer; flex: none; }
.boton-invertir:hover { background: var(--azul); color: #fff; }
.resultado-grande { margin-top: 1.4rem; font-family: "Poppins", sans-serif; font-size: 1.7rem; font-weight: 600; color: var(--azul); word-break: break-word; }
.plazo-grilla { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: .9rem; }
.check { display: flex; gap: .5rem; align-items: center; margin: 1rem 0 .25rem; color: var(--titulo); cursor: pointer; }
.pf-resultados { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: .8rem; margin-top: 1.2rem; }
.pf-dato { background: var(--fondo-alt); border-radius: 8px; padding: .8rem 1rem; display: flex; flex-direction: column; gap: .25rem; }
.pf-dato span { color: var(--tenue); font-size: .82rem; font-weight: 600; }
.pf-dato strong { color: var(--azul); font-family: "Poppins", sans-serif; font-size: 1.25rem; font-weight: 600; }
.pf-barras { margin-top: 1.2rem; display: flex; flex-direction: column; gap: .6rem; }
.pf-barra { display: grid; grid-template-columns: 90px 1fr 80px; gap: .8rem; align-items: center; }
.pf-barra span { color: var(--tenue); font-weight: 600; font-size: .9rem; }
.pf-barra div { height: 14px; background: var(--fondo-alt); border-radius: 7px; overflow: hidden; }
.pf-barra i { display: block; height: 100%; background: var(--verde); border-radius: 7px; transition: width .2s; }
.pf-barra i.inf { background: #e07a2d; }
.pf-barra b { text-align: right; font-family: "Poppins", sans-serif; color: var(--titulo); }
.veredicto { margin-top: 1.2rem; padding: 1rem 1.2rem; border-radius: 8px; line-height: 1.55; }
.veredicto.gana { background: #e7f6ee; color: #155d38; }
.veredicto.pierde { background: #fdecea; color: #8a2a1f; }

.titulo-flujos { margin: 1.5rem 0 .6rem; color: var(--titulo); font-size: 1.05rem; }
.tabla-flujos { max-height: 360px; overflow-y: auto; }

/* Noticias locales */
.locales { margin: 0 0 1.5rem; padding: 1rem 1.2rem; border: 1px solid var(--borde); border-left: 4px solid var(--verde); border-radius: 8px; background: var(--fondo-alt); }
.locales-cabecera { display: flex; justify-content: space-between; align-items: baseline; gap: .5rem 1rem; flex-wrap: wrap; margin-bottom: .6rem; }
.locales-titulo { margin: 0; color: var(--titulo); font-size: 1.05rem; font-weight: 600; }
.cambiar-ciudad summary { cursor: pointer; color: var(--verde); font-weight: 600; font-size: .88rem; }
.cambiar-ciudad form { display: flex; gap: .4rem; margin-top: .5rem; }
.cambiar-ciudad input { font: inherit; padding: .4rem .6rem; border: 1px solid var(--borde); border-radius: 6px; min-width: 180px; }
.cambiar-ciudad button { font: inherit; padding: .4rem .8rem; border: 0; border-radius: 6px; background: var(--azul); color: #fff; cursor: pointer; }
.ciudad-auto { display: inline-block; margin-top: .4rem; font-size: .85rem; }
.lista-locales { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: .6rem; }
.lista-locales a { display: flex; flex-direction: column; gap: .25rem; height: 100%; padding: .7rem .8rem; background: var(--fondo); border: 1px solid var(--borde); border-radius: 6px; text-decoration: none; }
.lista-locales a:hover .noticia-titulo { color: var(--azul); }
.lista-locales .noticia-titulo { font-size: .92rem; }
.locales-nota { margin: .6rem 0 0; font-size: .78rem; }

/* Blog de salud */
.blog-cabecera { margin-bottom: 1rem; }
.grilla-notas { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.25rem; margin: 1rem 0; }
.tarjeta-nota { display: flex; flex-direction: column; border: 1px solid var(--borde); border-radius: 10px; overflow: hidden; background: var(--fondo); text-decoration: none; color: inherit; transition: box-shadow .15s, transform .15s; }
.tarjeta-nota:hover { box-shadow: 0 8px 24px rgba(0, 60, 100, .12); transform: translateY(-2px); }
.tarjeta-nota img, .nota-sin-foto { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: var(--fondo-alt); }
.nota-sin-foto { display: grid; place-items: center; font-size: 2.5rem; background: linear-gradient(135deg, #e6f2f8, #e6f6f5); }
.tarjeta-nota-cuerpo { display: flex; flex-direction: column; gap: .4rem; padding: 1rem 1.1rem 1.2rem; flex: 1; }
.nota-categoria { color: var(--verde); font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; text-decoration: none; }
.nota-titulo { color: var(--titulo); font-family: "Poppins", sans-serif; font-weight: 600; font-size: 1.08rem; line-height: 1.35; }
.nota-resumen { color: var(--texto); font-size: .92rem; line-height: 1.5; }
.nota-meta { color: var(--tenue); font-size: .8rem; margin-top: auto; }
.borrador { color: #b26a00; }
.nota { max-width: 760px; margin: 0 auto; }
.nota-h1 { font-size: 2.1rem; line-height: 1.25; margin: .4rem 0 .6rem; }
.nota-bajada { font-size: 1.2rem; color: var(--azul); font-style: italic; line-height: 1.5; margin: 0 0 .8rem; }
.nota-datos { color: var(--tenue); font-size: .9rem; margin: 0 0 1.2rem; }
.nota-foto { width: 100%; border-radius: 10px; margin-bottom: 1.5rem; }
.nota-cuerpo { font-size: 1.06rem; line-height: 1.75; color: var(--texto); }
.nota-cuerpo h2 { font-size: 1.4rem; margin: 2rem 0 .6rem; color: var(--titulo); }
.nota-cuerpo h3 { font-size: 1.15rem; margin: 1.5rem 0 .5rem; color: var(--titulo); }
.nota-cuerpo li { margin: .3rem 0; }
.nota-cuerpo blockquote { margin: 1rem 0; padding: .6rem 1rem; border-left: 4px solid var(--verde); background: var(--fondo-alt); }
.aviso-medico-nota { margin: 2rem 0 1.5rem; padding: 1rem 1.2rem; background: #fff8e6; border-left: 4px solid #e0a800; border-radius: 8px; font-size: .93rem; line-height: 1.55; }
.aviso-medico { color: var(--tenue); font-size: .85rem; margin-top: 2rem; }
.compartir { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 1rem 0 2rem; }
.compartir > span { color: var(--tenue); font-weight: 600; }
.btn-compartir { font: inherit; font-size: .88rem; padding: .45rem .9rem; border-radius: 20px; color: #fff; text-decoration: none; border: 0; cursor: pointer; }
.btn-compartir.wa { background: #25d366; }
.btn-compartir.fb { background: #1877f2; }
.btn-compartir.x { background: #111; }
.btn-compartir.in { background: #0a66c2; }
.btn-compartir.copiar { background: var(--tenue); }
.cta-imediam { padding: 1.3rem 1.5rem; border-radius: 10px; background: linear-gradient(135deg, var(--azul-oscuro), var(--azul)); color: #fff; }
.cta-imediam p { margin: 0 0 .9rem; line-height: 1.55; }
.boton-cta { display: inline-block; font: inherit; font-weight: 600; padding: .6rem 1.2rem; border-radius: 8px; border: 0; background: var(--verde); color: #fff; text-decoration: none; cursor: pointer; }
.boton-cta:hover { background: #028a85; }
.boton-sec-claro { font: inherit; padding: .55rem 1.1rem; border-radius: 8px; border: 1px solid var(--borde); background: var(--fondo); color: var(--titulo); cursor: pointer; align-self: flex-start; }
.aviso-borrador, .aviso-error, .aviso-ok { padding: .8rem 1rem; border-radius: 8px; margin: 0 0 1rem; }
.aviso-borrador { background: #fff8e6; }
.aviso-error { background: #fdecea; color: #8a2a1f; }
.aviso-ok { background: #e7f6ee; color: #155d38; }

/* Panel de administracion del blog */
.estado { padding: .2rem .6rem; border-radius: 12px; font-size: .8rem; font-weight: 600; }
.estado.publicada { background: #e7f6ee; color: #155d38; }
.estado.borrador { background: #fff3d6; color: #8a5a00; }
.acciones { display: flex; gap: .8rem; align-items: center; }
.acciones form { margin: 0; }
.link-peligro { font: inherit; background: none; border: 0; color: var(--error); cursor: pointer; padding: 0; }
.form-nota { display: flex; flex-direction: column; gap: 1rem; max-width: 900px; }
.form-nota textarea, .asistente textarea { font: inherit; font-size: .98rem; padding: .65rem .8rem; border: 1px solid var(--borde); border-radius: 8px; background: var(--fondo-alt); width: 100%; resize: vertical; }
#f-contenido { font-family: Consolas, "Courier New", monospace; font-size: .92rem; }
.revision { border: 1px solid var(--borde); border-radius: 8px; padding: .8rem 1rem; }
.revision legend { font-weight: 600; color: var(--titulo); padding: 0 .4rem; }
.botones-form { display: flex; gap: .8rem; align-items: center; flex-wrap: wrap; }
.foto-actual { height: 48px; vertical-align: middle; border-radius: 4px; }
.vista-previa { border: 1px dashed var(--borde); border-radius: 8px; padding: 1rem 1.3rem; }
.asistente { max-width: 900px; margin: 0 0 1.5rem; border: 1px solid var(--borde); border-radius: 10px; background: var(--fondo-alt); }
.asistente summary { padding: 1rem 1.2rem; cursor: pointer; font-weight: 600; color: var(--titulo); }
.asistente-pasos { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1rem; padding: 0 1.2rem 1.2rem; }
.paso { display: flex; flex-direction: column; gap: .7rem; background: var(--fondo); border: 1px solid var(--borde); border-radius: 8px; padding: 1rem; }
.paso h3 { margin: 0; font-size: 1rem; color: var(--azul); }
.verificar { background: #fff8e6; border-radius: 8px; padding: .8rem 1rem; font-size: .92rem; }
.verificar ul { margin: .4rem 0 0; padding-left: 1.2rem; }

/* Calculadora */
.calc { max-width: 500px; }
.calc label { display: block; color: var(--titulo); font-weight: 600; margin-bottom: .4rem; }
.calc input {
  width: 100%;
  font-size: 1.6rem;
  font-family: "Poppins", sans-serif;
  padding: .6rem .8rem;
  border-radius: 6px;
  border: 1px solid var(--borde);
  background: var(--fondo-alt);
  color: var(--titulo);
  margin-bottom: 1rem;
}
.calc input:focus { outline: 2px solid var(--azul); border-color: transparent; background: #fff; }

/* Pie con el auspicio */
.pie { background: var(--titulo); color: rgba(255, 255, 255, .7); text-align: center; padding: 1.5rem 1rem; font-size: .82rem; }
.auspicio { display: inline-flex; flex-direction: column; align-items: center; gap: .5rem; text-decoration: none; color: rgba(255, 255, 255, .8); margin-bottom: 1rem; }
.auspicio:hover { color: #fff; }
.auspicio span { text-transform: uppercase; letter-spacing: 1.5px; font-size: .72rem; }
.auspicio img { height: 56px; width: auto; }
.pie .fuentes { color: rgba(255, 255, 255, .5); }