.elementor-55863 .elementor-element.elementor-element-1525114{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-55863 .elementor-element.elementor-element-1525114:not(.elementor-motion-effects-element-type-background), .elementor-55863 .elementor-element.elementor-element-1525114 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5F5;}.elementor-55863 .elementor-element.elementor-element-d761604{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-55863 .elementor-element.elementor-element-a2c1f82{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-55863 .elementor-element.elementor-element-d3e70a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-55863 .elementor-element.elementor-element-d3e70a9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-55863 .elementor-element.elementor-element-e1c67ea{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-radius:5px 5px 5px 5px;}.elementor-55863 .elementor-element.elementor-element-203a3f4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-55863 .elementor-element.elementor-element-fa410e7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-55863 .elementor-element.elementor-element-ed718e6{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 1em;border-style:solid;border-width:0em 0em 0em 1em;border-color:#FF5D54;}.elementor-55863 .elementor-element.elementor-element-ed718e6 .elementor-heading-title{font-size:28px;color:var( --e-global-color-dd2ceab );}.elementor-55863 .elementor-element.elementor-element-feeb69d{background-color:#FFFEFE;margin:1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:30px 30px 30px 30px;font-size:16px;}.elementor-55863 .elementor-element.elementor-element-edbdd3a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55863 .elementor-element.elementor-element-140713f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55863 .elementor-element.elementor-element-120c800{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-55863 .elementor-element.elementor-element-e8d9020{--grid-columns:1;}.elementor-55863 .elementor-element.elementor-element-5d0138b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55863 .elementor-element.elementor-element-09fca1b{--grid-columns:1;--grid-column-gap:0px;}.elementor-55863 .elementor-element.elementor-element-09fca1b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0em 0em 0em 0em;}.elementor-55863 .elementor-element.elementor-element-35489f5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-55863 .elementor-element.elementor-element-a33e751{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-55863 .elementor-element.elementor-element-a33e751:not(.elementor-motion-effects-element-type-background), .elementor-55863 .elementor-element.elementor-element-a33e751 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E9E9;}.elementor-55863 .elementor-element.elementor-element-35c5f07{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-radius:5px 5px 5px 5px;}.elementor-55863 .elementor-element.elementor-element-19a80b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-55863 .elementor-element.elementor-element-19a80b1:not(.elementor-motion-effects-element-type-background), .elementor-55863 .elementor-element.elementor-element-19a80b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CC6D6D;}.elementor-55863 .elementor-element.elementor-element-a6c411a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:none;--border-style:none;}.elementor-55863 .elementor-element.elementor-element-a6c411a:not(.elementor-motion-effects-element-type-background), .elementor-55863 .elementor-element.elementor-element-a6c411a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-55863 .elementor-element.elementor-element-56ed6ef{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-55863 .elementor-element.elementor-element-56ed6ef .elementor-heading-title{font-family:"FeedFood", Sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:3px;word-spacing:0px;}.elementor-55863 .elementor-element.elementor-element-4bc74f7{text-align:end;color:#000000;}.elementor-55863 .elementor-element.elementor-element-b138295{width:100%;max-width:100%;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;--e-form-steps-indicators-spacing:0px;--e-form-steps-indicator-padding:0px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:0px;}.elementor-55863 .elementor-element.elementor-element-b138295 .elementor-field-group > label{font-family:"Roboto", Sans-serif;font-size:55px;font-weight:400;}.elementor-55863 .elementor-element.elementor-element-b138295 .elementor-field-group .elementor-field{color:var( --e-global-color-845d344 );}.elementor-55863 .elementor-element.elementor-element-b138295 .elementor-field-group .elementor-field, .elementor-55863 .elementor-element.elementor-element-b138295 .elementor-field-subgroup label{font-family:"FeedFood", Sans-serif;font-size:14px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:0em;letter-spacing:0px;word-spacing:0px;}.elementor-55863 .elementor-element.elementor-element-b138295 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF;border-color:var( --e-global-color-845d344 );}.elementor-55863 .elementor-element.elementor-element-b138295 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF;border-color:var( --e-global-color-845d344 );}.elementor-55863 .elementor-element.elementor-element-b138295 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-845d344 );}.elementor-55863 .elementor-element.elementor-element-b138295 .elementor-button{font-family:"Manrope", Sans-serif;font-size:14px;font-weight:800;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:2px;word-spacing:0px;}.elementor-55863 .elementor-element.elementor-element-b138295 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-845d344 );color:#FBF9ED;}.elementor-55863 .elementor-element.elementor-element-b138295 .elementor-button[type="submit"]{background-color:var( --e-global-color-845d344 );color:#FBF9ED;}.elementor-55863 .elementor-element.elementor-element-b138295 .elementor-button[type="submit"] svg *{fill:#FBF9ED;}.elementor-55863 .elementor-element.elementor-element-b138295 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-55863 .elementor-element.elementor-element-b138295 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-55863 .elementor-element.elementor-element-b138295 .elementor-message{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:-0.1px;word-spacing:0px;}.elementor-55863 .elementor-element.elementor-element-b138295 .elementor-message.elementor-message-success{color:#AD5207;}.elementor-55863 .elementor-element.elementor-element-b138295 .elementor-message.elementor-message-danger{color:#AD5207;}.elementor-55863 .elementor-element.elementor-element-b138295 .elementor-message.elementor-help-inline{color:#AD5207;}.elementor-55863 .elementor-element.elementor-element-474df7c{--display:flex;--margin-top:1em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-55863 .elementor-element.elementor-element-9f893bb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-55863 .elementor-element.elementor-element-029cdc0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55863 .elementor-element.elementor-element-e453ac3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-55863 .elementor-element.elementor-element-0f40ca9{--display:flex;}.elementor-55863 .elementor-element.elementor-element-deee1ad{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-55863 .elementor-element.elementor-element-deee1ad .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-55863 .elementor-element.elementor-element-deee1ad:after{content:"0.66";}.elementor-55863 .elementor-element.elementor-element-deee1ad .elementor-post__thumbnail__link{width:100%;}.elementor-55863 .elementor-element.elementor-element-deee1ad .elementor-post__meta-data span + span:before{content:"///";}.elementor-55863 .elementor-element.elementor-element-deee1ad .elementor-post{border-radius:8px;}.elementor-55863 .elementor-element.elementor-element-deee1ad.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-55863 .elementor-element.elementor-element-deee1ad.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-55863 .elementor-element.elementor-element-deee1ad.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(max-width:1024px){.elementor-55863 .elementor-element.elementor-element-e8d9020{--grid-columns:2;}.elementor-55863 .elementor-element.elementor-element-09fca1b{--grid-columns:2;}.elementor-55863 .elementor-element.elementor-element-a6c411a{--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}.elementor-55863 .elementor-element.elementor-element-56ed6ef{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-55863 .elementor-element.elementor-element-56ed6ef .elementor-heading-title{font-size:36px;}.elementor-55863 .elementor-element.elementor-element-b138295{width:100%;max-width:100%;margin:10% 0% calc(var(--kit-widget-spacing, 0px) + 10%) 0%;}}@media(min-width:768px){.elementor-55863 .elementor-element.elementor-element-d3e70a9{--width:50%;}.elementor-55863 .elementor-element.elementor-element-203a3f4{--width:100%;}.elementor-55863 .elementor-element.elementor-element-120c800{--width:50%;}.elementor-55863 .elementor-element.elementor-element-5d0138b{--width:50%;}.elementor-55863 .elementor-element.elementor-element-a33e751{--width:50%;}.elementor-55863 .elementor-element.elementor-element-19a80b1{--width:50%;}.elementor-55863 .elementor-element.elementor-element-a6c411a{--width:100%;}.elementor-55863 .elementor-element.elementor-element-0f40ca9{--width:100%;}}@media(min-width:2400px){.elementor-55863 .elementor-element.elementor-element-feeb69d{font-size:18px;}.elementor-55863 .elementor-element.elementor-element-19a80b1{--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55863 .elementor-element.elementor-element-a6c411a{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-55863 .elementor-element.elementor-element-56ed6ef{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 1em) 0em;}.elementor-55863 .elementor-element.elementor-element-56ed6ef .elementor-heading-title{font-size:19px;}.elementor-55863 .elementor-element.elementor-element-b138295{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-55863 .elementor-element.elementor-element-d761604{width:100%;max-width:100%;}.elementor-55863 .elementor-element.elementor-element-6372d02{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-55863 .elementor-element.elementor-element-e1c67ea{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-55863 .elementor-element.elementor-element-ed718e6{padding:0em 0em 0em 0em;text-align:center;}.elementor-55863 .elementor-element.elementor-element-feeb69d{font-size:15px;}.elementor-55863 .elementor-element.elementor-element-5680dea{width:100%;max-width:100%;}.elementor-55863 .elementor-element.elementor-element-e8d9020{--grid-columns:1;}.elementor-55863 .elementor-element.elementor-element-09fca1b{--grid-columns:1;}.elementor-55863 .elementor-element.elementor-element-35c5f07{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-55863 .elementor-element.elementor-element-a6c411a{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:5px 5px 5px 5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-55863 .elementor-element.elementor-element-56ed6ef{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 1em) 0em;padding:15px 15px 15px 15px;text-align:start;}.elementor-55863 .elementor-element.elementor-element-56ed6ef .elementor-heading-title{font-size:16px;}.elementor-55863 .elementor-element.elementor-element-4bc74f7{padding:3px 3px 3px 3px;font-size:14px;}.elementor-55863 .elementor-element.elementor-element-b138295{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-55863 .elementor-element.elementor-element-b138295 .elementor-field-group > label{font-size:21px;}.elementor-55863 .elementor-element.elementor-element-b138295 .elementor-field-group .elementor-field, .elementor-55863 .elementor-element.elementor-element-b138295 .elementor-field-subgroup label{font-size:14px;}.elementor-55863 .elementor-element.elementor-element-b138295 .elementor-button{font-size:14px;line-height:0em;}.elementor-55863 .elementor-element.elementor-element-c7ad89b{width:100%;max-width:100%;}.elementor-55863 .elementor-element.elementor-element-deee1ad .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-55863 .elementor-element.elementor-element-deee1ad:after{content:"0.5";}.elementor-55863 .elementor-element.elementor-element-deee1ad .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-1525114 *//* ===== Container de Publicidade (estilo Terra) ===== */
.ff-ad-container {
text-align: center;
background: #f5f5f5; /* fundo cinza claro */
border: 0px solid #e0e0e0;
padding: 5px 0;
border-radius: 0px;
max-width: 100%;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6372d02 *//* ====================================================================
FEED&FOOD • BLOCO 1 (Destaque Único) — CSS ESCOPADO POR TEMPLATE
Uso:
Onde alterar cores:
1) Troca rápida por template (classe de tema):
.ff-theme--suinocultura { --ffd-accent:#B71C1C; --ffd-badge-fg:#fff; }
2) Inline no wrapper do template:
3) Se quiser pílula diferente do acento, use --ffd-badge-bg.
Nada vaza pro site: tudo começa em .ff-destaque-scope
==================================================================== */
/* ===== Defaults do componente (apenas dentro do wrapper) ===== */
.ff-destaque-scope{
/* Alturas da barrinha sob a imagem */
--ffd-bar-h-mobile: 5px;
--ffd-bar-h-desktop: 7px;
/* Paleta base do bloco */
--ffd-accent: #FF5D54; /* cor principal do bloco/editoria */
--ffd-text: #111827; /* título/primário */
--ffd-muted: #6B7280; /* meta */
--ffd-body: #3C444C; /* resumo */
--ffd-surface: #FFFFFF; /* fundo do card */
--ffd-divider: #FF5D54; /* linha fina no rodapé do card */
/* Badge (pílula): por padrão usa o accent */
--ffd-badge-bg: var(--ffd-accent);
--ffd-badge-fg: #111827; /* texto da pílula sólida */
--ffd-badge-outline-fg: var(--ffd-accent);
/* Share (ícone/borda/fundo) */
--ffd-share-bg: #FFFFFF;
--ffd-share-icon: #6B7280;
--ffd-share-border: var(--ffd-accent);
--ffd-share-icon-hover: #FFFFFF;
--ffd-share-bg-hover: var(--ffd-accent);
--ffd-share-border-hover: var(--ffd-accent);
/* Título */
--ffd-title: var(--ffd-text);
--ffd-title-hover: var(--ffd-accent);
/* Barrinha sob a imagem */
--ffd-bar: var(--ffd-accent);
}
/* ===== Estrutura do bloco (escopada) ===== */
.ff-destaque-scope .ff-destaque{margin:12px 0 20px}
.ff-destaque-scope .ffd-card{
position:relative;background:var(--ffd-surface);
border:0;box-shadow:none;border-radius:0;overflow:hidden
}
.ff-destaque-scope .ffd-link{color:inherit;text-decoration:none}
/* Mídia + barrinha */
.ff-destaque-scope .ffd-media{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:0}
.ff-destaque-scope .ffd-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.ff-destaque-scope .ffd-media::after{
content:"";position:absolute;left:0;right:0;bottom:0;
height:var(--ffd-bar-h-mobile);background:var(--ffd-bar);border-radius:9999px
}
/* Conteúdo */
.ff-destaque-scope .ffd-wrap{padding:14px 16px 16px;position:relative}
.ff-destaque-scope .ffd-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;padding-right:8px}
/* Badge (pílula) */
.ff-destaque-scope .ffd-badge,
.ff-destaque-scope .ffd-badge:link,
.ff-destaque-scope .ffd-badge:visited,
.ff-destaque-scope .ffd-badge:hover,
.ff-destaque-scope .ffd-badge:active{
color: var(--ffd-badge-fg) !important;
}
.ff-destaque-scope .ffd-badge{
display:inline-flex;align-items:center;gap:6px;text-decoration:none;
background:var(--ffd-badge-bg);
border:0;padding:4px 10px;border-radius:9999px;
font-weight:700;font-size:.75rem;text-transform:uppercase
}
.ff-destaque-scope .ffd-badge:hover{filter:brightness(.96);text-decoration:none}
/* Badge outline (opcional) */
.ff-destaque-scope .ffd-badge.badge--outline{
background:transparent;
color: var(--ffd-badge-outline-fg) !important;
border:1px solid var(--ffd-accent)
}
/* Share */
.ff-destaque-scope .ffd-actions{display:flex;align-items:center}
.ff-destaque-scope .ffd-share{
display:inline-flex;align-items:center;justify-content:center;
width:34px;height:34px;padding:0;line-height:0;border-radius:9999px;
background:var(--ffd-share-bg);
color:var(--ffd-share-icon);
border:1px solid var(--ffd-share-border);
cursor:pointer
}
.ff-destaque-scope .ffd-share svg{width:18px;height:18px;display:block}
@media (hover:hover){
.ff-destaque-scope .ffd-share:hover{
background:var(--ffd-share-bg-hover);
color:var(--ffd-share-icon-hover);
border-color:var(--ffd-share-border-hover);
filter:none
}
}
/* Título e meta */
.ff-destaque-scope .ffd-title{
margin:.4rem 0 .2rem;font-weight:800;line-height:1.22;
font-size:clamp(1.45rem,1.05rem + 1.1vw,1.9rem)
}
.ff-destaque-scope .ffd-title a{color:var(--ffd-title);text-decoration:none}
@media (hover:hover){
.ff-destaque-scope .ffd-title a:hover{color:var(--ffd-title-hover);text-decoration:underline}
}
.ff-destaque-scope .ffd-meta{font-size:.85rem;color:var(--ffd-muted)}
/* Resumo */
.ff-destaque-scope .ffd-excerpt{
margin:.35rem 0 0;color:var(--ffd-body);
display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden
}
/* Mobile */
@media (max-width:768px){
.ff-destaque-scope .ff-destaque{margin-left:-16px;margin-right:-16px;margin-bottom:14px}
.ff-destaque-scope .ffd-wrap{padding:10px 16px 12px}
.ff-destaque-scope .ffd-title{font-size:clamp(1.28rem,1.05rem + 1.2vw,1.6rem);margin:.28rem 0 .12rem}
.ff-destaque-scope .ffd-meta{font-size:.82rem}
.ff-destaque-scope .ffd-media::after{height:var(--ffd-bar-h-mobile)}
.ff-destaque-scope .ffd-excerpt{-webkit-line-clamp:5}
}
/* Desktop refinado */
@media (min-width:1024px){
.ff-destaque-scope .ffd-media{border-radius:10px 10px 0 0}
.ff-destaque-scope .ffd-media::after{height:var(--ffd-bar-h-desktop);border-radius:0}
.ff-destaque-scope .ffd-wrap::after{
content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ffd-divider)
}
}
/* ===== Temas por categoria (só afetam este bloco) ===== */
.ff-destaque-scope.ff-theme--aves{
--ffd-accent:#1E88E5;
--ffd-badge-fg:#FFFFFF;
}
.ff-destaque-scope.ff-theme--suinocultura{
--ffd-accent:#B71C1C;
--ffd-badge-fg:#FFFFFF;
}
.ff-destaque-scope.ff-theme--bovinos{
--ffd-accent:#795548;
--ffd-badge-fg:#FFFFFF;
}
/* Exemplo: pílula diferente do acento numa categoria */
.ff-destaque-scope.ff-theme--especial{
--ffd-accent:#0F766E; /* barra/título hover/share/borda */
--ffd-badge-bg:#763D13; /* pílula personalizada */
--ffd-badge-fg:#FFFFFF;
}
/* ===== Ajustes finos no Destaque (colar ao final) ===== */
/* 1) Espaços e hit-area */
.ff-destaque-scope .ffd-head{ gap:10px; }
.ff-destaque-scope .ffd-share{
width:44px; height:44px; /* acessibilidade mobile */
}
.ff-destaque-scope .ffd-share:focus-visible{
outline:2px solid var(--ffd-accent);
outline-offset:2px;
}
/* 2) Título mais “controlado” (evita pulo de layout) */
.ff-destaque-scope .ffd-title{
margin:.35rem 0 .1rem;
display:-webkit-box; -webkit-box-orient:vertical;
-webkit-line-clamp:3; overflow:hidden;
}
/* 3) Resumo mais curto no mobile para manter a dobra limpa */
@media (max-width:768px){
.ff-destaque-scope .ffd-excerpt{ -webkit-line-clamp:2; }
}
/* 4) Divider mais leve (usa a cor de acento com mix) */
@supports (color: color-mix(in oklab, white, black)){
.ff-destaque-scope .ffd-wrap::after{
background: color-mix(in oklab, var(--ffd-accent) 12%, white);
}
}
/* 5) Pequeno ajuste visual na pílula */
.ff-destaque-scope .ffd-badge{ min-height:28px; }
/* ====================================================================
FF — Destaque Único (Hero) • Ajustes finos v1.1
Cole ao final do arquivo existente
==================================================================== */
/* --- Novas variáveis (defaults) ------------------------------ */
.ff-destaque-scope{
/* Posição do foco da imagem (aceita "center", "50% 35%", etc.) */
--ffd-img-pos: 50% 50%;
/* Vignette (gradiente sutil na base da imagem) */
--ffd-media-vignette: 1; /* 1 = ligado, 0 = desligado */
--ffd-media-vignette-h: 28%; /* altura do gradiente */
--ffd-media-vignette-strength: 64%; /* opacidade da cor escura */
/* Raio opcional da mídia no desktop */
--ffd-media-radius-desktop: 10px;
/* Controle de linhas */
--ffd-title-lines: 3;
--ffd-excerpt-lines-mobile: 2;
--ffd-excerpt-lines-desktop: 3;
}
/* --- Imagem: posição do foco e vignette ---------------------- */
.ff-destaque-scope .ffd-media img{
object-position: var(--ffd-img-pos);
}
/* Vignette sutil na base da imagem para dar contraste geral ao bloco */
.ff-destaque-scope .ffd-media::before{
content:"";
position:absolute; left:0; right:0; bottom:0;
height: var(--ffd-media-vignette-h);
pointer-events:none; opacity: 0; transition: opacity .2s ease;
background:
linear-gradient(to bottom,
rgba(0,0,0,0) 0%,
rgba(0,0,0, calc(var(--ffd-media-vignette-strength)/100)) 100%
);
}
/* liga/desliga via variável */
.ff-destaque-scope[style*="--ffd-media-vignette: 1"] .ffd-media::before,
.ff-destaque-scope .ffd-media::before{
opacity: calc(var(--ffd-media-vignette));
}
/* Desktop: mantém cantos arredondados coerentes com o card */
@media (min-width:1024px){
.ff-destaque-scope .ffd-media{
border-radius: var(--ffd-media-radius-desktop) var(--ffd-media-radius-desktop) 0 0;
}
}
/* --- Título e resumo com clamp controlado -------------------- */
.ff-destaque-scope .ffd-title{
-webkit-line-clamp: var(--ffd-title-lines);
}
.ff-destaque-scope .ffd-excerpt{
-webkit-line-clamp: var(--ffd-excerpt-lines-desktop);
}
@media (max-width:768px){
.ff-destaque-scope .ffd-excerpt{
-webkit-line-clamp: var(--ffd-excerpt-lines-mobile);
}
}
/* --- Microajustes visuais ------------------------------------ */
.ff-destaque-scope .ffd-head{ gap: 10px; }
.ff-destaque-scope .ffd-badge{
letter-spacing:.02em;
box-shadow: 0 1px 0 rgba(0,0,0,.04);
}
@media (min-width:1024px){
.ff-destaque-scope .ffd-wrap{ padding: 16px 18px 18px; }
}
/* --- Variante opcional: mídia sem corte ----------------------
Uso no markup: adicionar a classe "ffd-media--contain" na div .ffd-media
(só quando a imagem for horizontal/vertical problemática)
---------------------------------------------------------------- */
.ff-destaque-scope .ffd-media--contain img{
object-fit: contain; /* evita corte */
background: #F5F5F5; /* plano neutro atrás da imagem */
}
.ff-destaque-scope .ffd-media--contain::after{
/* mantém a barrinha visível mesmo com contain */
content:""; position:absolute; left:0; right:0; bottom:0;
height:var(--ffd-bar-h-mobile); background:var(--ffd-bar);
}
@media (min-width:1024px){
.ff-destaque-scope .ffd-media--contain::after{
height:var(--ffd-bar-h-desktop);
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5fa3209 *//* === FF Right Rail — CSS do SHORTCODE (v2.1-lite, sem newsletter) === */
/* Variáveis escopadas ao rail (não vazam pro site) */
.ff-right-rail{
--ff-text:#1a1a1a;
--ff-muted:#5a5a5a;
--ff-accent:#FF5D54;
--ff-divider:#ECECEC;
--ff-radius:18px;
--ff-rail-bg:#F7F8F6;
--ff-item-hover:#F9FAF8;
position:sticky; top:88px;
background:var(--ff-rail-bg);
border-radius:22px;
padding:14px;
}
@media (max-width:1023.98px){
.ff-right-rail{ position:static; top:auto; border-radius:0; padding:0; background:transparent; }
}
/* Pilha interna */
.ff-rail{ display:flex; flex-direction:column; gap:14px; }
/* Card base */
.ff-rr{
background:#fff;
border:1px solid var(--ff-divider);
border-radius:var(--ff-radius);
padding:16px 14px;
box-shadow:0 2px 8px rgba(0,0,0,.04);
max-width:100%;
}
/* Título com acento lateral + CTA */
.ff-rr__titlebar{ display:flex; align-items:baseline; justify-content:space-between; margin:0 0 10px; }
.ff-rr__title{
position:relative; margin:2px 0 10px; padding-inline-start:14px;
font:800 1rem/1.15 system-ui, -apple-system, "Segoe UI", Roboto, Inter, Arial, sans-serif;
letter-spacing:-.01em; color:var(--ff-text);
}
.ff-rr__title::before{
content:""; position:absolute; inset-block-start:.2em; inset-inline-start:0;
inline-size:5px; block-size:.9em; border-radius:999px;
background:var(--ff-accent);
box-shadow:0 0 0 2px color-mix(in oklab, var(--ff-accent) 18%, #fff);
}
.ff-rr__more{ text-decoration:none; color:var(--ff-accent); font-weight:700; font-size:.9rem; }
.ff-rr__more:hover{ text-decoration:underline; }
/* Lista mini-card (saída do shortcode) */
.ff-rr__list{
list-style:none; margin:0; padding:8px;
display:flex; flex-direction:column; gap:8px;
border-radius:14px; background:#FAFAFA;
}
.ff-rr__item{ border-radius:12px; }
.ff-rr__item:not(:last-child){ border-bottom:1px dashed rgba(0,0,0,.08); }
/* Link com miniatura */
.ff-rr__link{
display:grid; grid-template-columns:56px 1fr;
gap:10px; align-items:center;
text-decoration:none; padding:8px 4px; border-radius:12px;
color:var(--ff-text); transition:transform .04s ease;
}
.ff-rr__link:hover{ background:var(--ff-item-hover); transform:translateX(1px); }
@media (prefers-reduced-motion:reduce){ .ff-rr__link{ transition:none; } .ff-rr__link:hover{ transform:none; } }
/* Miniatura (com placeholder automático se não vier imagem) */
.ff-rr__thumb{
inline-size:56px; aspect-ratio:1/1; border-radius:12px; overflow:hidden;
background:#eef0ee; box-shadow:inset 0 1px 4px rgba(0,0,0,.06); position:relative;
}
.ff-rr__thumb img{ inline-size:100%; block-size:100%; object-fit:cover; display:block; }
.ff-rr__thumb:not(:has(img))::before{
content:""; position:absolute; inset:0; border-radius:12px;
background:linear-gradient(135deg, #e9ece7 0%, #f4f6f2 100%);
}
.ff-rr__thumb:not(:has(img))::after{
content:""; position:absolute; inset:0; margin:auto; inline-size:20px; block-size:20px; opacity:.35;
mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
background:#000;
}
/* Texto */
.ff-rr__headline{
color:var(--ff-text);
font-weight:800; line-height:1.22; font-size:.95rem;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.ff-rr__date{ display:block; color:var(--ff-muted); font-size:.8rem; margin-top:3px; }
/* Foco acessível em qualquer link do rail */
.ff-right-rail :where(a):focus-visible{ outline:2px solid var(--ff-accent); outline-offset:2px; }
/* Variações por editoria */
.ff-right-rail.ff-theme--suinocultura{ --ff-accent:#B71C1C; }
.ff-right-rail.ff-theme--bovinos{ --ff-accent:#795548; }
.ff-right-rail.ff-theme--aves{ --ff-accent:#1E88E5; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2c1f82 *//* ===== ESCOPADO AO TEMPLATE ===== */
/* Right rail “gruda” no topo em desktop */
.cat-scope .ff-right-rail{ position:sticky; top:88px; }
@media (max-width:1024px){
.cat-scope .ff-right-rail{ position:static; top:auto; }
}
/* Pilha interna do rail (espaçamento vertical) */
.cat-scope .ff-right-rail .ff-rail{
display:flex; flex-direction:column; gap:14px;
}
/* Card base do rail */
.cat-scope .ff-right-rail .ff-rr{
background:#fff;
border:1px solid var(--ff-divider, #ECECEC);
border-radius:var(--ff-radius, 18px);
padding:18px 16px;
box-shadow:0 2px 8px rgba(0,0,0,.04);
max-width:100%;
}
.cat-scope .ff-right-rail .ff-rr__titlebar{
display:flex; align-items:baseline; justify-content:space-between;
margin:0 0 10px;
}
.cat-scope .ff-right-rail .ff-rr__title{
margin:0; font-weight:800; font-size:1rem; line-height:1.15; letter-spacing:-.01em;
}
.cat-scope .ff-right-rail .ff-rr__more{
text-decoration:none; color:var(--ff-accent, #4A572A); font-weight:700; font-size:.9rem;
}
/* Lista mini-card */
.cat-scope .ff-right-rail .ff-rr__list{
list-style:none; padding:0; margin:0;
display:flex; flex-direction:column; gap:10px;
}
.cat-scope .ff-right-rail .ff-rr__item{ border-radius:12px; }
.cat-scope .ff-right-rail .ff-rr__item:not(:last-child){
border-bottom:1px dashed var(--ff-divider, #ECECEC);
}
.cat-scope .ff-right-rail .ff-rr__link{
display:grid; grid-template-columns:52px 1fr; gap:10px; align-items:center;
text-decoration:none; padding:6px 2px; border-radius:12px;
}
.cat-scope .ff-right-rail .ff-rr__link:hover{ background:#F9FAF8; transform:translateX(1px); }
@media (prefers-reduced-motion: reduce){
.cat-scope .ff-right-rail .ff-rr__link:hover{ transform:none; }
}
.cat-scope .ff-right-rail .ff-rr__thumb{
width:52px; aspect-ratio:1 / 1; border-radius:12px; overflow:hidden;
background:#f3f3f3; box-shadow:inset 0 1px 4px rgba(0,0,0,.06);
}
.cat-scope .ff-right-rail .ff-rr__thumb img{
width:100%; height:100%; object-fit:cover; display:block;
}
.cat-scope .ff-right-rail .ff-rr__headline{
color:var(--ff-text,#1a1a1a); font-weight:800; line-height:1.22; font-size:.95rem;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.cat-scope .ff-right-rail .ff-rr__date{
display:block; color:var(--ff-muted,#5a5a5a); font-size:.8rem; margin-top:3px;
}
/* ===== DESCRIÇÃO ABAIXO DO H1 ===== */
.cat-scope .ff-cat-lead{
position:relative;
background:#fff;
border:1px solid var(--ff-divider,#ECECEC);
border-radius:16px;
padding:16px 18px 16px 20px;
box-shadow:0 1px 6px rgba(0,0,0,.04);
max-width:60ch;
margin: 4px 0 18px;
}
.cat-scope .ff-cat-lead::before{
content:""; position:absolute; left:0; top:0; bottom:0; width:6px;
background:var(--ff-accent,#4A572A); border-radius:16px 0 0 16px;
}
.cat-scope .ff-cat-lead p{ margin:0; color:#3C444C; line-height:1.55; }
.cat-scope .ff-cat-lead a{
display:inline-block; margin:.25rem .35rem .25rem 0; padding:.25rem .6rem;
background:#F3F6F1; color:var(--ff-accent,#4A572A);
border-radius:999px; font-weight:700; font-size:.8rem; text-decoration:none;
}
.cat-scope .ff-cat-lead a:hover{ background:#E8EFE4; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5680dea *//* ===== H2 caprichado (v2) ===== */
.ff-h2{
/* vars personalizáveis */
--ff-acc:#D93025; /* cor de destaque (texto e barrinha) */
--ff-bar-w:140px; /* largura da barrinha no desktop */
--ff-bar-w-m:120px; /* largura da barrinha no mobile */
--ff-ico:0px; /* tamanho do ícone (0 = sem ícone) */
/* defina --ff-logo:url('...') para usar logotipo como ícone */
position:relative;
display:flex; align-items:center; gap:10px;
margin:22px 0 16px; /* dá respiro acima/abaixo */
padding-bottom:10px; /* espaço para a barrinha */
color:var(--ff-acc);
font-weight:800;
font-size:1.06rem;
letter-spacing:.04em;
text-transform:uppercase;
line-height:1.2;
}
/* Ícone opcional (usa --ff-logo e --ff-ico) */
.ff-h2::before{
content:"";
width:var(--ff-ico); height:var(--ff-ico);
flex:0 0 var(--ff-ico);
background:var(--ff-logo, none) center/contain no-repeat;
border-radius:6px; /* arredonda caso use PNG quadrado */
}
/* Barrinha abaixo do texto (pill arredondado) */
.ff-h2::after{
content:"";
position:absolute; left:0; bottom:0;
width:var(--ff-bar-w); height:4px;
background:var(--ff-acc);
border-radius:999px;
box-shadow:0 1px 0 rgba(0,0,0,.06);
}
/* — Mobile: centraliza tudo e dá mais respiro — */
@media (max-width:600px){
.ff-h2{
justify-content:center; /* centraliza ícone + texto */
text-align:center;
margin:24px 0 18px; /* um pouco mais de respiro */
font-size:.98rem;
letter-spacing:.055em; /* tracking levemente maior no mobile */
gap:8px;
}
.ff-h2::after{
left:50%;
transform:translateX(-50%); /* barrinha centralizada */
width:var(--ff-bar-w-m);
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19a80b1 *//* === FF NEWS — Elementor (versão enxuta e funcional) =================== */
/* Onde mudar a cor:
- Troque --ff-accent no .ff-news (ou use as classes de tema lá embaixo)
*/
.ff-news{
/* 🎯 Cores principais (mude aqui quando quiser) */
--ff-accent:#B71C1C; /* COR DA EDITORIA (Suinocultura) */
--ff-text:#1a1a1a;
--ff-muted:#6B7280;
--ff-border:#E5E7EB;
/* container do card */
background:linear-gradient(180deg,#fff 0%,#FAFAFA 100%);
border:1px solid color-mix(in oklab, var(--ff-border) 85%, #fff);
border-radius:18px;
padding:18px;
box-shadow:0 2px 8px rgba(0,0,0,.06);
}
/* Chip "NEWSLETTER" */
.ff-news .ff-chip{
display:inline-flex; align-items:center; gap:8px;
padding:6px 12px; border-radius:999px;
background:#F1F3F0; color:#2d2d2d;
font-weight:800; font-size:.75rem; letter-spacing:.04em; text-transform:uppercase;
margin:0 0 8px;
}
.ff-news .ff-chip::before{
content:""; width:10px; height:10px; border-radius:999px;
background:var(--ff-accent);
box-shadow:1 0 0 3px color-mix(in oklab, var(--ff-accent) 25%, #fff);
}
/* Título e descrição */
.ff-news .ff-news__title{
margin:0 0 7px; font-weight:900; font-size:1.05rem; line-height:1.18; color:var(--ff-text);
}
.ff-news .ff-news__desc{
margin:0 0 12px; color:var(--ff-muted); font-size:.9rem;
}
.ff-news .ff-news__desc b, .ff-news .ff-news__desc strong{ color:var(--ff-accent); }
/* Reset básico do Elementor dentro do bloco */
.ff-news .elementor-widget-container,
.ff-news .elementor-form,
.ff-news .elementor-field-group{ margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; }
/* GRID: Nome | E-mail | Botão no desktop; empilhado no mobile */
.ff-news .elementor-form .elementor-form-fields-wrapper{
display:grid !important; gap:8px !important;
}
@media (min-width:720px){
.ff-news .elementor-form .elementor-form-fields-wrapper{
grid-template-columns:1fr 1.2fr auto !important;
align-items:stretch !important;
}
}
/* Inputs */
.ff-news .elementor-field-group .elementor-field,
.ff-news .elementor-field-textual{
width:100% !important;
min-height:46px !important;
padding:12px 14px !important;
border-radius:12px !important;
border:2px solid #dcdcdc !important;
background:#fff !important;
color:#1a1a1a !important;
font-size:.95rem !important;
box-shadow:none !important;
}
/* Remove o "ícone bolinha" do Elementor */
.ff-news .elementor-field-group .elementor-field-group-icon{ display:none !important; }
/* Foco */
.ff-news .elementor-field-group .elementor-field:focus{
border-color:var(--ff-accent) !important;
box-shadow:0 0 0 3px color-mix(in oklab, var(--ff-accent) 18%, #fff) !important;
outline:0 !important;
}
/* Botão */
.ff-news .elementor-form .elementor-button{
height:46px !important;
width:100% !important; /* ocupa a coluna do grid */
padding:0 20px !important;
border-radius:12px !important;
border:0 !important;
background:var(--ff-accent) !important;
color:#fff !important;
font-weight:900 !important; font-size:.95rem !important;
box-shadow:0 4px 10px rgba(0,0,0,.08) !important;
transition:filter .2s ease, transform .02s ease !important;
}
.ff-news .elementor-form .elementor-button:hover{ filter:brightness(.95) !important; }
.ff-news .elementor-form .elementor-button:active{ transform:translateY(1px) !important; }
/* Acessibilidade */
.ff-news :where(a,button,input,select,textarea):focus-visible{
outline:2px solid var(--ff-accent); outline-offset:2px;
}
/* ——— Temas prontos (opcionais). Em vez de trocar no CSS, só adicione a classe: */
.ff-news.ff-theme--suinocultura{ --ff-accent:#FF5D54; } /* vermelho */
.ff-news.ff-theme--aves{ --ff-accent:#1E88E5; } /* azul */
.ff-news.ff-theme--bovinos{ --ff-accent:#795548; } /* marrom *//* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9f893bb *//* ===== Feed&Food • Search v3 ===== */
.ff-search{
--ff-text:#191919; --ff-muted:#6D6D6D; --ff-accent:#4A572A;
--ff-border:#E6ECDD; --ff-bg:#FFF; --ff-card:#FBFDF7; --ff-chip:#F6F6F6;
position:relative; max-width:980px; margin:0 auto 24px; padding:16px;
background:var(--ff-card); border:1px solid var(--ff-border);
border-radius:18px; box-shadow:0 2px 0 rgba(0,0,0,.03);
}
.ff-search[data-ff-cat]::before{
content: attr(data-ff-cat); position:absolute; top:-12px; left:16px;
padding:6px 10px; font:700 11px/1.1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
letter-spacing:.6px; text-transform:uppercase; color:#314024;
background:#E9F1E0; border:1px solid #DDE7D1; border-radius:999px; box-shadow:0 1px 0 rgba(0,0,0,.02);
}
.ff-search__header{ display:flex; align-items:baseline; justify-content:space-between;
gap:12px; margin-bottom:10px; padding-bottom:8px; border-bottom:1px dashed #EDEFE7; }
.ff-search__title{ margin:0; font-weight:800; color:var(--ff-text); font-size:clamp(18px,2vw,20px); }
.ff-search__hint{ margin:0; color:var(--ff-muted); font-size:14px; }
/* pill (font-size:0 tira “pontinho”) */
.ff-searchbar{
display:flex; align-items:center; gap:10px; background:var(--ff-bg);
border:1px solid #E7E7E7; border-radius:14px; padding:8px; box-shadow:0 1px 0 rgba(0,0,0,.04); font-size:0;
}
.ff-searchbar:focus-within{ border-color:var(--ff-accent); box-shadow:0 0 0 3px rgba(74,87,42,.12); }
.ff-searchbar__icon, .ff-searchbar__input, .ff-searchbar__clear, .ff-searchbar__submit{ font-size:15px; }
.ff-searchbar__icon{ display:inline-flex; align-items:center; justify-content:center;
width:36px; height:36px; border-radius:999px; background:#F4F4F4; color:#7A7A7A; }
.ff-searchbar__input{ flex:1; border:0; outline:0; background:transparent; padding:8px 4px; color:var(--ff-text); }
.ff-searchbar__input::placeholder{ color:#9A9A9A; font-style:italic; }
.ff-searchbar__clear{ display:none; align-items:center; justify-content:center;
width:36px; height:36px; border-radius:999px; background:#F4F4F4; color:#7A7A7A; border:0; cursor:pointer; }
.ff-searchbar__clear:hover{ filter:brightness(.96); }
.ff-searchbar__submit{ background:var(--ff-accent); color:#fff; border:0; border-radius:999px; height:36px; padding:0 16px; font-weight:700; cursor:pointer; transition:filter .2s ease; }
.ff-searchbar__submit:hover{ filter:brightness(.92); }
/* chips + recentes */
.ff-search__rows{ margin-top:10px; display:flex; flex-direction:column; gap:8px; }
.ff-search__suggestions{ margin-top:12px; position:relative; }
.ff-search__suggestions::before{
content:"Tópicos sugeridos"; display:block; margin:0 0 6px;
font-size:12px; color:#8A8A8A; text-transform:uppercase; letter-spacing:.4px;
}
.ff-search__suggestions .ff-chip, .ff-search .ff-chip{
border:1px solid #E7E7E7; background:var(--ff-chip); color:#333; border-radius:999px;
padding:8px 12px; font-size:13px; cursor:pointer; transition:all .2s ease; margin:0 8px 8px 0;
}
.ff-search__suggestions .ff-chip:hover, .ff-search .ff-chip:hover{ border-color:var(--ff-accent); color:var(--ff-accent); background:#F4F7F0; }
.ff-search__recent{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.ff-search__recent[hidden]{ display:none !important; }
.ff-search__recent-title{ font-size:12px; color:#8A8A8A; text-transform:uppercase; letter-spacing:.4px; }
.ff-search__recent .ff-search__recent-clear{
background:#FFF0F4; color:#B25671; border:1px solid #F2C6D4; padding:6px 10px; border-radius:999px; font-size:12px; cursor:pointer;
}
.ff-search__recent .ff-search__recent-clear:hover{ filter:brightness(.96); }
/* resultados */
.ff-results{ margin-top:14px; }
.ff-results__list{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.ff-results__item{ border:1px solid #EEE; border-radius:14px; background:#fff; overflow:hidden; }
.ff-results__link{ display:flex; gap:12px; text-decoration:none; color:inherit; padding:12px; }
.ff-results__thumb img{ width:120px; height:80px; object-fit:cover; display:block; border-radius:10px; }
.ff-results__meta{ display:flex; flex-direction:column; justify-content:center; gap:6px; }
.ff-results__title{ font-weight:800; line-height:1.2; color:#232323; }
.ff-results__date{ font-size:13px; color:#777; }
.ff-results__pagination{ margin-top:12px; display:flex; gap:10px; align-items:center; }
.ff-results__pagination .ff-page{ border:1px solid #E7E7E7; border-radius:999px; padding:6px 12px; font-size:13px; text-decoration:none; color:#333; }
.ff-results__pagination .ff-page.current{ background:#F6F6F6; }
.ff-results__pagination .ff-page:hover{ border-color:var(--ff-accent); color:var(--ff-accent); }
.ff-results__empty{ padding:12px; background:#fff; border:1px solid #EEE; border-radius:12px; }
/* rolagem suave e compensação do header */
#ff-results{ scroll-margin-top:96px; }
html{ scroll-behavior:smooth; }
/* loading */
.ff-search.is-loading{ position:relative; }
.ff-search.is-loading::after{ content:""; position:absolute; inset:0; background:rgba(255,255,255,.6); }
.ff-search.is-loading::before{
content:""; position:absolute; top:50%; left:50%; width:28px; height:28px; margin:-14px 0 0 -14px;
border-radius:50%; border:3px solid #cfd6c8; border-top-color:var(--ff-accent); animation:ffspin .9s linear infinite;
}
@keyframes ffspin{ to{ transform: rotate(360deg); } }
/* ===== MOBILE tweaks (botão abaixo, sem faixa branca grande) ===== */
@media (max-width: 767px){
.ff-search{ padding:14px; }
.ff-searchbar{
flex-wrap:wrap; align-items:stretch; gap:8px; padding:8px;
border-radius:12px; background:transparent; border:1px solid #E3EAD8; box-shadow:none;
}
.ff-searchbar__icon{
width:44px; height:44px; background:#fff; border:1px solid #E3EAD8; border-right:0; border-radius:12px 0 0 12px;
}
.ff-searchbar__input{
background:#fff; border:1px solid #E3EAD8; border-left:0; border-radius:0 12px 12px 0;
padding:10px 12px; min-width:0;
}
.ff-searchbar__submit{
order:10; flex:1 0 100%; height:44px; border-radius:12px; margin-top:6px;
}
.ff-searchbar__clear{ display:none !important; } /* oculta limpar no mobile */
.ff-results__link{ flex-direction:column; }
.ff-results__thumb img{ width:100%; height:160px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7ad89b *//* ===== H2 caprichado (v2) ===== */
.ff-h2{
/* vars personalizáveis */
--ff-acc:#D93025; /* cor de destaque (texto e barrinha) */
--ff-bar-w:180px; /* largura da barrinha no desktop */
--ff-bar-w-m:120px; /* largura da barrinha no mobile */
--ff-ico:0px; /* tamanho do ícone (0 = sem ícone) */
/* defina --ff-logo:url('...') para usar logotipo como ícone */
position:relative;
display:flex; align-items:center; gap:10px;
margin:22px 0 16px; /* dá respiro acima/abaixo */
padding-bottom:10px; /* espaço para a barrinha */
color:var(--ff-acc);
font-weight:800;
font-size:1.06rem;
letter-spacing:.04em;
text-transform:uppercase;
line-height:1.2;
}
/* Ícone opcional (usa --ff-logo e --ff-ico) */
.ff-h2::before{
content:"";
width:var(--ff-ico); height:var(--ff-ico);
flex:0 0 var(--ff-ico);
background:var(--ff-logo, none) center/contain no-repeat;
border-radius:6px; /* arredonda caso use PNG quadrado */
}
/* Barrinha abaixo do texto (pill arredondado) */
.ff-h2::after{
content:"";
position:absolute; left:0; bottom:0;
width:var(--ff-bar-w); height:4px;
background:var(--ff-acc);
border-radius:999px;
box-shadow:0 1px 0 rgba(0,0,0,.06);
}
/* — Mobile: centraliza tudo e dá mais respiro — */
@media (max-width:600px){
.ff-h2{
justify-content:center; /* centraliza ícone + texto */
text-align:center;
margin:24px 0 18px; /* um pouco mais de respiro */
font-size:.98rem;
letter-spacing:.055em; /* tracking levemente maior no mobile */
gap:8px;
}
.ff-h2::after{
left:50%;
transform:translateX(-50%); /* barrinha centralizada */
width:var(--ff-bar-w-m);
}
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-deee1ad *//* === FF — Post Card (estilo "CNN") ============================== */
/* Aplique no widget com a classe .ff-card */
/* Paleta base (pode sobrescrever via inline style ou por categoria) */
.ff-card{
--ff-bg:#fff;
--ff-text:#1a1a1a;
--ff-muted:#6b7280;
--ff-accent:#4A572A; /* cor principal */
--ff-pill-bg:var(--ff-accent);
--ff-pill-text:#fff;
--ff-radius:16px;
--ff-shadow:0 10px 30px rgba(0,0,0,.08);
}
/* Card */
.ff-card .elementor-post{
background:var(--ff-bg);
border:1px solid #eee;
border-radius:var(--ff-radius);
overflow:hidden;
box-shadow:var(--ff-shadow);
transition:transform .18s ease, box-shadow .18s ease;
}
.ff-card .elementor-post:hover{
transform:translateY(-2px);
box-shadow:0 16px 36px rgba(0,0,0,.12);
}
/* Imagem 16:9 + barrinha inferior na cor do tema */
.ff-card .elementor-post__thumbnail{
position:relative;
aspect-ratio:16/9;
}
.ff-card .elementor-post__thumbnail img{
width:100%; height:100%; object-fit:cover; display:block;
}
.ff-card .elementor-post__thumbnail::after{
content:""; position:absolute; left:0; right:0; bottom:0; height:6px;
background:var(--ff-accent);
}
/* Caixa de texto */
.ff-card .elementor-post__text{ padding:1px 18px 18px; }
/* “Pílula” da categoria (usa Post Info > Terms ou Terms do widget) */
.ff-card .elementor-post__terms,
.ff-card .elementor-post-info__terms-list{
display:flex; gap:6px; margin-bottom:8px; flex-wrap:wrap;
}
.ff-card .elementor-post__terms a,
.ff-card .elementor-post-info__terms-list a{
display:inline-flex; align-items:center; gap:6px;
background:var(--ff-pill-bg); color:var(--ff-pill-text);
font:700 12px/1 Inter,system-ui,-apple-system,Segoe UI,Roboto;
padding:6px 10px; border-radius:999px; text-decoration:none; letter-spacing:.02em;
}
.ff-card .elementor-post__terms a::before,
.ff-card .elementor-post-info__terms-list a::before{
content:""; width:6px; height:6px; border-radius:999px; background:#fff; opacity:.9;
animation:ff-blink 1.6s infinite;
}
@keyframes ff-blink{0%{transform:scale(.85);opacity:.7}50%{transform:scale(1.1);opacity:1}100%{transform:scale(.85);opacity:.7}}
/* Meta (ex.: “Há 14 horas • 3 min de leitura”) */
.ff-card .elementor-post__meta-data{
color:var(--ff-muted); font-size:12px; display:flex; flex-wrap:wrap; gap:8px; margin-bottom:6px;
}
.ff-card .elementor-post__meta-data span+span{ position:relative; padding-left:14px; }
.ff-card .elementor-post__meta-data span+span::before{
content:"•"; position:absolute; left:4px; top:0; color:var(--ff-muted);
}
/* Título e excerpt */
.ff-card .elementor-post__title{ margin:6px 0 8px; line-height:1.25; }
.ff-card .elementor-post__title a{
color:var(--ff-text); text-decoration:none;
font-weight:800; font-size:clamp(18px,2.4vw,22px);
}
.ff-card .elementor-post__title a:hover{ color:var(--ff-accent); }
.ff-card .elementor-post__excerpt{ color:var(--ff-text); font-size:14px; line-height:1.5; }
/* Opcional: esconde “Leia mais” se estiver ativo */
.ff-card .elementor-post__read-more{ display:none !important; }
/* ---------- Paletas por categoria (use os slugs do WP) ---------- */
/* Exemplo: posts com a classe .category-marketing recebem outra cor */
.ff-card article[class*="category-marketing"]{
--ff-accent:#E6A100;
--ff-pill-bg:#E6A100;
}
/* Adicione quantas regras quiser (suinocultura, avicultura, etc.) */
/*
.ff-card article[class*="category-suinocultura"]{ --ff-accent:#7C3AED; --ff-pill-bg:#7C3AED; }
.ff-card article[class*="category-avicultura"]{ --ff-accent:#0EA5E9; --ff-pill-bg:#0EA5E9; }
*//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'FeedFood';
font-style: normal;
font-weight: 700;
font-display: auto;
src: url('https://feedfood.com.br/wp-content/uploads/2023/04/feedfood-bb.woff2') format('woff2'),
url('https://feedfood.com.br/wp-content/uploads/2023/04/feedfood-bb.woff') format('woff'),
url('https://feedfood.com.br/wp-content/uploads/2023/04/feedfood-bb.ttf') format('truetype');
}
@font-face {
font-family: 'FeedFood';
font-style: normal;
font-weight: 600;
font-display: auto;
src: url('https://feedfood.com.br/wp-content/uploads/2023/04/feedfood-b.woff2') format('woff2'),
url('https://feedfood.com.br/wp-content/uploads/2023/04/feedfood-b.woff') format('woff'),
url('https://feedfood.com.br/wp-content/uploads/2023/04/feedfood-b.ttf') format('truetype');
}
@font-face {
font-family: 'FeedFood';
font-style: normal;
font-weight: normal;
font-display: auto;
src: url('https://feedfood.com.br/wp-content/uploads/2023/04/feedfood.woff2') format('woff2'),
url('https://feedfood.com.br/wp-content/uploads/2023/04/feedfood.woff') format('woff'),
url('https://feedfood.com.br/wp-content/uploads/2023/04/feedfood.ttf') format('truetype');
}
/* End Custom Fonts CSS */