/* ——— La cuenta de una pareja va en claro ———————————————————————
   Todo el estudio va en negro y oro, y está bien: es una mesa de trabajo.
   Pero una boda no es eso. A quien ha marcado «nos casamos» la pantalla
   oscura le da un aire urbano que no pega con lo que está organizando, y
   además rompe con el resto de sus cosas —la galería, «Organiza tu boda»,
   los enlaces que comparten—, que ya van con el kit de Events: papel y
   verde. Esta hoja iguala su cuenta con lo demás suyo.

   Se enciende poniendo la clase `novios` en el <body>, que la pone la
   propia pantalla cuando el perfil lleva el sector «boda».

   Va a TODOS los anchos a propósito: antes esto solo se veía claro en el
   ordenador y en el móvil seguía oscuro, que es justo donde más lo miran.
   Por eso aquí no hay ni una @media que cambie el color: lo que cambia con
   el ancho es cómo se coloca, nunca de qué color es.

   Los colores son los mismos de boda-organiza.html y de body.events en
   entregas.css, para que no haya tres verdes distintos rondando. */

body.novios{
  --negro:#f6f3ec;          /* lo que antes era el fondo negro */
  --blanco:#124231;         /* y lo que era el texto blanco */
  --gris:#4a6559;
  --oro:#1e6b4f;            /* el dorado pasa a verde de Events */
  --rojo:#a33;
  background:#f6f3ec;
  color:#124231;
}
/* El fondo con la foto oscura del estudio, fuera. */
body.novios::before{display:none}
/* Y el fondo sobrio que pone la barra del equipo, también. */
body.novios.tt-con-barra{background:#f6f3ec}

/* ——— barra de arriba y menú ——— */
body.novios nav{background:linear-gradient(180deg,rgba(246,243,236,.94),rgba(246,243,236,0))}
body.novios nav ul a{color:#124231}
body.novios .tt-barra{background:#ece7dc;border-color:#c9d2cb}
body.novios .tt-barra a,body.novios .tt-barra button{color:#124231}
body.novios .tt-barra a:hover,body.novios .tt-barra button:hover{
  border-color:rgba(30,107,79,.45);background:rgba(30,107,79,.07)}
/* el apartado abierto: en oscuro va en dorado, aquí en verde */
body.novios .tt-barra .abierta{border-color:rgba(30,107,79,.7)!important;
  background:rgba(30,107,79,.12)!important;color:#1e6b4f}
body.novios .tt-barra .abierta small{color:#1e6b4f;opacity:.85}
body.novios .tt-barra h6,body.novios .tt-barra small{color:#7d9187}

/* El pie de la barra: «cambiar de cuenta» iba en gris claro sobre negro y
   sobre papel no se leía. */
body.novios .tt-barra #btn-cambiar{border-color:rgba(18,66,49,.3);color:#4a6559}
body.novios .tt-barra #btn-cambiar:hover{border-color:#1e6b4f;color:#1e6b4f}
body.novios .tt-barra #btn-salir{border-color:rgba(163,51,51,.5);color:#a33}
body.novios .tt-barra #btn-salir:hover{background:#a33;color:#fff;border-color:#a33}

/* El logotipo es blanco y sobre papel no se veía. No hay versión oscura,
   así que se apaga con un filtro: queda negro, que sobre este fondo se lee
   perfectamente. El día que haya un logo verde, se cambia por el archivo. */
body.novios nav .logo{filter:brightness(0) opacity(.85)}

/* ——— cajas, bloques y tarjetas ———
   El patrón del sitio es «borde blanco translúcido sobre negro». En claro
   eso se ve como una raya blanca invisible, así que todas las líneas pasan
   a verde muy suave. */
body.novios .bloque,
body.novios .caja,
body.novios .tarjetas a,
body.novios .dato,
body.novios .como-va{
  background:#fffdf8;
  border-color:rgba(18,66,49,.18);
}
body.novios .tarjetas a:hover{border-color:rgba(30,107,79,.5);background:rgba(30,107,79,.05)}
body.novios .tarjetas b{color:#1e6b4f}
body.novios .tarjetas span,body.novios .tarjetas small{color:#4a6559}
body.novios .cv-pasos i{background:rgba(18,66,49,.14)}
body.novios .cv-pasos i.hecho{background:rgba(30,107,79,.45)}
body.novios .cv-pasos i.ahora{background:#1e6b4f}
body.novios .cv-nota,body.novios .hueco-txt{color:#4a6559}

/* ——— lo que se escribe ——— */
body.novios input,body.novios select,body.novios textarea{
  background:#fff;border-color:#c9d2cb;color:#124231}
body.novios input::placeholder,body.novios textarea::placeholder{color:#87968d}
body.novios label{color:#4a6559}

/* ——— botones ——— */
body.novios .btn{background:#124231;border-color:#124231;color:#f6f3ec}
body.novios .btn:hover{background:#1e6b4f;border-color:#1e6b4f}
body.novios .btn.suave{background:transparent;color:#124231}
body.novios .btn.suave:hover{background:rgba(30,107,79,.1)}
body.novios .quitar{color:#7d9187}
body.novios .quitar:hover{color:#a33}

/* ——— textos sueltos que iban en blanco a pelo ———
   En el HTML hay colores escritos a mano (#fff, rgba(255,255,255,…)) de
   cuando esto solo podía ser oscuro. Se recogen aquí para no tener que
   tocar media pantalla. */
body.novios h1,body.novios h2,body.novios h3,body.novios h4,body.novios b{color:#124231}
body.novios .vacio,body.novios .cargando,body.novios .dice{color:#87968d}
body.novios hr{border-color:rgba(18,66,49,.14)}

/* La pantalla de carga: si se queda negra, al entrar pega un fogonazo
   oscuro antes de pintar lo claro. */
body.novios.cargando,body.novios .tt-cargador{background:#f6f3ec}

/* Las sombras eran para el negro del estudio: sobre el claro de la pareja
   ensucian el título y la foto de perfil (orden del dueño, 01/10/2026). */
body.novios .cabecera h1{text-shadow:none}
body.novios .avatar-zona{box-shadow:none}