/* =========================================================================================
   Fotos de exemplo: desenho em CSS no lugar da foto, para o protótipo não usar imagem de
   ninguém. Comum ao site e à administração (EF.foto). No sistema, entra a foto enviada pela
   redação, com crédito.
   ========================================================================================= */

.ef-foto { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background-color: #1b1b1f; }
.ef-foto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, .18)); }
.ef-foto-1 { background:
    radial-gradient(circle at 18% 6%, rgba(255, 255, 255, .7), transparent 9%),
    radial-gradient(circle at 82% 4%, rgba(255, 255, 255, .6), transparent 8%),
    radial-gradient(ellipse at 50% 0%, rgba(255, 220, 220, .25), transparent 60%),
    linear-gradient(180deg, #160709 0%, #5c0a18 50%, #2a6b35 51%, #1d5128 100%); }
.ef-foto-2 { background:
    linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .35)),
    repeating-linear-gradient(135deg, #c8102e 0 28px, #121214 28px 56px); }
.ef-foto-3 { background:
    radial-gradient(circle at 50% 50%, transparent 15%, rgba(255, 255, 255, .55) 15.5%, rgba(255, 255, 255, .55) 16.5%, transparent 17%),
    linear-gradient(90deg, transparent calc(50% - 1px), rgba(255, 255, 255, .55) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)),
    repeating-linear-gradient(90deg, #2f8a3e 0 9%, #28793a 9% 18%); }
.ef-foto-4 { background:
    radial-gradient(circle at 72% 38%, rgba(227, 38, 63, .95), transparent 42%),
    radial-gradient(circle at 20% 90%, rgba(227, 38, 63, .35), transparent 40%),
    #121214; }
.ef-foto-5 { background:
    radial-gradient(circle at 50% 120%, transparent 32%, rgba(255, 255, 255, .6) 32.5%, rgba(255, 255, 255, .6) 33.5%, transparent 34%),
    repeating-linear-gradient(90deg, #b8773c 0 46px, #c6874c 46px 92px); }
.ef-foto-6 { background:
    radial-gradient(circle, rgba(227, 38, 63, .9) 2.4px, transparent 3px) 0 0 / 15px 15px,
    radial-gradient(circle, rgba(255, 255, 255, .25) 1.6px, transparent 2px) 7px 7px / 15px 15px,
    linear-gradient(180deg, #0f0f12, #2a0910); }