/* ==========================================================================
   Ritmo de revista (14-oct) · pedido del dueño: «el crema, pero puedes jugar con ambos en las secciones».
   Va después de estilos.css, inicio.css y seccion-orbe.css. Solo color: no toca medidas ni lógica.

   Orden y tono, como pasar páginas:
     inicio      CREMA   la portada: papel, el spark como sello
     manifiesto  NEGRO   el primer golpe
     bela        lo pone su look: NEGRO en noche, duotono y sin foto · CREMA en «Día»
     trabajos    CREMA   (antes negro) las piezas se miran con calma, como en el portafolio impreso
     cómo        NEGRO   cuatro golpes numerados
     qué hacemos CREMA   servicios: se leen
     feed        NEGRO   (antes crema2) las fotos del feed sobre mesa negra, como copias en papel
     contratar   CREMA   planes y precios: se leen
     voz         NEGRO   el orbe, el último golpe
     cierre      ROJO · pie NEGRO
   Nunca tres seguidas del mismo tono, sea cual sea el look de Bela.
   Cortes secos: entre dos tonos distintos no hace falta nada; entre dos iguales, una raya de 1 px
   (#3A312D entre negros, #D9CFC0 entre cremas). Nada de degradados.
   En index.html solo cambiaron las clases: #trabajos pasó a tono-claro y #feed a tono-osc.
   ========================================================================== */

/* ---------- sin galaxia, sin velos: el negro es negro plano ---------- */
.manifiesto,.como{background:var(--negro)}
.manifiesto::before,.como::before{content:none}
.panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent}

/* ---------- los cortes junto a #bela (su tono cambia con el look) ---------- */
/* noche, duotono y sin foto: negro tras el manifiesto negro → raya oscura; trabajos crema → corte seco */
.bela:not([data-look$="-dia"]){box-shadow:inset 0 1px 0 var(--linea-osc)}     /* sombra y no borde: la sección mide lo mismo en los 16 looks */
.trabajos{border-top:1px solid transparent}
/* día: el manifiesto negro → corte seco; trabajos crema tras la crema de Bela → raya clara */
.bela[data-look$="-dia"] + .trabajos{border-top-color:var(--linea)}

/* ---------- TRABAJOS en crema ---------- */
.trabajos{background:var(--crema)}
.caso__cab{border-top-color:var(--linea)}
.caso__cliente{color:var(--rojo)}
.caso__reto{color:var(--tinta)}
.caso__reto b{color:var(--negro)}
.fichas li{border-color:var(--linea);color:var(--tinta)}
.carrusel__titulo{color:var(--negro)}
.carrusel__pista,.pieza__n,.clip__rot p{color:var(--tinta2)}          /* el gris del manual no llega a 4,5:1 sobre crema */
.pieza img{border-color:var(--linea);background:var(--crema2)}
.clip__marco{background:var(--crema2);border-color:var(--linea)}
.clip__rot h3{color:var(--negro)}
.trabajos .redondo:hover:not([aria-disabled="true"]){background:var(--negro);border-color:var(--negro);color:var(--crema)}
.trabajos .btn--linea:hover{background:var(--negro);border-color:var(--negro);color:var(--crema)}

/* ---------- FEED en negro ---------- */
.feed{background:var(--negro)}
.feed__arroba{color:var(--rojo-vivo)}
.cifras dt{color:var(--texto-osc)}
.feed .mini:hover{background:var(--crema);border-color:var(--crema);color:var(--negro)}
/* las copias blancas sobre la mesa negra: la sombra se queda, pero corta y sin halo */
.polaroid{box-shadow:0 14px 28px -18px rgba(0,0,0,.9)}

/* ---------- crítica 14-oct ---------- */
/* CONTRATAR: los planes ya no son tarjetas blancas de plantilla de precios; papel con su raya */
.plan{background:transparent}
/* «Día»: la página de Bela es papel un tono más oscuro (crema2), así no se funde con trabajos en crema */
.bela[data-look$="-dia"]{--b-fondo:var(--crema2)}