:root {
  --color-purple-900: #581C87;
  --color-purple-800: #6B21A8;
  --color-purple-700: #7E22CE;
  --color-purple-600: #9333EA;
  --color-purple-500: #A855F7;
  --color-purple-400: #BE82F9;
  --color-purple-200: #E9D5FF;
  --color-purple-100: #F3E8FF;
  --color-purple-50: #faf5ff;

  --color-indigo-900: #312e81;
  --color-indigo-600: #4f46e5;
  --color-indigo-500: #6366F1;
  --color-indigo-50: #eef2ff;

  --color-pink-500: #ec4899;
  --color-pink-400: #F472B6;

  --color-gray-200: #e5e7eb;
  --color-gray-100: #f3f4f6;
  --color-gray-50: #f9fafb;

  --color-yellow-600: #faf615;
  --color-yellow-500: #eab308;
  --color-yellow-400: #facc15;
  --color-orange-600: #ea580c;
  --color-orange-500: #f97316;
  --color-orange-400: #fb923c;
  --color-orange-300: #fdba74;
  --color-red-600: #dc2626;
  --color-red-500: #ef4444;

  --color-blue-500: #3b82f6;
  --color-cyan-500: #06b6d4;
  --color-sky-500: #0ea5e9;
  --color-teal-500: #14b8a6;
  --color-green-500: #22c55e;
  --color-emerald-500: #10b981;

  --color-blue: #1267C3;
  --color-yellow: #FFDA6F;

  --text-black: #111827;
  --text-gray: #4b5563;
  --text-green: #166534;

  --background-green: #dcfce7;
  --background-white: #fff;
  --background-gray: #111827;
  --background-gray-800: #1f2937;
  --background-gray-700: #374151;
  --background-gray-600: #4b5563;
  
  --block-padding: 9.6rem;
}

html {
	box-sizing: border-box;
	font-size: 62.5%;
  scroll-behavior: smooth;
}

*, *:before, *:after {
  margin: 0;
  padding: 0;
	box-sizing: inherit;
}

body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  background-color: #FFF;
}

img { width: 100%; display: block; }
a { text-decoration: none; }
ul, li { list-style: none; }
input[name="field"] { display: none; }

/* input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=date] {
    -moz-appearance:textfield;
} */

.contenedor {
  max-width: 123rem;
  margin: 0 auto;
  /* width: 95%; */
}