@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url(reset.css);
@import url(carrossel.css); 
@import url(chat.css);
@import url(cobertura.css);
@import url(footer.css);
@import url(grid.css);
@import url(header.css);
@import url(planos.css);
@import url(sob.css);
@import url(sobre.css);


:root {
  --laranja: #f57c35;
  --laranja-carrossel: #ff6a00;
  --linear-carrossel: linear-gradient(135deg, #ff8c00, #ff6600);
  --linear-branco: linear-gradient(to top, #ffffff, #f9f9f9);
  --linear-laranja-azul: linear-gradient(to right, #ff8c00 50%, #3498db 50%);
  --cinza: rgba(255, 255, 255, 0.6);
  --azul-escuro: #1f3555;
  --branco: #ffffff;
  --preto: #000;
  --bg-light: #f6f8fb;
  --bg-gradient: linear-gradient(135deg, #1f3555 0%, #335481 100%);
  --text-dark: #1a202c;
  --background-light: #f5f5f5;
  --background-dark: #121212;
  --gray-200: #dbe3ee;
  --gray-300: #9dabbe;
  --grid-rgba: rgba(255, 255, 255, 0.2);

  --linear-azul: linear-gradient(135deg, #1f2a40, #3b4862);

  --shadow-light: 0 4px 20px rgba(0, 0, 0, 0.1);
  --border-radius: 8px;

  --font-inter: 'Inter', sans-serif;
  --font-poppins: "Poppins", sans-serif;
  --font-montserrat: "Montserrat", sans-serif;

  --linear-laminado-azul: linear-gradient(120deg,
      rgba(74, 144, 226, 0) 0%,
      rgba(74, 144, 226, 0.4) 50%,
      rgba(74, 144, 226, 0) 100%);
  --linear-laminado-laranja: linear-gradient(120deg,
      rgba(255, 140, 0, 0) 0%,
      rgba(255, 140, 0, 0.4) 50%,
      rgba(255, 140, 0, 0) 100%);
  --linear-laminado-branco: linear-gradient(120deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.4) 50%,
      rgba(255, 255, 255, 0) 100%);
  --linear-Instagram: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);

  --cinza-claro: #f4f4f4;
  --cinza: #444;
  --borda: 16px;

  --primary-color: #003366;
  --secondary-color: #ff6a00;
  --background-color: #f4f7f6;
  --card-background: #ffffff;
  --dark-card-background: #003366;
  --text-color: #333;
  --light-text-color: #666;
  --light-background-text: rgba(255, 255, 255, 0.8);
  --font-primary: 'Arial', sans-serif;

  --primary-color: #a534eb;
  --text-color: #e0e0e0;
  --link-hover-color: #ffffff;

  --color-cards: rgb(235, 235, 235);
  --color-button: rgb(231, 144, 14);
  --color-orange: rgb(231, 144, 14);

  --desktop-base-width: 1920;
  --desktop-base-height: 600;
  --desktop-ratio: 0.3125;
  --max-desktop-width: 1920px;
}

body {
  font-weight: 500;
  background-color: var(--background-light);
  color: #333;
  line-height: 1.6;
}