/* Variables - Colores */
:root {
  --color-primary: rgb(6, 78, 59);
  --color-primary-light: rgb(209, 250, 229);
  --color-primary-dark: rgb(2, 44, 34);
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-500: #6b7280;
  --color-gray-700: #374151;
  --color-gray-900: #111827;
  --color-white: #ffffff;
}

/* Variables - Espaciado */
:root {
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
}

/* Variables - Tipografía */
:root {
  --font-xs: 0.75rem;
  --font-sm: 0.875rem;
  --font-base: 1rem;
  --font-lg: 1.125rem;
  --font-xl: 1.25rem;
  --font-2xl: 1.5rem;
  --font-3xl: 1.875rem;
  --font-4xl: 2.25rem;
}

/* Variables - Bordes */
:root {
  --radius-sm: 0.125rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:where(html){font-size:16px;line-height:1.5}:where(body){font-family:"Roboto",sans-serif;color:var(--color-gray-900);background-color:var(--color-white)}:where(h1){font-size:var(--font-4xl);font-weight:700;line-height:1.2;margin-bottom:var(--space-4)}:where(h2){font-size:var(--font-3xl);font-weight:600;line-height:1.3;margin-bottom:var(--space-3)}:where(h3){font-size:var(--font-2xl);font-weight:600;line-height:1.4;margin-bottom:var(--space-3)}:where(h4){font-size:var(--font-xl);font-weight:600;line-height:1.4;margin-bottom:var(--space-2)}:where(h5){font-size:var(--font-lg);font-weight:500;line-height:1.5;margin-bottom:var(--space-2)}:where(h6){font-size:var(--font-base);font-weight:500;line-height:1.5;margin-bottom:var(--space-2)}:where(p){margin-bottom:var(--space-3);line-height:1.6;font-size:var(--font-base)}:where(small){font-size:var(--font-sm);color:var(--color-gray-500)}:where(strong){font-weight:600}:where(em){font-style:italic}:where(a){color:var(--color-primary);text-decoration:none;transition:color .2s}:where(a:hover){color:var(--color-primary-dark);text-decoration:underline}:where(ul,ol){margin-bottom:var(--space-3);padding-left:var(--space-4)}:where(li){margin-bottom:var(--space-1)}:where(input,textarea,select){width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-base);line-height:1.5;transition:border-color .2s,box-shadow .2s;font-family:inherit}:where(input:focus,textarea:focus,select:focus){outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(6,78,59,0.1)}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:where(label){display:block;margin-bottom:var(--space-1);font-weight:500;color:var(--color-gray-700);font-size:var(--font-sm)}:where(fieldset){border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}:where(legend){font-weight:600;color:var(--color-gray-900);padding:0 var(--space-2);font-size:var(--font-base)}:where(fieldset label){display:inline-block;margin-bottom:0;margin-left:var(--space-2);font-weight:400;vertical-align:middle}:where(fieldset input[type="radio"],:where(fieldset input[type="checkbox"])){width:auto;margin:0;vertical-align:middle}:where(button){padding:var(--space-2) var(--space-4);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:background-color .2s;line-height:1.5;font-family:inherit}:where(button:hover){background-color:var(--color-primary-dark)}:where(button:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}:where(button:disabled){background-color:var(--color-gray-500);cursor:not-allowed;opacity:.6}:where(table){width:100%;border-collapse:collapse;margin-bottom:var(--space-4);font-size:var(--font-sm);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-gray-200)}:where(thead){background-color:var(--color-gray-100)}:where(th){padding:var(--space-2) var(--space-3);text-align:left;font-weight:600;color:var(--color-gray-900);border-bottom:1px solid var(--color-gray-200)}:where(td){padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-gray-200)}:where(tbody tr:nth-child(even)){background-color:var(--color-gray-50)}:where(tbody tr:last-child td){border-bottom:none}:where(hr){border:none;height:1px;background-color:var(--color-gray-200);margin:var(--space-4) 0}:where(blockquote){padding:var(--space-3) var(--space-4);margin:var(--space-3) 0;border-left:4px solid var(--color-primary);background-color:var(--color-gray-50);font-style:italic;color:var(--color-gray-700)}:where(code){padding:var(--space-1) var(--space-2);background-color:var(--color-gray-100);border-radius:var(--radius-sm);font-family:'Courier New',monospace;font-size:var(--font-sm);color:var(--color-primary-dark)}:where(pre){padding:var(--space-4);background-color:var(--color-gray-900);color:var(--color-gray-100);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-4);font-family:'Courier New',monospace;font-size:var(--font-sm);line-height:1.6}:where(pre code){padding:0;background:none;color:inherit}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.mb-0{margin-bottom:var(--space-0)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.text-primary{color:var(--color-primary)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-white{color:var(--color-white)}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-white{background-color:var(--color-white)}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-base{font-size:var(--font-base)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.text-3xl{font-size:var(--font-3xl)}.text-4xl{font-size:var(--font-4xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.border{border:1px solid var(--color-gray-200)}.border-0{border-width:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.w-auto{width:auto}.w-full{width:100%}.w-1-2{width:50%}.w-1-3{width:33.333333%}.w-2-3{width:66.666667%}.w-1-4{width:25%}.w-3-4{width:75%}.h-auto{height:auto}.h-full{height:100%}.min-w-0{min-width:0}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.relative{position:relative}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.sm\:flex-row{flex-direction:row}.sm\:text-left{text-align:left}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\:flex-row{flex-direction:row}}