/* ==========================================================================
   Tecnologias MF — estilos auxiliares das páginas em blocos Gutenberg
   Enfileirado só no template "Tecnologias MF — Full Width".
   ========================================================================== */

.tecnologias-mf-page{
    --mf-red:#C71121;
    --mf-red-hover:#a50e1b;
    --mf-gray-band:#f2f2f2;
    color:#1d1d1b;
    overflow-x:hidden;
}
.tecnologias-mf-page img{max-width:100%;height:auto;}

/* Container padrão do projeto: tudo confinado (sem full-bleed).
   .alignfull é neutralizado para não romper o container do tema. */
.tecnologias-mf-page .alignfull{
    margin-left:0;
    margin-right:0;
    max-width:100%;
}

/* -------- Hero -------- */
.tecnologias-mf-page .tec-hero{margin:0;}
.tecnologias-mf-page .tec-hero img{width:100%;height:auto;display:block;object-fit:cover;}

/* -------- Hero com overlay de texto -------- */
.tecnologias-mf-page .tec-hero-overlay{
    position:relative;min-height:520px;
    display:flex;align-items:flex-start;
}
.tecnologias-mf-page .tec-hero-overlay .wp-block-cover__inner-container{
    padding-top:7%;width:100%;
}
.tecnologias-mf-page .tec-hero-title{
    color:#fff;font-weight:800;text-transform:uppercase;
    font-size:2.4rem;line-height:1.1;margin:0 auto;max-width:900px;
}
.tecnologias-mf-page .tec-hero-sub{
    color:#fff;max-width:720px;margin:16px auto 0;font-size:17px;line-height:1.5;
}

/* -------- Text block (heading + parágrafos) -------- */
.tecnologias-mf-page .tec-textblock{padding:48px 20px 24px;}
.tecnologias-mf-page .tec-block-title{
    font-size:15px;font-weight:700;letter-spacing:.1em;
    text-transform:uppercase;color:#1d1d1b;margin:0 0 20px;
}
.tecnologias-mf-page .tec-block-text{
    color:#3a3a3a;font-size:16px;line-height:1.65;margin:0 0 16px;
}

/* -------- Feature cards (imagem + título + texto + botão) -------- */
.tecnologias-mf-page .tec-fcard-row{
    max-width:1200px;margin:24px auto 48px;
    display:grid!important;grid-template-columns:repeat(3,1fr);gap:28px;
}
@media (max-width:900px){ .tecnologias-mf-page .tec-fcard-row{grid-template-columns:1fr 1fr;} }
@media (max-width:600px){ .tecnologias-mf-page .tec-fcard-row{grid-template-columns:1fr;} }
.tecnologias-mf-page .tec-fcard{
    background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.1);
    display:flex;flex-direction:column;padding:0!important;
}
.tecnologias-mf-page .tec-fcard > .wp-block-image,
.tecnologias-mf-page .tec-fcard img{margin:0;width:100%;height:210px;object-fit:cover;display:block;}
.tecnologias-mf-page .tec-fcard-body{padding:22px 22px 26px;}
.tecnologias-mf-page .tec-fcard-title{
    font-size:15px;font-weight:700;letter-spacing:.08em;
    text-transform:uppercase;color:#1d1d1b;margin:0 0 12px;
}
.tecnologias-mf-page .tec-fcard-text{color:#4a4a4a;font-size:15px;line-height:1.5;margin:0 0 20px;}
.tecnologias-mf-page .tec-fcard-btn,
.tecnologias-mf-page .tec-fcard-cta .wp-block-button__link{
    display:inline-block;background:var(--mf-red);color:#fff!important;
    text-decoration:none;font-weight:600;font-size:14px;
    padding:12px 22px;border-radius:4px;
}
.tecnologias-mf-page .tec-fcard-btn:hover,
.tecnologias-mf-page .tec-fcard-cta .wp-block-button__link:hover{background:var(--mf-red-hover);}

/* -------- Intro -------- */
.tecnologias-mf-page .tec-intro{padding:48px 20px 8px;}
.tecnologias-mf-page .tec-intro-text{
    max-width:820px;margin:0 auto;
    color:#1d1d1b;font-size:18px;line-height:1.6;
}

/* -------- Faixa cinza (heading + cards) -------- */
.tecnologias-mf-page .tec-band{
    background:var(--mf-gray-band);
    padding:56px 20px 64px;
}
.tecnologias-mf-page .tec-section-title{
    font-size:15px;font-weight:700;letter-spacing:.14em;
    text-transform:uppercase;color:#6b6b6b;
    margin:0 auto 40px;
}

/* -------- Cards (grid e swiper) -------- */
.tecnologias-mf-page .tec-card-row{
    max-width:1200px;margin:0 auto;gap:24px;
}
.tecnologias-mf-page .tec-card{
    background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.08);
    display:flex;flex-direction:column;
}
.tecnologias-mf-page .tec-card .wp-block-image{margin:0;}
.tecnologias-mf-page .tec-card img{
    width:100%;height:190px;object-fit:cover;display:block;
}
.tecnologias-mf-page .tec-card-text{
    padding:18px 20px 28px;margin:0;
    font-weight:700;text-transform:uppercase;
    font-size:14px;line-height:1.35;color:#1d1d1b;
}

/* -------- Swiper -------- */
.tecnologias-mf-page .tec-swiper-wrap{
    position:relative;max-width:1200px;margin:0 auto;padding:0 44px;
}
.tecnologias-mf-page .tec-swiper{overflow:hidden;}
.tecnologias-mf-page .tec-swiper .swiper-slide{height:auto;}
.tecnologias-mf-page .tec-swiper-wrap .swiper-button-prev,
.tecnologias-mf-page .tec-swiper-wrap .swiper-button-next{
    color:var(--mf-red);
}
.tecnologias-mf-page .tec-swiper-wrap .swiper-button-prev{left:0;}
.tecnologias-mf-page .tec-swiper-wrap .swiper-button-next{right:0;}
.tecnologias-mf-page .tec-swiper-wrap .swiper-pagination{
    position:relative;margin-top:20px;
}
.tecnologias-mf-page .tec-swiper-wrap .swiper-pagination-bullet-active{
    background:var(--mf-red);
}

/* -------- Mockup (imagem com banner embutido) -------- */
.tecnologias-mf-page .tec-mockup{max-width:1000px;margin:48px auto;}
.tecnologias-mf-page .tec-mockup img{width:100%;height:auto;}

/* -------- Máquinas compatíveis -------- */
.tecnologias-mf-page .tec-machines-wrap{padding:56px 20px 40px;}
.tecnologias-mf-page .tec-machines-intro{
    max-width:860px;margin:0 auto 36px;font-weight:700;font-size:16px;
}
.tecnologias-mf-page .tec-machine img{width:100%;height:auto;display:block;}
.tecnologias-mf-page .tec-cta{margin-top:36px;}
.tecnologias-mf-page .tec-cta .wp-block-button__link{
    background:var(--mf-red)!important;color:#fff!important;
    border-radius:4px;padding:14px 30px;font-weight:600;font-size:15px;
}
.tecnologias-mf-page .tec-cta .wp-block-button__link:hover{
    background:var(--mf-red-hover)!important;
}

/* -------- Pill (badge vermelho) -------- */
.tecnologias-mf-page .tec-pill-wrap{text-align:center;margin:36px 0;}
.tecnologias-mf-page .tec-pill{
    display:inline-block;background:var(--mf-red);color:#fff;
    font-weight:700;font-size:14px;padding:12px 30px;border-radius:30px;
}

/* -------- Tabela comparativa -------- */
.tecnologias-mf-page .tec-table{max-width:1100px;margin:32px auto 48px;overflow-x:auto;}
.tecnologias-mf-page .tec-table table{width:100%;border-collapse:collapse;font-size:14px;}
.tecnologias-mf-page .tec-table th,.tecnologias-mf-page .tec-table td{
    border:1px solid #ddd;padding:12px 14px;text-align:left;vertical-align:top;
}
.tecnologias-mf-page .tec-table thead th{background:var(--mf-red);color:#fff;font-weight:700;}
.tecnologias-mf-page .tec-table tbody th{background:#f2f2f2;font-weight:700;}

/* -------- Icon list (caixa cinza ícone + texto) -------- */
.tecnologias-mf-page .tec-iconlist{
    max-width:1000px;margin:24px auto 40px;
    background:var(--mf-gray-band);border-radius:10px;
    padding:36px 40px;display:grid;gap:26px 48px;
}
.tecnologias-mf-page .tec-iconlist.tec-cols-1{grid-template-columns:1fr;}
.tecnologias-mf-page .tec-iconlist.tec-cols-2{grid-template-columns:1fr 1fr;}
.tecnologias-mf-page .tec-iconitem{display:flex;align-items:flex-start;gap:16px;}
.tecnologias-mf-page .tec-iconitem-ico{width:46px;height:46px;flex:0 0 46px;object-fit:contain;}
.tecnologias-mf-page .tec-iconitem-txt{margin:0;font-size:15px;line-height:1.45;color:#1d1d1b;}
@media (max-width:640px){ .tecnologias-mf-page .tec-iconlist.tec-cols-2{grid-template-columns:1fr;} }

/* -------- Media + Text -------- */
.tecnologias-mf-page .tec-mediatext{max-width:1100px;margin:8px auto 40px;gap:36px;}
.tecnologias-mf-page .tec-mt-media img{width:100%;height:auto;display:block;}
.tecnologias-mf-page .tec-mt-title{font-size:17px;font-weight:700;color:#1d1d1b;margin:0 0 12px;}
.tecnologias-mf-page .tec-mt-text{color:#3a3a3a;font-size:15px;line-height:1.6;margin:0 0 14px;}

/* -------- Banner pair (dois banners linkados) -------- */
.tecnologias-mf-page .tec-banner-pair{
    max-width:1200px;margin:40px auto;
    display:grid;grid-template-columns:1fr 1fr;gap:22px;
}
.tecnologias-mf-page .tec-banner-cell{position:relative;display:block;overflow:hidden;border-radius:2px;}
.tecnologias-mf-page .tec-banner-cell img{width:100%;height:auto;display:block;}
.tecnologias-mf-page .tec-banner-ov{
    position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;
    padding:0 8%;color:#fff;
}
.tecnologias-mf-page .tec-banner-ov-title{font-size:2rem;font-weight:800;text-transform:uppercase;}
.tecnologias-mf-page .tec-banner-ov-text{margin-top:10px;font-size:15px;max-width:70%;}
@media (max-width:640px){ .tecnologias-mf-page .tec-banner-pair{grid-template-columns:1fr;} }

/* -------- Tiles finais -------- */
.tecnologias-mf-page .tec-tiles{gap:0!important;margin:0;}
.tecnologias-mf-page .tec-tile{padding:0!important;}
.tecnologias-mf-page .tec-tile-cover{
    position:relative;overflow:hidden;min-height:230px;
    display:flex;align-items:center;justify-content:center;
}
.tecnologias-mf-page .tec-tile-cover img.wp-block-cover__image-background{
    position:absolute;inset:0;width:100%;height:100%;
    object-fit:cover;z-index:0;
}
.tecnologias-mf-page .tec-tile-cover .has-background-dim{
    position:absolute;inset:0;background:rgba(0,0,0,.35);z-index:1;
}
.tecnologias-mf-page .tec-tile-cover .wp-block-cover__inner-container{
    position:relative;z-index:2;width:100%;
}
.tecnologias-mf-page .tec-tile-label{margin:0;}
.tecnologias-mf-page .tec-tile-label a{
    color:#fff!important;font-weight:700;text-transform:uppercase;
    text-decoration:none;font-size:16px;letter-spacing:.05em;
}
