/*
Theme Name: Fera dos Vidros
Description: Tema personalizado do site institucional Fera dos Vidros, migrado do HTML estático original.
Author: Fera dos Vidros
Version: 1.0
*/

/* Este arquivo existe só pra o WordPress reconhecer o tema.
   Todo o visual real vem do Tailwind (CDN) carregado em functions.php,
   mais os poucos estilos personalizados abaixo. */

body { font-family: 'Inter', sans-serif; }

/* Estilos específicos da página inicial (vídeo de topo, cards de clientes, processo) */
.fdv-top-section{padding:40px 16px;background:#020617;color:#fff;overflow:hidden}
.fdv-top-inner{max-width:1024px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}
.fdv-top-title{font-size:24px;font-weight:800;line-height:1.25;text-align:center;margin:0}
.fdv-top-title .fdv-accent{background:linear-gradient(90deg,#60a5fa,#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent}
.fdv-top-video-wrap{border-radius:16px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.45);border:1px solid #1e293b;flex-shrink:0;width:140px}
.fdv-top-video-wrap video{display:block;width:100%;height:auto}
@media(min-width:768px){
    .fdv-top-inner{flex-direction:row;text-align:left;gap:40px}
    .fdv-top-title{font-size:32px;text-align:left;flex:1}
}

.fdv-client-videos{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:420px;margin:0 auto 24px auto}
.fdv-client-card{padding:16px;border:1px solid #f1f5f9;border-radius:12px;font-weight:900;color:#94a3b8;font-size:13px;letter-spacing:-.02em;text-align:center}
.fdv-client-card video{display:block;width:100%;height:auto;border-radius:8px;margin-top:12px}
.fdv-client-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(min-width:640px){.fdv-client-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.fdv-client-grid{grid-template-columns:repeat(6,1fr)}}
.fdv-client-card-plain{padding:16px;border:1px solid #f1f5f9;border-radius:12px;font-weight:900;color:#94a3b8;font-size:13px;letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;height:64px;text-align:center}

.fdv-process{display:flex;flex-direction:column;align-items:center;gap:8px}
@media(min-width:1024px){.fdv-process{flex-direction:row;justify-content:center;align-items:flex-start;gap:0}}
.fdv-process-step{display:flex;flex-direction:column;align-items:center;text-align:center;width:200px;flex-shrink:0}
.fdv-process-icon{width:64px;height:64px;border-radius:50%;background:#eff6ff;border:1px solid #dbeafe;color:#2563eb;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.08);flex-shrink:0}
.fdv-process-icon.fdv-icon-final{background:#2563eb;color:#fff;box-shadow:0 10px 25px rgba(37,99,235,.35)}
.fdv-process-icon svg{width:28px;height:28px}
.fdv-process-step h3{font-weight:700;font-size:14px;color:#0f172a;margin:16px 0 4px 0}
.fdv-process-step p{font-size:12px;color:#64748b;margin:0}
.fdv-process-arrow{display:flex;align-items:center;justify-content:center;padding:8px 0;flex-shrink:0}
.fdv-process-arrow svg{width:24px;height:24px;color:#cbd5e1;transform:rotate(90deg)}
@media(min-width:1024px){
    .fdv-process-arrow{padding:0 4px;margin-top:32px}
    .fdv-process-arrow svg{transform:rotate(0deg)}
}

/* Feed do blog nativo do WordPress, estilo rede social */
.fdv-feed-post{max-width:576px;margin:0 auto 24px auto;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;background:#fff}
.fdv-feed-post-head{display:flex;align-items:center;gap:12px;padding:16px 16px 12px 16px}
.fdv-feed-avatar{width:40px;height:40px;border-radius:9999px;background:#020617;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;flex-shrink:0}
.fdv-feed-post-media img,.fdv-feed-post-media video{display:block;width:100%;max-height:520px;object-fit:cover;background:#f1f5f9}
.fdv-feed-post-body{padding:0 16px 12px 16px;font-size:14px;color:#1e293b}
.fdv-feed-post-foot{display:flex;align-items:center;gap:20px;padding:12px 16px;border-top:1px solid #f1f5f9;color:#94a3b8;font-size:13px}