/* ===============================
   ATV In Progress - variables.css
   =============================== */

:root{

  /* Colores corporativos */
  --color-primary:#14c7c8;
  --color-primary-dark:#0fa5a6;
  --color-secondary:#182b53;
  --color-accent:#57e3d5;

  --color-white:#ffffff;
  --color-light:#f6fbfc;
  --color-grey:#e8edf3;
  --color-dark:#172033;
  --color-text:#475569;

  /* Gradientes */
  --gradient-primary:linear-gradient(135deg,#14c7c8,#3ce6d8);
  --gradient-dark:linear-gradient(135deg,#162b54,#203d75);
  --gradient-hero:linear-gradient(135deg,#162b54 0%,#14c7c8 100%);

  /* Tipografía */
  --font-main:'Manrope',sans-serif;

  /* Tamaños */
  --fs-xs:.8rem;
  --fs-sm:.95rem;
  --fs-md:1rem;
  --fs-lg:1.25rem;
  --fs-xl:2rem;
  --fs-2xl:3rem;
  --fs-3xl:4rem;

  /* Pesos */
  --fw-light:300;
  --fw-normal:400;
  --fw-semibold:600;
  --fw-bold:700;
  --fw-extrabold:800;

  /* Espaciados */
  --space-xs:.5rem;
  --space-sm:1rem;
  --space-md:2rem;
  --space-lg:4rem;
  --space-xl:6rem;

  /* Bordes */
  --radius-sm:10px;
  --radius-md:18px;
  --radius-lg:28px;
  --radius-xl:40px;
  --radius-pill:999px;

  /* Sombras */
  --shadow-sm:0 5px 15px rgba(0,0,0,.08);
  --shadow-md:0 15px 35px rgba(0,0,0,.12);
  --shadow-lg:0 25px 60px rgba(0,0,0,.18);

  /* Transiciones */
  --transition:.3s ease;
  --transition-slow:.6s ease;

  /* Contenedor */
  --container:1280px;

  /* Navbar */
  --navbar-height:90px;

  /* Z-index */
  --z-menu:1000;
  --z-modal:5000;
  --z-overlay:4000;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  font-family:var(--font-main);
  color:var(--color-dark);
  background:var(--color-white);
}

img{
  max-width:100%;
  display:block;
}

a{
  text-decoration:none;
  color:inherit;
}

ul{
  list-style:none;
  padding:0;
  margin:0;
}

.container{
  width:min(92%,var(--container));
  margin:auto;
}