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

/* ======================================================
   BOTONES MANIFIESTO (SISTEMA)
====================================================== */

/* ROJO — político */
.manifiesto-politico{
  display:inline-block;
  padding:12px 14px;
  font-weight:bold;
  color:#fff;
  text-decoration:none;
  text-align:center;
  background:#7a0000;
  border:2px solid #ff3a3a;
  border-radius:6px;
  transition:.35s;
}

.manifiesto-politico:hover{
  background:#b00000;
  transform:scale(1.05);
  box-shadow:
    0 0 12px red,
    0 0 30px red;
}


/* VERDE — retorno */
.manif_pol-verd{
  display:inline-block;
  padding:12px 14px;
  font-weight:bold;
  color:#fff;
  text-decoration:none;
  text-align:center;
  background:#004d1f;
  border:2px solid #00ff7a;
  border-radius:6px;
  transition:.35s;

  box-shadow:
    0 0 6px rgba(0,255,120,.5),
    0 0 14px rgba(0,255,120,.35);
}

.manif_pol-verd:hover{
  background:#007a33;
  transform:scale(1.05);

  box-shadow:
    0 0 12px #00ff7a,
    0 0 30px #00ff7a;
}

a:hover .manif_pol-verd{
  color:#e6d08a;
  text-shadow:0 0 8px rgba(214,184,92,0.4);
}

/* DORADO — nivel fractal */
.manif_fractal {
  display:inline-block;
  padding:12px 14px;

  font-weight:bold;
  letter-spacing:1px;
  text-transform:uppercase;
  text-align:center;

  color:#e6e6e6;
  text-decoration:none;

  background:#1a1a1a;
  border:2px solid #d4a64a;
  border-radius:6px;

  transition: all 0.3s ease;

  box-shadow:
    0 0 6px rgba(212,166,74,0.25),
    0 0 14px rgba(212,166,74,0.12);

  /* PULSACIÓN FRACTAL ULTRA SUTIL */
  animation: pulsoFractalDorado 8s ease-in-out infinite;
}

.manif_fractal:hover {
  color:#fff4c0;
  background:#2a1e0a;
  transform: scale(1.05);

  box-shadow:
    0 0 10px rgba(212,166,74,0.45),
    0 0 30px rgba(212,166,74,0.25);
}


/* ======================================================
   ANIMACIÓN FRACTAL (SOLO DORADO)
====================================================== */

@keyframes pulsoFractalDorado {
  0% {
    box-shadow:
      0 0 5px rgba(212,166,74,0.22),
      0 0 12px rgba(212,166,74,0.10);
  }

  50% {
    box-shadow:
      0 0 7px rgba(212,166,74,0.32),
      0 0 18px rgba(212,166,74,0.16);
  }

  100% {
    box-shadow:
      0 0 5px rgba(212,166,74,0.22),
      0 0 12px rgba(212,166,74,0.10);
  }
}


/* ======================================================
   BLOQUES GENERALES
====================================================== */

.manifiesto-bloque{
  text-align:center;
}

.manifiesto-bloque a{
  display:block;
  margin:18px 0;
}


/* ======================================================
   IMÁGENES Y EFECTOS
====================================================== */

.link-balanza img {
  width: 100px;
  transition: all 0.3s ease-in-out;
}

.link-balanza:hover img {
  filter: brightness(1.3) drop-shadow(0px 0px 10px rgba(144, 165, 144, 0.8));
}

.ensobrado-box {
  text-align: center;
}

.ensobrado-box img {
  display: block;
  margin: 0 auto;
}

.ensobrado-texto {
  margin-top: 6px;
  font-weight: bold;
  letter-spacing: 1px;
}


/* ======================================================
   MARCOS Y HALOS
====================================================== */

.marco-luz {
  text-align: center;
  margin: 16px auto;
  max-width: 600px;
}

.luz-suave {
  display: block;
  max-width: 600px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border: none;

  box-shadow:
    0 0 14px rgba(230,208,138,0.35),
    0 0 30px rgba(230,208,138,0.18);
}


/* ======================================================
   FIGURA CENTRAL
====================================================== */

.figura-central {
  max-width: 595px;
  display: inline-block;
  overflow: visible;
}

.figura-central img {
  display: block;
  margin: 0 auto;
  max-width: 595px;
  width: 100%;
  height: auto;
}

.imagen-halo {
  border: none;
  box-shadow:
    0 0 12px rgba(230,208,138,0.35),
    0 0 28px rgba(230,208,138,0.18),
    0 0 52px rgba(230,208,138,0.10);
}

.figcaption-central {
  display: block;
  margin: 12px auto 0;
  text-align: center;
  max-width: 560px;
  line-height: 1.35;
}


/* ======================================================
   GALERÍA
====================================================== */

.galeria-tv {
  margin: 0 auto;
}

.galeria-tv img {
  width: 145px;
  display: block;
  box-sizing: border-box;

  outline: 2px solid #c9a441;
  outline-offset: -2px;

  box-shadow: 0 0 0 1px #8f6b1f;
}


/* ======================================================
   TÍTULO FRACTAL (RATIO)
====================================================== */

.luz-suave-ratio {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-size: 32px;

  display: block;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;

  text-align: center;

  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal; /* 🔴 ESTE ES EL QUE FALTABA */

  letter-spacing: 1px;

  background: linear-gradient(
    180deg,
    #fff6cc 0%,
    #e6c873 25%,
    #b58a2f 50%,
    #e6c873 75%,
    #fff4c0 100%
  );

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  text-shadow:
    0 0 2px rgba(255, 220, 120, 0.6),
    0 0 5px rgba(255, 200, 80, 0.4),
    0 0 10px rgba(255, 180, 60, 0.25),
    0 2px 4px rgba(0, 0, 0, 0.9);
}

.luz-suave-ratio::after {
  content: "";
  display: block;
  width: 60%;
  height: 1px;
  margin: 6px auto 0 auto;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 200, 80, 0.8),
    transparent
  );
}


/* ======================================================
   TEXTO
====================================================== */

.ley-fractal {
  text-align: justify;
  text-align-last: left;
  margin: 0 8px 1.8em 8px;
}

.cita{
  text-align: center;
  font-size: 0.95em;
  color: #ccc;
}

/* ========================= */
/* ZOOM IM�GENES */
/* ========================= */

.zoom-img {
  display: block;
  margin: 0 auto;

  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;

  position: relative;
  z-index: 1;
}

.zoom-img:hover {
transform: scale(1.05);   /* ?? bajar de 1.1 a 1.05 */
z-index: 999;

  box-shadow: 0 0 12px rgba(214,92,92,0.5);
}

.zoom-img:active {
  transform: scale(1.1);
}

/* ======================================================
   TEXTO ÁMBAR + PULSO SUAVE
====================================================== */

.rojo-fosfo {
  color: #ffb347;

  text-shadow:
    0 0 4px rgba(255,180,80,0.35),
    0 0 10px rgba(255,140,60,0.18);

  line-height: 1.5;

  animation: pulsoFractal 6s ease-in-out infinite;
}

.rojo-fosfo strong {
  color: #ffd27a;
  text-shadow: 0 0 6px rgba(255,200,120,0.45);
}

.rojo-fosfo em {
  color: #ffe0a3;
}

@keyframes pulsoFractal {
  0% {
    text-shadow:
      0 0 3px rgba(255,180,80,0.28),
      0 0 8px rgba(255,140,60,0.12);
  }

  50% {
    text-shadow:
      0 0 5px rgba(255,200,100,0.38),
      0 0 14px rgba(255,160,70,0.20);
  }

  100% {
    text-shadow:
      0 0 3px rgba(255,180,80,0.28),
      0 0 8px rgba(255,140,60,0.12);
  }
}