/*
 * Bloco "Pra Você" — home (versão compacta)
 * Distinção via faixa bege #f7efe4 + eyebrow chip brand (sem borda topo)
 * Desktop: 8 cards em linha. Mobile: scroll horizontal com snap (~3 visíveis).
 */

.rc-pv{
    background:#f7efe4;
    padding:16px 0 18px;
    margin:0;
}
.rc-pv__inner{display:block}

.rc-pv__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:4px;
}

.rc-pv__eyebrow{
    display:inline-flex;
    align-items:center;
    gap:7px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--cor-primaria,#f53e28);
    line-height:1.3;
}
.rc-pv__dot{
    display:inline-block;
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--cor-primaria,#f53e28);
    flex-shrink:0;
}

/* .rc-pv__all herda estilos do .mais do tema (link "ver mais" do "sabores do brasil") */
.rc-pv__all{margin-left:auto;float:none}

.rc-pv__title{
    font-size:24px;
    font-weight:700;
    line-height:1.2;
    color:#703416;
    margin:2px 0 4px;
    font-family:Poppins,sans-serif;
}
.rc-pv__sub{
    font-size:13px;
    color:var(--cor-texto-secundario,#703416);
    margin:0 0 10px;
    line-height:1.45;
}

.rc-pv__rail{
    display:grid;
    grid-template-columns:repeat(8,1fr);
    gap:8px;
    margin-top:8px;
}

.rc-pv__card{
    display:flex;
    flex-direction:column;
    text-decoration:none;
    background:#fff;
    border:1px solid #ead9c4;
    border-radius:8px;
    overflow:hidden;
    color:var(--cor-texto-principal,#53240c);
    position:relative;
    transition:transform .15s ease,box-shadow .15s ease;
}
.rc-pv__card:not(.rc-pv__card--skel):hover{
    transform:translateY(-1px);
    box-shadow:0 4px 12px rgba(83,36,12,.10);
}

.rc-pv__thumb{
    width:100%;
    aspect-ratio:1/1;
    background:#f7efe4 center/cover no-repeat;
    background-image:var(--rc-pv-thumb,none);
}
.rc-pv__card--skel .rc-pv__thumb{
    background:linear-gradient(90deg,#ead9c4 0%,#f5e7d4 50%,#ead9c4 100%);
    background-size:200% 100%;
    animation:rcPvShimmer 1.4s linear infinite;
}

.rc-pv__body{
    padding:8px 10px 10px;
    display:flex;
    flex-direction:column;
    gap:2px;
}
.rc-pv__card-title{
    font-size:13px;
    font-weight:600;
    line-height:1.3;
    color:#f53e28;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    word-break:break-word;
}
.rc-pv__meta{display:none}

/* Skeleton body — mesma altura do .rc-pv__body real (padding + 2 linhas de title) */
.rc-pv__lines{display:flex;flex-direction:column;gap:5px;padding:8px 10px 10px}
.rc-pv__lines span{
    display:block;
    height:12px;
    border-radius:3px;
    background:linear-gradient(90deg,#ead9c4 0%,#f5e7d4 50%,#ead9c4 100%);
    background-size:200% 100%;
    animation:rcPvShimmer 1.4s linear infinite;
}
.rc-pv__lines span:nth-child(2){width:60%}

.rc-pv__heart{
    position:absolute;
    top:5px;
    right:5px;
    width:20px;
    height:20px;
    border-radius:50%;
    background:rgba(255,255,255,.92);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--cor-primaria,#f53e28);
    box-shadow:0 1px 2px rgba(0,0,0,.08);
}
.rc-pv__heart svg{width:10px;height:10px}

.rc-pv__nudge{
    margin:10px 0 0;
    padding:8px 12px;
    background:rgba(255,255,255,.6);
    border:1px solid #ead9c4;
    border-radius:8px;
    font-size:12px;
    color:var(--cor-texto-secundario,#703416);
    line-height:1.4;
}
.rc-pv__nudge a{
    color:var(--cor-primaria,#f53e28);
    font-weight:600;
    text-decoration:none;
}
.rc-pv__nudge a:hover{text-decoration:underline}

@keyframes rcPvShimmer{
    0%{background-position:200% 0}
    100%{background-position:-200% 0}
}

/* Tablet 1024-1199: 6 colunas */
@media (min-width:1024px) and (max-width:1199px){
    .rc-pv__rail{grid-template-columns:repeat(6,1fr)}
    .rc-pv__rail .rc-pv__card:nth-child(n+7){display:none}
}

/* Tablet 768-1023: 5 colunas */
@media (min-width:768px) and (max-width:1023px){
    .rc-pv__rail{grid-template-columns:repeat(5,1fr)}
    .rc-pv__rail .rc-pv__card:nth-child(n+6){display:none}
}

/* Mobile: scroll horizontal snap, ~3 cards visíveis */
@media (max-width:767px){
    .rc-pv{padding:14px 0 16px}
    .rc-pv__title{font-size:20px}
    .rc-pv__sub{font-size:13px}
    .rc-pv__rail{
        display:flex;
        grid-template-columns:none;
        gap:8px;
        overflow-x:auto;
        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
        padding:4px 16px 8px;
        margin:0 -16px;
        scrollbar-width:none;
    }
    .rc-pv__rail::-webkit-scrollbar{display:none}
    .rc-pv__card{
        flex:0 0 calc((100% - 32px - 16px) / 3);
        scroll-snap-align:start;
        display:flex !important;
    }
    .rc-pv__card-title{font-size:12px}
}

/* Quando o bloco "Pra Você" está presente, dá respiro pra "receitas mais procuradas" abaixo */
.rc-pv ~ .container-fluid.home-upper .receitas-buscadas-title,
.rc-pv ~ * .receitas-buscadas-title{padding-top:20px}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
    .rc-pv__card,.rc-pv__card:hover{transform:none;transition:none}
    .rc-pv__thumb,.rc-pv__lines span{animation:none}
}
