/* ==========================================================================
   Casa de Carnes Chega Mais - Main Stylesheet
   Version: 1.0 | Americanense/SP
   ========================================================================== */

/* ---------- CSS Custom Properties ---------- */
:root {
  /* Brand Colors */
  --red-primary: #A51C24;
  --red-dark: #74151A;
  --red-vivid: #C62828;
  --cream: #F5EBDD;
  --gold: #C49A4A;
  --graphite: #252525;
  --gray-light: #F2F2F0;
  --white: #FFFFFF;

  /* Typography */
  --font-primary: 'Montserrat', sans-serif;
  --font-secondary: 'Open Sans', sans-serif;
  --h1-size: 38px;
  --h2-size: 28px;
  --h3-size: 22px;
  --h4-size: 18px;
  --body-size: 16px;
  --small-size: 14px;

  /* Spacing */
  --section-padding: 80px 0;
  --container-width: 1200px;
  --container-padding: 0 20px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.5s ease;

  /* Shadows */
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.12);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.16);

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
}

/* ---------- Reset & Base ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}
body{font-family:var(--font-secondary);font-size:var(--body-size);line-height:1.6;color:var(--graphite);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}
ul,ol{list-style:none}
button,input,select,textarea{font:inherit;border:none;outline:none}
button{cursor:pointer}
h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;line-height:1.2;color:var(--graphite)}
h1{font-size:var(--h1-size)}
h2{font-size:var(--h2-size)}
h3{font-size:var(--h3-size)}
h4{font-size:var(--h4-size)}
p{margin-bottom:1em}

/* ---------- Utility Classes ---------- */
.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:var(--container-padding)}
.section{padding:var(--section-padding)}
.section--cream{background:var(--cream)}
.section--gray{background:var(--gray-light)}
.section--dark{background:var(--graphite);color:var(--white)}
.section--dark h2,.section--dark h3{color:var(--white)}
.text-center{text-align:center}
.text-gold{color:var(--gold)}
.text-red{color:var(--red-primary)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:var(--red-primary);color:var(--white);padding:8px 16px;z-index:10000;border-radius:0 0 var(--radius-sm) var(--radius-sm);font-weight:600}
.skip-link:focus{top:0}

/* ---------- Section Header ---------- */
.section-header{text-align:center;margin-bottom:48px}
.section-header__subtitle{display:block;font-family:var(--font-secondary);font-size:var(--small-size);font-weight:600;text-transform:uppercase;letter-spacing:3px;color:var(--red-primary);margin-bottom:8px}
.section-header__title{margin-bottom:16px;position:relative;display:inline-block}
.section-header__title::after{content:'';display:block;width:60px;height:3px;background:var(--gold);margin:12px auto 0}
.section-header__desc{max-width:640px;margin:0 auto;color:#666;font-size:15px}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-family:var(--font-primary);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-sm);transition:all var(--transition-base);cursor:pointer;border:2px solid transparent}
.btn--primary{background:var(--red-primary);color:var(--white);border-color:var(--red-primary)}
.btn--primary:hover,.btn--primary:focus{background:var(--red-dark);border-color:var(--red-dark);color:var(--white)}
.btn--outline{background:transparent;color:var(--white);border-color:var(--white)}
.btn--outline:hover,.btn--outline:focus{background:var(--white);color:var(--red-primary)}
.btn--gold{background:var(--gold);color:var(--white);border-color:var(--gold)}
.btn--gold:hover,.btn--gold:focus{background:#b08a3e;border-color:#b08a3e;color:var(--white)}
.btn--dark{background:var(--graphite);color:var(--white);border-color:var(--graphite)}
.btn--dark:hover{background:#333;color:var(--white)}
.btn--sm{padding:10px 20px;font-size:12px}
.btn--lg{padding:18px 40px;font-size:16px}

/* ---------- Header / Navigation ---------- */
.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:all var(--transition-base)}
.header--scrolled{background:var(--white);box-shadow:var(--shadow-md)}
.header__inner{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-width:var(--container-width);margin:0 auto}
.header__logo img{width:200px;height:auto;max-height:80px;object-fit:contain;transition:max-height var(--transition-base)}
.header--scrolled .header__logo img{max-height:65px}
@media(min-width:1024px){
  .header__logo img{width:240px;max-height:90px}
  .header--scrolled .header__logo img{max-height:70px}
}
.header__nav{display:flex;align-items:center;gap:32px}
.header__nav-list{display:flex;gap:28px;align-items:center}
.header__nav-link{font-family:var(--font-primary);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--white);position:relative;padding:4px 0;transition:color var(--transition-fast)}
.header--scrolled .header__nav-link{color:var(--graphite)}
.header__nav-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--red-primary);transition:width var(--transition-base)}
.header__nav-link:hover::after,.header__nav-link--active::after{width:100%}
.header__nav-link:hover,.header__nav-link--active{color:var(--red-primary)}
.header__cta{display:flex;align-items:center;gap:12px}
.header__phone{font-family:var(--font-primary);font-size:14px;font-weight:700;color:var(--white);display:flex;align-items:center;gap:6px}
.header--scrolled .header__phone{color:var(--red-primary)}

/* Mobile Menu Toggle */
.header__toggle{display:none;flex-direction:column;gap:5px;background:none;padding:8px;cursor:pointer;z-index:1001}
.header__toggle span{display:block;width:24px;height:2px;background:var(--white);transition:all var(--transition-base)}
.header--scrolled .header__toggle span{background:var(--graphite)}
.header__toggle--active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.header__toggle--active span:nth-child(2){opacity:0}
.header__toggle--active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* ---------- Hero Section ---------- */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}
.hero__bg{position:absolute;inset:0;z-index:0}
.hero__bg img{width:100%;height:100%;object-fit:cover}
.hero__overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(116,21,26,0.85) 0%,rgba(165,28,36,0.6) 50%,rgba(37,37,37,0.7) 100%);z-index:1}
.hero__content{position:relative;z-index:2;max-width:640px;padding:120px 0 80px}
.hero__subtitle{font-family:var(--font-secondary);font-size:var(--small-size);font-weight:600;text-transform:uppercase;letter-spacing:4px;color:var(--gold);margin-bottom:16px}
.hero__title{font-size:48px;color:var(--white);margin-bottom:20px;line-height:1.1}
.hero__desc{font-size:18px;color:rgba(255,255,255,0.9);margin-bottom:32px;line-height:1.7}
.hero__actions{display:flex;gap:16px;flex-wrap:wrap}
.hero__scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:2;color:var(--white);font-size:12px;text-transform:uppercase;letter-spacing:2px;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0.7;animation:hero-scroll 2s ease-in-out infinite}
.hero__scroll-line{width:1px;height:40px;background:var(--white)}
@keyframes hero-scroll{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}

/* ---------- Breadcrumb ---------- */
.breadcrumb{background:var(--cream);padding:16px 0;border-bottom:1px solid rgba(0,0,0,0.06)}
.breadcrumb__list{display:flex;align-items:center;gap:8px;font-size:var(--small-size);flex-wrap:wrap}
.breadcrumb__item{display:flex;align-items:center;gap:8px;color:#888}
.breadcrumb__item a{color:var(--red-primary);font-weight:600}
.breadcrumb__item a:hover{text-decoration:underline}
.breadcrumb__sep{color:#ccc}

/* ---------- Page Hero (inner pages) ---------- */
.page-hero{position:relative;padding:160px 0 80px;background:var(--red-dark);overflow:hidden}
.page-hero__bg{position:absolute;inset:0;opacity:0.15}
.page-hero__bg img{width:100%;height:100%;object-fit:cover}
.page-hero__content{position:relative;z-index:2;text-align:center}
.page-hero__title{color:var(--white);font-size:42px;margin-bottom:12px}
.page-hero__desc{color:rgba(255,255,255,0.8);font-size:17px;max-width:560px;margin:0 auto}

/* ---------- About / Mission Section ---------- */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.about-grid__img{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}
.about-grid__img img{width:100%;height:400px;object-fit:cover}
.about-grid__text h2{margin-bottom:16px}
.about-grid__text p{color:#555;margin-bottom:16px}
.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}
.mission-card{background:var(--white);padding:32px 24px;border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}
.mission-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.mission-card__icon{width:56px;height:56px;background:var(--cream);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px;color:var(--red-primary)}
.mission-card__title{font-size:var(--h4-size);margin-bottom:8px}
.mission-card__desc{font-size:var(--small-size);color:#666}

/* ---------- Products / Cuts Section ---------- */
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.product-card{background:var(--white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.product-card__img{height:200px;overflow:hidden}
.product-card__img img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}
.product-card:hover .product-card__img img{transform:scale(1.05)}
.product-card__body{padding:20px}
.product-card__title{font-size:var(--h4-size);margin-bottom:8px}
.product-card__desc{font-size:var(--small-size);color:#666;margin-bottom:12px}
.product-card__link{font-family:var(--font-primary);font-size:13px;font-weight:700;color:var(--red-primary);text-transform:uppercase;letter-spacing:0.5px;display:inline-flex;align-items:center;gap:4px}
.product-card__link:hover{color:var(--red-dark);gap:8px}

/* ---------- Process / Flow Section ---------- */
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.process-step{text-align:center;padding:24px;position:relative}
.process-step__number{width:48px;height:48px;background:var(--red-primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-size:18px;font-weight:700;margin:0 auto 16px}
.process-step__title{font-size:var(--h4-size);margin-bottom:8px;text-transform:uppercase;letter-spacing:0.5px}
.process-step__desc{font-size:var(--small-size);color:#666;line-height:1.7}

/* ---------- Differentials Section ---------- */
.diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.diff-card{background:var(--white);padding:32px 24px;border-radius:var(--radius-md);text-align:center;border-top:3px solid var(--gold);box-shadow:var(--shadow-sm);transition:transform var(--transition-base)}
.diff-card:hover{transform:translateY(-4px)}
.diff-card__icon{width:64px;height:64px;background:linear-gradient(135deg,var(--red-primary),var(--red-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--white);font-size:24px}
.diff-card__title{font-size:var(--h4-size);margin-bottom:8px;text-transform:uppercase}
.diff-card__desc{font-size:var(--small-size);color:#666;line-height:1.7}

/* ---------- Testimonials Section ---------- */
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.testimonial-card{background:var(--white);padding:32px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);position:relative}
.testimonial-card__quote{font-size:48px;color:var(--gold);line-height:1;margin-bottom:8px;font-family:Georgia,serif}
.testimonial-card__text{font-style:italic;color:#555;margin-bottom:20px;line-height:1.7;font-size:15px}
.testimonial-card__author{display:flex;align-items:center;gap:12px}
.testimonial-card__avatar{width:48px;height:48px;background:var(--cream);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-weight:700;color:var(--red-primary);font-size:18px}
.testimonial-card__name{font-family:var(--font-primary);font-weight:700;font-size:var(--small-size)}
.testimonial-card__location{font-size:12px;color:#888}
.testimonial-card__stars{color:var(--gold);font-size:14px;margin-bottom:12px;letter-spacing:2px}

/* ---------- CTA Banner ---------- */
.cta-banner{background:linear-gradient(135deg,var(--red-dark) 0%,var(--red-primary) 100%);padding:64px 0;text-align:center;position:relative;overflow:hidden}
.cta-banner::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:rgba(255,255,255,0.03);border-radius:50%}
.cta-banner__title{color:var(--white);font-size:36px;margin-bottom:12px}
.cta-banner__desc{color:rgba(255,255,255,0.85);font-size:17px;margin-bottom:28px;max-width:560px;margin-left:auto;margin-right:auto}
.cta-banner__actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* ---------- Gallery ---------- */
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.gallery-item{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4/3;cursor:pointer}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}
.gallery-item:hover img{transform:scale(1.08)}
.gallery-item__overlay{position:absolute;inset:0;background:rgba(116,21,26,0.6);opacity:0;transition:opacity var(--transition-base);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:24px}
.gallery-item:hover .gallery-item__overlay{opacity:1}

/* ---------- Contact Section ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.contact-info{display:flex;flex-direction:column;gap:24px}
.contact-info__item{display:flex;gap:16px;align-items:flex-start}
.contact-info__icon{width:48px;height:48px;background:var(--cream);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--red-primary);font-size:20px}
.contact-info__label{font-family:var(--font-primary);font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--red-primary);font-weight:700;margin-bottom:4px}
.contact-info__text{color:#555;font-size:15px}
.contact-info__text a{color:var(--graphite);font-weight:600}
.contact-info__text a:hover{color:var(--red-primary)}
.contact-map{border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);height:100%;min-height:360px}
.contact-map iframe{width:100%;height:100%;border:0}

/* ---------- Footer ---------- */
.footer{background:var(--graphite);color:rgba(255,255,255,0.7);padding:64px 0 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,0.1)}
.footer__brand img{width:200px;height:auto;max-height:60px;object-fit:contain;margin-bottom:16px;filter:brightness(0) invert(1)}
.footer__brand p{font-size:var(--small-size);line-height:1.7}
.footer__title{font-family:var(--font-primary);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--white);margin-bottom:20px}
.footer__links li{margin-bottom:10px}
.footer__links a{font-size:var(--small-size);transition:color var(--transition-fast)}
.footer__links a:hover{color:var(--gold)}
.footer__social{display:flex;gap:12px;margin-top:16px}
.footer__social-link{width:40px;height:40px;border:1px solid rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);color:var(--white);font-size:16px}
.footer__social-link:hover{background:var(--red-primary);border-color:var(--red-primary)}
.footer__bottom{padding:24px 0;text-align:center;font-size:12px;color:rgba(255,255,255,0.4)}
.footer__bottom a{color:var(--gold)}

/* ---------- Cookie Banner ---------- */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--graphite);color:var(--white);padding:20px;z-index:9999;transform:translateY(100%);transition:transform var(--transition-base);box-shadow:0 -4px 20px rgba(0,0,0,0.3)}
.cookie-banner--visible{transform:translateY(0)}
.cookie-banner__inner{max-width:var(--container-width);margin:0 auto;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.cookie-banner__text{flex:1;font-size:var(--small-size);line-height:1.6}
.cookie-banner__text a{color:var(--gold);text-decoration:underline}
.cookie-banner__actions{display:flex;gap:12px;flex-shrink:0}

/* ---------- WhatsApp Float ---------- */
.whatsapp-float{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);z-index:999;transition:transform var(--transition-fast);color:var(--white);font-size:28px}
.whatsapp-float:hover{transform:scale(1.1)}
.whatsapp-float__pulse{position:absolute;inset:-4px;border-radius:50%;border:2px solid #25D366;animation:wa-pulse 2s ease-in-out infinite}
@keyframes wa-pulse{0%,100%{transform:scale(1);opacity:0.6}50%{transform:scale(1.3);opacity:0}}

/* ---------- 404 Page ---------- */
.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 20px;background:var(--cream)}
.error-page__code{font-family:var(--font-primary);font-size:120px;font-weight:900;color:var(--red-primary);line-height:1}
.error-page__title{font-size:var(--h2-size);margin:16px 0}
.error-page__desc{color:#666;margin-bottom:32px;max-width:400px}

/* ---------- Legal Pages ---------- */
.legal-content{max-width:800px;margin:0 auto;padding:48px 20px}
.legal-content h2{margin:32px 0 16px;color:var(--red-dark)}
.legal-content h3{margin:24px 0 12px}
.legal-content p,.legal-content li{color:#555;line-height:1.8;margin-bottom:12px}
.legal-content ul{padding-left:24px;list-style:disc}

/* ---------- FAQ ---------- */
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}
.faq-item__question{padding:20px 24px;font-family:var(--font-primary);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:color var(--transition-fast);list-style:none}
.faq-item__question::-webkit-details-marker{display:none}
.faq-item__question::after{content:'+';font-size:24px;font-weight:300;color:var(--red-primary);transition:transform var(--transition-base);flex-shrink:0}
.faq-item[open] .faq-item__question::after{transform:rotate(45deg)}
.faq-item__question:hover{color:var(--red-primary)}
.faq-item__answer{padding:0 24px 20px;color:#555;line-height:1.7;font-size:15px}

/* ---------- Animations ---------- */
.fade-in{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease}
.fade-in--visible{opacity:1;transform:translateY(0)}
.fade-in-left{opacity:0;transform:translateX(-30px);transition:opacity 0.6s ease,transform 0.6s ease}
.fade-in-left--visible{opacity:1;transform:translateX(0)}
.fade-in-right{opacity:0;transform:translateX(30px);transition:opacity 0.6s ease,transform 0.6s ease}
.fade-in-right--visible{opacity:1;transform:translateX(0)}

/* ---------- Responsive ---------- */
/* placeholder - filled in responsive.css */