/* ===== PERSONALIZAÇÃO ===== */

:root{
    --black:#000;
    --dark:#0b0b0b;
    --gold:#F2D500;
    --gold-dark:#bba70f;
    --white:#fff;
    --soft:#f5f5f5;
    --text:#222;
    --purple:#5932ff;
}

/* ===== TIPOGRAFIA ===== */

body{font-family:Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:900;}
.hero-section h1,.section-title h2,.hidrogel-section h2{text-transform:uppercase;}

/* ===== LINKS ===== */

a{color:inherit;}
a:hover{color:var(--gold);}

/* ===== HEADER ===== */

.site-header{background:#000;padding:30px 0;}
.site-logo{max-width:380px;}

/* ===== HERO ===== */

.hero-section{background:#000; color:#fff; padding: 20px 0 40px 0;}
.hero-section h1 {
  font-size: 40px;
  font-weight: 900;
  line-height: 0,5;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.hero-section p{color:#ddd; font-size: 20px;}

/* ===== BOTÕES ===== */

.btn-gold{background:var(--gold);color:#000;border-color:var(--gold);}
.btn-gold:hover{background:var(--gold-dark);border-color:var(--gold-dark);}
.btn-dark-custom{background:#000;color:#fff;}

/* ===== SEÇÕES ===== */

.section-padding{padding:74px 0;}
.section-badge{background:var(--gold);color:#000;}

/* ===== PRODUTOS ===== */

.product-row{border-radius:22px;}
.product-row h3{color:#000;}
.product-row p{color:#666;}

/* ===== HIDROGEL ===== */

.hidrogel-section{background:var(--gold);}
.highlight-box{background:#fff;}
.highlight-box h2{color:#000;}

/* ===== CARDS ===== */

.icon-box,.service-card{background:#fff;}
.icon-box i,.service-card i{color:#000;}

/* ===== REDES ===== */

.social-section{background:#000;}
.social-icons a{color:#fff; font-size: 30px}
.social-icons a:hover{color:var(--gold);}

/* ===== CONTATO ===== */

.contact-card i{color:var(--gold-dark);}
.map-frame{border-radius:20px;}

/* ===== RODAPÉ ===== */

.site-footer{background:#000;color:#ddd;}
.footer-social a{color:#fff;}
.footer-social a:hover{color:var(--gold);}
.tecn72-link{color:var(--purple);}

/* ===== WHATSAPP ===== */

.whatsapp-float{background:var(--gold);color:#000;}
.whatsapp-float:hover{background:var(--gold-dark);}

/* ===== RESPONSIVO ===== */

@media(max-width:767px){
    .site-logo{max-width:300px;}
    .hero-section{padding:56px 0;}
}