@charset "utf-8";
/* CSS Document */

/* ======================================================
   BLOQUE: NEURONAS DE DIOS
   Cyberfractal — ancho máximo 440px
   Compatible con tablas antiguas / Dreamweaver / navegador
====================================================== */

.neuronas-dios-box {
  width:100%;
  max-width:440px;
  margin:0 auto;
  padding:0 10px;
  box-sizing:border-box;
  overflow:visible;

  position:relative;
  z-index:1;

  font-family:'Cormorant Garamond', Georgia, serif;
  color:#e6e6e6;
}

/* Evita cálculos raros de ancho dentro del bloque */
.neuronas-dios-box *,
.neuronas-dios-box *:before,
.neuronas-dios-box *:after {
  box-sizing:border-box;
}

/* ======================================================
   PLACA SUPERIOR
====================================================== */

.neuronas-placa {
  display:inline-block;
  max-width:100%;
  padding:5px 10px;
  margin:0 0 10px 0;

  font-size:10px;
  line-height:1.4em;
  letter-spacing:1.8px;
  text-transform:uppercase;
  color:#d6b85c;

  border:1px solid rgba(214,184,92,0.42);
  background:rgba(0,0,0,0.28);

  box-shadow:
    0 0 6px rgba(214,184,92,0.25),
    inset 0 0 6px rgba(214,184,92,0.14);
}

/* ======================================================
   TÍTULO
====================================================== */

.neuronas-titulo {
  margin:0;
  padding:0;

  font-size:20px;
  font-weight:normal;
  line-height:1.25em;
  text-align:left;
  letter-spacing:0.3px;

  color:#d6b85c;

  text-shadow:
    0 0 5px rgba(214,184,92,0.42),
    0 0 12px rgba(214,184,92,0.22);
}

.neuronas-subtitulo {
  margin:5px 0 0 0;

  font-size:13px;
  line-height:1.45em;
  color:#cdbb7a;
  text-align:left;
  letter-spacing:0.4px;
}

/* ======================================================
   LÍNEA FRACTAL
====================================================== */

.neuronas-linea {
  width:55px;
  height:1px;
  margin:12px 0 15px 0;

  background:linear-gradient(to right, #d6b85c, transparent);
  opacity:0.75;
}

/* ======================================================
   FRASE FUERTE / AXIOMA
====================================================== */

.neuronas-axioma {
  margin:0 0 15px 0;
  padding:10px 11px;

  font-size:13px;
  line-height:1.5em;
  color:#f0e6c0;
  text-align:justify;

  border-left:2px solid rgba(214,184,92,0.55);
  background:rgba(255,255,255,0.035);

  box-shadow:
    inset 0 0 8px rgba(214,184,92,0.09);
}

/* ======================================================
   PÁRRAFOS
====================================================== */

.neuronas-dios-box p {
  margin:0 0 14px 0;

  font-size:13px;
  line-height:1.58em;
  color:#e6e6e6;
  text-align:justify;
  text-indent:18px;
}

.neuronas-dios-box em {
  color:#f0e6c0;
}

.neuronas-dios-box strong {
  color:#d6b85c;
  font-weight:bold;
}

/* ======================================================
   IMÁGENES / GIFS
====================================================== */

.neuronas-img-box {
  width:100%;
  margin:0 auto 15px auto;
  text-align:center;
  overflow:visible;
}

.neuronas-img {
  display:block;
  max-width:100%;
  height:auto;
  margin:0 auto;

  border:1px solid rgba(214,184,92,0.28);

  box-shadow:
    0 0 8px rgba(214,184,92,0.18),
    0 0 16px rgba(0,0,0,0.55);
}

/* ======================================================
   BLOQUE GALILEO / EINSTEIN
====================================================== */

.neuronas-cita {
  margin:2px 0 16px 0;
  padding:10px 11px;

  font-size:12px;
  line-height:1.52em;
  color:#d8d0b0;
  text-align:justify;

  border-top:1px solid rgba(214,184,92,0.28);
  border-bottom:1px solid rgba(214,184,92,0.28);

  background:rgba(0,0,0,0.18);

  box-shadow:
    inset 0 0 10px rgba(214,184,92,0.06);
}

.neuronas-cita-titulo {
  color:#d6b85c;
  font-size:11px;
  letter-spacing:1.4px;
  text-transform:uppercase;
  margin-bottom:7px;
  text-align:center;

  text-shadow:
    0 0 4px rgba(214,184,92,0.35);
}

.neuronas-cita-linea {
  width:38px;
  height:1px;
  margin:5px auto 9px auto;

  background:linear-gradient(to right, transparent, #d6b85c, transparent);
  opacity:0.65;
}

.neuronas-cita p {
  margin:0 0 9px 0;
  padding:0;

  font-size:12px;
  line-height:1.52em;
  color:#d8d0b0;
  text-align:justify;
  text-indent:0;
}

.neuronas-cita p:last-child {
  margin-bottom:0;
}

/* ======================================================
   FE Y SALUD MENTAL
====================================================== */

.neuronas-salud {
  margin:4px 0 16px 0;
  padding:10px 11px;

  font-size:12px;
  line-height:1.55em;
  color:#f0e6c0;
  text-align:justify;

  border-left:2px solid rgba(214,184,92,0.55);

  background:
    radial-gradient(circle at top left, rgba(214,184,92,0.08), transparent 48%),
    rgba(255,255,255,0.035);

  box-shadow:
    inset 0 0 9px rgba(214,184,92,0.08);
}

.neuronas-salud-titulo {
  margin:0 0 7px 0;

  color:#d6b85c;
  font-size:12px;
  letter-spacing:1px;
  text-transform:uppercase;
  text-align:left;
}

/* ======================================================
   SÍNTESIS FRACTAL
====================================================== */

.neuronas-sintesis {
  margin:2px 0 16px 0;
  padding:11px 12px;

  font-size:12px;
  line-height:1.55em;
  color:#d8d0b0;
  text-align:justify;

  border:1px solid rgba(214,184,92,0.28);

  background:
    radial-gradient(circle at center, rgba(214,184,92,0.07), rgba(0,0,0,0.20));

  box-shadow:
    0 0 8px rgba(214,184,92,0.10),
    inset 0 0 12px rgba(214,184,92,0.06);
}

.neuronas-sintesis-titulo {
  color:#d6b85c;
  font-size:11px;
  letter-spacing:1.4px;
  text-transform:uppercase;
  margin-bottom:8px;
  text-align:center;

  text-shadow:
    0 0 4px rgba(214,184,92,0.35);
}

/* ======================================================
   IMAGEN FINAL CON HALO
====================================================== */

.neuronas-final-box {
  width:100%;
  margin:16px auto 12px auto;
  text-align:center;
  overflow:visible;
}

.neuronas-final-marco {
  width:100%;
  max-width:360px;
  margin:0 auto;
  padding:6px;

  border:1px solid rgba(214,184,92,0.42);

  background:
    radial-gradient(circle at center, rgba(214,184,92,0.10), rgba(0,0,0,0.35));

  box-shadow:
    0 0 10px rgba(214,184,92,0.24),
    0 0 18px rgba(0,0,0,0.58),
    inset 0 0 8px rgba(214,184,92,0.10);
}

.neuronas-final-img {
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  margin:0 auto;

  border:1px solid rgba(255,255,255,0.18);
  background:#111;

  box-shadow:
    0 0 6px rgba(0,0,0,0.65);
}

/* ======================================================
   REFERENCIA BIBLIOGRÁFICA
====================================================== */

.neuronas-referencia {
  margin:12px 0 14px 0;
  padding:8px 9px;

  font-size:10.5px;
  line-height:1.45em;
  color:#aaa;
  text-align:left;

  border-top:1px solid rgba(214,184,92,0.22);
}

.neuronas-referencia span {
  color:#d6b85c;
}

/* ======================================================
   FIRMA
====================================================== */

.neuronas-firma {
  margin-top:10px;
  padding:0 4px;

  text-align:right;
  font-size:10px;
  color:#888;
  letter-spacing:1px;
}

/* ======================================================
   ZOOM SUAVE — controlado
   Sólo actúa sobre imágenes con clase zoom-img
====================================================== */

.neuronas-dios-box .zoom-img {
  transition:
    transform 0.35s ease,
    filter 0.35s ease,
    box-shadow 0.35s ease;

  position:relative;
  z-index:1;
}

.neuronas-dios-box .zoom-img:hover {
  transform:scale(1.04);
  z-index:20;

  filter:brightness(1.08);

  box-shadow:
    0 0 10px rgba(214,184,92,0.35),
    0 0 18px rgba(214,184,92,0.18),
    0 0 8px rgba(0,0,0,0.70);
}

/* ======================================================
   SEGURIDAD PARA TABLAS ANTIGUAS
====================================================== */

td .neuronas-dios-box {
  overflow:visible;
}

td .neuronas-img-box,
td .neuronas-final-box {
  overflow:visible;
}

/* ======================================================
   AJUSTE MÓVIL / DREAMWEAVER
====================================================== */

@media screen and (max-width:480px) {
  .neuronas-dios-box {
    width:100%;
    max-width:100%;
    padding:0 8px;
  }

  .neuronas-titulo {
    font-size:18px;
  }

  .neuronas-subtitulo {
    font-size:12px;
    line-height:1.42em;
  }

  .neuronas-placa {
    font-size:9.5px;
    letter-spacing:1.2px;
  }

  .neuronas-dios-box p {
    font-size:12.5px;
    line-height:1.55em;
    text-indent:14px;
  }

  .neuronas-axioma,
  .neuronas-cita,
  .neuronas-salud,
  .neuronas-sintesis {
    font-size:12px;
  }

  .neuronas-final-marco {
    width:100%;
    max-width:100%;
  }
}