/* ============================================================
   CAIXA LIVRE 2.0 — cxlv4
   Estrutura visual adaptada da referência (Painel Financeiro da
   Empreendedora / Larissa Mallet): bandas espresso x creme,
   destaques em serifada itálica, marquees, grids de card e
   selo dourado.
   Cor de ação = verde da Leticia (mesmo das outras cxlv).
   Copy = cxlv2.
   ============================================================ */
:root {
    /* espresso (bandas escuras da referência) */
    --esp: #2A201A;
    --esp-2: #372A21;
    --esp-3: #43332765;
    --linha-esc: rgba(232, 214, 190, .16);

    /* creme (bandas claras da referência) */
    --creme: #F7F1E7;
    --creme-2: #EFE5D5;
    --tan: #C9B79C;

    /* verde de ação (Leticia) */
    --verde: #1FA34A;
    --verde-cl: #25B856;
    --verde-d: #178A3D;

    --gold: #D4A544;
    --vinho: #9F2D43;
    --vermelho: #F61E1E;

    --ink: #1B1512;
    --texto: #4A423C;
    --muted: #7C7069;
    --claro: #F2EBE1;
    --claro-m: #C4B4A3;
    --branco: #FFFFFF;

    --site: 1180px;
    --gut: clamp(18px, 5vw, 40px);
    --h: "Playfair Display", "Noto Serif", Georgia, serif;
    --b: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    --s: "Playfair Display", Georgia, "Times New Roman", serif;
}

html { scroll-behavior: smooth }

* { box-sizing: border-box; margin: 0; padding: 0 }

body {
    background: var(--creme);
    color: var(--ink);
    font-family: var(--b);
    font-size: 17px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    text-size-adjust: 100%;
}

img { max-width: 100%; height: auto; display: block }

:focus-visible { outline: 3px solid var(--verde); outline-offset: 3px }

@media (prefers-reduced-motion: reduce) {
    * { animation: none !important; transition: none !important; scroll-behavior: auto !important }
}

/* ---------- bandas ---------- */
.sec {
    padding: clamp(48px, 6vw, 88px) var(--gut);
    text-align: center;
    contain: layout style paint;
}

.sec--slim { padding: clamp(28px, 3.5vw, 48px) var(--gut) }
.sec--creme { background: var(--creme) }
.sec--creme2 { background: var(--creme-2) }
.sec--esc { background: var(--esp); color: var(--claro) }
.sec--esc2 { background: var(--esp-2); color: var(--claro) }

.sec--hero {
    background:
        radial-gradient(900px 520px at 82% 18%, rgba(31, 163, 74, .16), transparent 62%),
        linear-gradient(165deg, #33261E 0%, var(--esp) 55%, #221A15 100%);
    color: var(--claro);
    text-align: left;
    padding-top: clamp(34px, 4.5vw, 58px);
    overflow: hidden;
}

.w { max-width: var(--site); margin-inline: auto }
.wn { max-width: 820px; margin-inline: auto }
.ws { max-width: 640px; margin-inline: auto }

/* ---------- tipografia ---------- */
h1, h2, h3 {
    margin: 0;
    font-family: var(--h);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.005em;
    text-wrap: balance;
}

h1 { font-size: clamp(1.9rem, 3.8vw, 45px); font-weight: 500; line-height: 1.12 }
h2 { font-size: clamp(1.55rem, 3.5vw, 41px) }
h3 { font-size: clamp(1.12rem, 2vw, 22px) }

.tit-xl {
    font-family: var(--h);
    font-size: clamp(2rem, 5.2vw, 52px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -.01em;
}

/* a itálica serifada é a assinatura da referência */
.it { font-family: var(--s); font-style: italic; font-weight: 400; letter-spacing: 0 }

.sub { font-family: var(--b); font-size: clamp(1.1rem, 2.3vw, 23px); font-weight: 600; line-height: 1.35 }
.txt { font-size: clamp(1rem, 1.5vw, 18px); line-height: 1.68; color: var(--texto) }
.mini { font-size: 14.5px; line-height: 1.62; color: var(--muted) }
.legal { font-size: 12.5px; line-height: 1.6; color: var(--muted) }

.sec--esc .txt, .sec--esc2 .txt, .sec--hero .txt { color: #D8CCBF }
.sec--esc .mini, .sec--esc2 .mini, .sec--hero .mini { color: var(--claro-m) }
.sec--esc .legal, .sec--esc2 .legal { color: #9C8B7C }

.vd { color: var(--verde-cl); font-weight: 600 }
.vi { color: var(--vinho) }
.ou { color: var(--gold) }
.b { font-weight: 700 }
.esq { text-align: left }
.centro { text-align: center }

.m1 { margin-top: 14px }
.m2 { margin-top: 26px }
.m3 { margin-top: 44px }
.mb1 { margin-bottom: 14px }
.mb2 { margin-bottom: 26px }
.mb3 { margin-bottom: 44px }

/* campo a preencher pela Leticia */
.campo { border-bottom: 1px dashed var(--gold); padding-bottom: 1px }

/* riscado */
.risc { position: relative; display: inline-block; white-space: nowrap }
.risc::after {
    content: ""; position: absolute; left: -3px; right: -3px; top: 52%;
    height: 3px; border-radius: 2px; background: var(--vinho);
}
.sec--esc .risc::after, .sec--esc2 .risc::after { background: #FF8FA3 }

/* ---------- topbar ---------- */
.topbar {
    background: var(--vermelho);
    color: #fff;
    text-align: center;
    padding: 12px var(--gut);
    font-family: var(--b);
    font-size: clamp(13px, 1.8vw, 16px);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: .01em;
}

.topbar b { font-weight: 800 }

.topbar s {
    text-decoration-color: rgba(255, 255, 255, .9);
    text-decoration-thickness: 2px;
    opacity: .9;
}

/* ---------- logo ---------- */
.logo {
    font-family: var(--h);
    font-weight: 500;
    letter-spacing: .12em;
    font-size: clamp(15px, 2.2vw, 18px);
    color: var(--claro);
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.logo::before {
    content: "";
    width: 26px; height: 26px; border-radius: 7px; flex: 0 0 auto;
    background: linear-gradient(140deg, var(--verde-cl) 0%, var(--verde-d) 100%);
}

.logo--esc { color: var(--ink) }

/* ---------- botão ---------- */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    font-family: var(--b);
    font-size: clamp(.98rem, 1.7vw, 19px);
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    padding: 19px 38px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(180deg, var(--verde-cl) 0%, var(--verde) 55%, var(--verde-d) 100%);
    box-shadow: 0 10px 26px -10px rgba(31, 163, 74, .9), inset 0 -3px 0 rgba(0, 0, 0, .18);
    cursor: pointer;
    line-height: 1.25;
    min-height: 52px;
    transition: transform .18s ease;
    animation: puls 2.6s ease-in-out infinite;
    user-select: none;
}

.btn:hover { transform: translateY(-2px) }
.btn:active { transform: scale(.96) }
.btn--full { width: 100% }

.btn--ghost {
    background: transparent;
    box-shadow: none;
    animation: none;
    border: 1.5px solid rgba(232, 214, 190, .38);
    color: var(--claro);
    font-weight: 600;
    padding: 15px 28px;
    min-height: 46px;
}

.btn--ghost:hover { border-color: var(--verde-cl); color: #fff; transform: none }

@keyframes puls {
    0%, 100% { transform: scale(1) }
    50% { transform: scale(1.022) }
}

.cta { display: flex; justify-content: center; margin-top: 32px }
.cta--esq { justify-content: flex-start }

/* ---------- grids ---------- */
.g2 { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(26px, 4vw, 56px); align-items: center }
.g3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2vw, 24px) }
.g2c { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(16px, 2vw, 24px) }
.flip > *:first-child { order: 2 }

@media (max-width: 920px) {
    .g2, .g3, .g2c { grid-template-columns: 1fr }
    .flip > *:first-child { order: 0 }
}

/* ---------- hero ---------- */
.hero {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: clamp(24px, 3.5vw, 46px);
    align-items: center;
}

.hero h1 { margin-top: clamp(22px, 3vw, 34px) }
.hero .txt { max-width: 560px; margin-top: 18px }

.hero-prova {
    display: inline-block;
    margin-top: 24px;
    padding: 9px 18px;
    border-radius: 999px;
    background: rgba(31, 163, 74, .16);
    border: 1px solid rgba(37, 184, 86, .34);
    color: #9BE7B4;
    font-family: var(--b);
    font-weight: 600;
    font-size: clamp(13px, 1.7vw, 15px);
}

.hero-acao { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px }

.hero-img { position: relative }

.hero-img img {
    width: 100%;
    filter: drop-shadow(0 26px 42px rgba(0, 0, 0, .55));
}

@media (max-width: 920px) {
    .hero { grid-template-columns: 1fr }
    .hero-img { order: -1 }
    .sec--hero { text-align: center }
    .hero .txt { margin-inline: auto }
    .hero-acao { justify-content: center }
    .cta--esq { justify-content: center }
}

/* selos de confiança */
.selos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 34px;
}

.selo {
    background: rgba(255, 255, 255, .05);
    border: 1px solid var(--linha-esc);
    border-radius: 12px;
    padding: 16px 12px;
    text-align: center;
}

.selo svg { width: 24px; height: 24px; fill: var(--verde-cl); margin: 0 auto 8px }

.selo span {
    display: block;
    font-family: var(--h);
    font-weight: 500;
    font-size: clamp(13px, 1.6vw, 15.5px);
    color: var(--claro);
    line-height: 1.3;
}

/* ---------- bloco da dor ---------- */
.dor-card {
    background: var(--esp-2);
    border: 1px solid var(--linha-esc);
    border-radius: 18px;
    padding: clamp(26px, 3.4vw, 44px);
    text-align: left;
}

.dor-list { list-style: none; margin-top: 24px; display: grid; gap: 16px }

.dor-list li {
    display: grid;
    grid-template-columns: 26px 1fr;
    gap: 12px;
    align-items: start;
    font-size: clamp(.98rem, 1.5vw, 17px);
    line-height: 1.55;
    color: #E4DACE;
}

.dor-list svg { width: 20px; height: 20px; fill: #E4778C; margin-top: 3px }

.dor-foto img { width: 100%; border-radius: 18px; object-fit: cover }

/* ---------- 3 pilares ---------- */
.pilar {
    background: var(--branco);
    border: 1px solid #E4D9C6;
    border-radius: 16px;
    padding: clamp(24px, 3vw, 34px) clamp(18px, 2.4vw, 28px);
    text-align: center;
    box-shadow: 0 12px 30px -22px rgba(43, 33, 26, .55);
}

.pilar-ic {
    width: 54px; height: 54px; border-radius: 14px;
    margin: 0 auto 18px;
    display: grid; place-items: center;
    background: linear-gradient(140deg, rgba(37, 184, 86, .16), rgba(23, 138, 61, .1));
    border: 1px solid rgba(31, 163, 74, .26);
}

.pilar-ic svg { width: 26px; height: 26px; fill: var(--verde-d) }

.pilar h3 {
    font-size: clamp(13px, 1.7vw, 15px);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--verde-d);
    margin-bottom: 10px;
}

/* ---------- carrossel ---------- */
.carro { position: relative; margin-top: clamp(32px, 4vw, 52px) }

.carro-trilho {
    display: flex;
    gap: 18px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    align-items: center;
    padding: 6px 2px 18px;
    scrollbar-width: none;
}

.carro-trilho::-webkit-scrollbar { display: none }

.carro-item {
    flex: 0 0 min(88%, 720px);
    scroll-snap-align: center;
    background: var(--branco);
    border: 1px solid #E4D9C6;
    border-radius: 16px;
    padding: 12px;
    box-shadow: 0 16px 40px -28px rgba(43, 33, 26, .7);
}

.carro-item img { border-radius: 10px; width: 100% }

.carro--depo .carro-item { flex: 0 0 min(78%, 340px); padding: 10px }

.carro-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 46px; height: 46px;
    border-radius: 50%;
    border: 1px solid #DDD0BA;
    background: var(--branco);
    color: var(--ink);
    display: grid; place-items: center;
    cursor: pointer;
    box-shadow: 0 8px 22px -12px rgba(0, 0, 0, .5);
    z-index: 2;
}

.carro-nav svg { width: 18px; height: 18px; fill: currentColor }
.carro-nav:hover { border-color: var(--verde); color: var(--verde-d) }
.carro-nav--prev { left: -8px }
.carro-nav--next { right: -8px }

.sec--esc .carro-nav, .sec--esc2 .carro-nav {
    background: var(--esp-2); color: var(--claro); border-color: var(--linha-esc);
}

.sec--esc .carro-item, .sec--esc2 .carro-item {
    background: var(--esp-2); border-color: var(--linha-esc);
}

@media (max-width: 720px) {
    .carro-nav { display: none }
    .carro-item { flex: 0 0 92% }
    .carro--depo .carro-item { flex: 0 0 82% }
}

/* ---------- cards de entrega ---------- */
.card {
    background: var(--esp-2);
    border: 1px solid var(--linha-esc);
    border-radius: 18px;
    padding: clamp(18px, 2.2vw, 24px);
    text-align: left;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.card-img {
    border-radius: 12px;
    overflow: hidden;
    background: #1F1813;
    margin-bottom: 20px;
    aspect-ratio: 4 / 3;
}

.card-img img { width: 100%; height: 100%; object-fit: cover }
.card h3 { color: var(--claro); margin-bottom: 10px }
.card .txt { font-size: clamp(.95rem, 1.4vw, 16px) }

.card--claro { background: var(--branco); border-color: #E4D9C6 }
.card--claro h3 { color: var(--ink) }
.card--claro .txt { color: var(--texto) }
.card--claro .card-img { background: #F0E7D8 }

.tagn {
    display: inline-block;
    font-family: var(--b);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    color: var(--gold);
    margin-bottom: 8px;
}

/* ---------- marquee ---------- */
.marquee {
    background: var(--esp-2);
    border-block: 1px solid var(--linha-esc);
    overflow: hidden;
    padding: 15px 0;
}

.marquee-in {
    display: flex;
    width: max-content;
    animation: desliza 34s linear infinite;
}

.marquee span {
    font-family: var(--b);
    font-style: italic;
    font-size: clamp(17px, 2.4vw, 26px);
    color: #8E7C6B;
    white-space: nowrap;
    padding-right: 26px;
}

@keyframes desliza {
    from { transform: translateX(0) }
    to { transform: translateX(-50%) }
}

/* ---------- passos ---------- */
.passo {
    background: var(--creme-2);
    border-radius: 16px;
    padding: clamp(24px, 3vw, 34px) clamp(20px, 2.6vw, 30px);
    text-align: left;
    color: var(--ink);
    height: 100%;
}

.passo-n {
    font-family: var(--h);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .16em;
    color: var(--verde-d);
    display: block;
    margin-bottom: 12px;
}

.passo h3 { margin-bottom: 12px }
.passo .txt { color: var(--texto) }

/* ---------- lista de benefícios ---------- */
.checks { list-style: none; display: grid; gap: 18px; text-align: left }

.checks li {
    display: grid;
    grid-template-columns: 26px 1fr;
    gap: 14px;
    align-items: start;
    font-size: clamp(1rem, 1.5vw, 17.5px);
    line-height: 1.55;
}

.checks svg { width: 22px; height: 22px; fill: var(--verde); margin-top: 2px }
.sec--esc .checks li, .sec--esc2 .checks li { color: #E4DACE }
.sec--esc .checks svg, .sec--esc2 .checks svg { fill: var(--verde-cl) }

/* ---------- duas opções ---------- */
.op {
    border-radius: 18px;
    padding: clamp(24px, 3vw, 36px);
    text-align: left;
    height: 100%;
    border: 1px solid var(--linha-esc);
    background: var(--esp-2);
}

.op--2 { border-color: rgba(37, 184, 86, .45); background: linear-gradient(165deg, rgba(31, 163, 74, .16), rgba(31, 163, 74, .04)) }
.op-ic { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; margin-bottom: 16px }
.op--1 .op-ic { background: rgba(159, 45, 67, .2) }
.op--2 .op-ic { background: rgba(31, 163, 74, .22) }
.op--1 .op-ic svg { fill: #E4778C }
.op--2 .op-ic svg { fill: #6FE49A }
.op-ic svg { width: 24px; height: 24px }

.op-tag {
    font-family: var(--b);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.op--1 .op-tag { color: #E4778C }
.op--2 .op-tag { color: #6FE49A }

/* ---------- recap / stack ---------- */
.recap { display: grid; gap: 12px; text-align: left; max-width: 760px; margin-inline: auto }

.recap li {
    list-style: none;
    display: grid;
    grid-template-columns: 24px 1fr auto;
    gap: 14px;
    align-items: center;
    background: rgba(255, 255, 255, .05);
    border: 1px solid var(--linha-esc);
    border-radius: 12px;
    padding: 15px 18px;
    font-size: clamp(.95rem, 1.5vw, 16.5px);
    color: #E9E0D5;
}

.recap svg { width: 20px; height: 20px; fill: var(--gold) }
.recap b { font-family: var(--b); color: var(--claro-m); white-space: nowrap; font-size: 14.5px }

/* valor de ancoragem: risco fino, no mesmo tom do risco do total */
.recap s {
    text-decoration-line: line-through;
    text-decoration-color: #FF8FA3;
    text-decoration-thickness: 2px;
}

@media (max-width: 560px) {
    .recap li { grid-template-columns: 24px 1fr; }
    .recap b { grid-column: 2; justify-self: start }
}

/* ---------- card de preço ---------- */
.oferta {
    background: var(--branco);
    border: 1px solid #E4D9C6;
    border-radius: 22px;
    padding: clamp(28px, 3.6vw, 46px) clamp(22px, 3vw, 40px);
    max-width: 620px;
    margin-inline: auto;
    box-shadow: 0 30px 70px -40px rgba(43, 33, 26, .85);
    position: relative;
}

.fita {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(90deg, var(--gold), #E7BF63);
    color: #3A2A10;
    font-family: var(--b);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .16em;
    padding: 7px 20px;
    border-radius: 999px;
    white-space: nowrap;
}

.oferta .hr { height: 1px; background: #EADFCC; margin: 24px 0 }

.preco {
    font-family: var(--h);
    font-size: clamp(2.3rem, 7vw, 58px);
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -.01em;
    color: var(--ink);
}

.preco small { display: block; font-size: clamp(15px, 2.2vw, 20px); font-weight: 600; color: var(--muted); letter-spacing: 0; margin-bottom: 4px }
.avista { font-family: var(--b); font-size: clamp(1rem, 2vw, 20px); font-weight: 600; color: var(--verde-d); margin-top: 8px }
.pordia { font-size: 15px; color: var(--muted); margin-top: 12px }

.pgto { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 22px; margin-top: 4px }
.pgto span { display: inline-flex; align-items: center; gap: 7px; font-size: 13.5px; color: var(--muted); font-family: var(--b); font-weight: 500 }
.pgto svg { width: 16px; height: 16px; fill: var(--verde) }

/* ---------- garantia ---------- */
.selo-g {
    width: clamp(160px, 26vw, 230px);
    aspect-ratio: 1;
    border-radius: 50%;
    display: grid;
    place-items: center;
    text-align: center;
    margin-inline: auto;
    border: 3px solid #A88B5E;
    color: var(--claro);
    font-family: var(--h);
    font-weight: 500;
    line-height: 1.1;
}

.selo-g b { display: block; font-size: clamp(46px, 8vw, 72px); font-weight: 500; letter-spacing: -.01em }

.selo-g i {
    display: block;
    font-family: var(--b);
    font-style: normal;
    font-size: clamp(11px, 1.5vw, 13px);
    font-weight: 500;
    letter-spacing: .22em;
    margin-top: 6px;
}

/* ---------- autoridade ---------- */
.autor-foto img { width: 100%; border-radius: 20px; box-shadow: 0 26px 60px -34px rgba(43, 33, 26, .8) }

/* ---------- FAQ ---------- */
.faq { text-align: left; display: grid; gap: 12px }

.faq details {
    background: var(--branco);
    border: 1px solid #E4D9C6;
    border-radius: 12px;
    overflow: hidden;
}

.faq summary {
    cursor: pointer;
    list-style: none;
    padding: 17px 46px 17px 20px;
    font-family: var(--b);
    font-weight: 600;
    font-size: clamp(.95rem, 1.5vw, 16.5px);
    color: var(--ink);
    position: relative;
    line-height: 1.4;
}

.faq summary::-webkit-details-marker { display: none }

.faq summary::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 9px; height: 9px;
    margin-top: -6px;
    border-right: 2px solid var(--verde);
    border-bottom: 2px solid var(--verde);
    transform: rotate(45deg);
    transition: transform .2s ease;
}

.faq details[open] summary::after { transform: rotate(-135deg); margin-top: -2px }
.faq details[open] summary { color: var(--verde-d) }
.faq p { padding: 0 20px 19px; font-size: 15.5px; line-height: 1.65; color: var(--texto) }

/* ---------- card de contato ---------- */
.contato {
    background: var(--esp);
    border-radius: 20px;
    padding: clamp(28px, 3.4vw, 42px);
    color: var(--claro);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 14px;
    height: 100%;
}

.contato-ic {
    width: 62px; height: 62px; border-radius: 50%;
    margin: 0 auto 6px;
    display: grid; place-items: center;
    background: rgba(31, 163, 74, .18);
    border: 1px solid rgba(37, 184, 86, .38);
}

.contato-ic svg { width: 28px; height: 28px; fill: var(--verde-cl) }
.contato a.mailto { color: var(--verde-cl); font-weight: 600; text-decoration: none; word-break: break-word }
.contato a.mailto:hover { text-decoration: underline }

/* ---------- rodapé ---------- */
.rodape { background: var(--esp); color: var(--claro-m); padding: clamp(40px, 5vw, 64px) var(--gut); text-align: center }
.rodape .logo { margin-bottom: 20px }
.rodape .legal { max-width: 820px; margin-inline: auto }

/* ---------- ajustes finos ---------- */
.carro-item img { max-height: 480px; object-fit: contain }
.carro--depo .carro-item img { max-height: 520px; object-fit: contain }

.card-img video { width: 100%; height: 100%; object-fit: cover; display: block }

.dor-foto img { max-height: 640px; object-fit: cover; object-position: center 22% }
.autor-foto img { max-height: 620px; object-fit: cover }

.contato h2 { color: var(--claro) }
.contato .txt { color: #D8CCBF }

.oferta .logo { justify-content: center }

@media (max-width: 920px) {
    .g2 > .esq, .g2 > div.esq { text-align: left }
    .dor-foto img, .autor-foto img { max-height: 460px }
}