From 4a4b31fa614c24cc336c11b02499d3345c686393 Mon Sep 17 00:00:00 2001
From: Julio Ruiz <julio.ruiz@fusionary.com>
Date: Wed, 11 Feb 2026 22:38:51 -0500
Subject: [PATCH] Minor css tweaks - adding icons

---
 src/components/cards/GridCard.astro         |  9 +++++----
 src/components/section/ColumnsSection.astro |  4 ++--
 src/components/section/GridSection.astro    |  5 +++--
 src/components/section/InfoSection.astro    |  2 +-
 src/icons/icon_justice_1.svg                | 11 +++++++++++
 src/icons/icon_justice_2.svg                | 11 +++++++++++
 6 files changed, 33 insertions(+), 9 deletions(-)
 create mode 100644 src/icons/icon_justice_1.svg
 create mode 100644 src/icons/icon_justice_2.svg

diff --git a/src/components/cards/GridCard.astro b/src/components/cards/GridCard.astro
index ce33c32..4605075 100644
--- a/src/components/cards/GridCard.astro
+++ b/src/components/cards/GridCard.astro
@@ -2,16 +2,17 @@
 import { Icon } from "astro-icon/components";
 
 const { props } = Astro.props;
+const textColor = props.textColor || ''
 
 const imageUrl = props.image || ''
 //const bgClass = props.type === 'text'? `bg-[${props.bgColor}]` : `bg-[url(${props.image})] bg-cover`
 ---
 <div class="aspect-square overflow-hidden">
-    <div class={`flex flex-col justify-between h-full bg-[${props.bgColor}]`}>
+    <div class={`flex flex-col justify-center h-full bg-[${props.bgColor}]`}>
         { props.type === 'text' && (
-            <div class="p-16">
-                <Icon name={props.icon} class="text-8xl" />
-                <p>{props.text}</p>
+            <div class="p-16 flex flex-col justify-between h-full">
+                <Icon name={props.icon} class={`text-[${textColor}] text-8xl`} />
+                <p class={`text-[${textColor}]`}>{props.text}</p>
             </div>
         )}
         { props.type === 'image' && (
diff --git a/src/components/section/ColumnsSection.astro b/src/components/section/ColumnsSection.astro
index bf9328d..ba326ad 100644
--- a/src/components/section/ColumnsSection.astro
+++ b/src/components/section/ColumnsSection.astro
@@ -11,7 +11,7 @@ const { props } = Astro.props;
                 <p  class="text-lg text-tertiary">Compromiso activo con un orden justo, basado en principios morales, respeto por la dignidad humana y defensa de valores permanentes.</p>
             </div>
             <div class="rightcol flex justify-end align-bottom min-h-full ">
-                <Icon name="ph:scales-thin" class="text-9xl text-tertiary self-end" />
+                <Icon name="icon_justice_1" class="text-9xl text-tertiary self-end" />
             </div>
         </div>
         <div class="bg-tertiary p-24 grid grid-cols-2">
@@ -20,7 +20,7 @@ const { props } = Astro.props;
                 <p class="text-[#CBA16A] text-lg">Coherencia entre pensamiento, palabra y acción; transparencia institucional y respon- sabilidad en el espacio público.</p>
             </div>
             <div class="rightcol flex justify-end align-bottom min-h-full ">
-                <Icon name="ph:brain-thin" class="text-[#EBE5D0] text-9xl self-end" />
+                <Icon name="icon_justice_2" class="text-[#EBE5D0] text-9xl self-end" />
             </div>
         </div>
     </div>
diff --git a/src/components/section/GridSection.astro b/src/components/section/GridSection.astro
index 938e172..e394b5e 100644
--- a/src/components/section/GridSection.astro
+++ b/src/components/section/GridSection.astro
@@ -30,7 +30,8 @@ const cards = [
         type: 'text',
         icon: 'ph:arrow-circle-up-thin',
         text: 'Dirección de La Gran Carpa Catedral. Puerto Rico',
-        bgColor: '#EBE5D0'
+        textColor: '#EBE5D0',
+        bgColor: '#003421'
     },
     {
         type: 'image',
@@ -40,7 +41,7 @@ const cards = [
         type: 'text',
         icon: 'ph:arrow-circle-left-thin',
         text: 'Participación activa en escenarios internacionales.',
-        bgColor: '#BEA48D'
+        bgColor: '#EBE5D0'
     },
 ];
 ---
diff --git a/src/components/section/InfoSection.astro b/src/components/section/InfoSection.astro
index efcee0c..e058cc7 100644
--- a/src/components/section/InfoSection.astro
+++ b/src/components/section/InfoSection.astro
@@ -36,7 +36,7 @@ const { bgColor, titleColor, textColor, title, text } = Astro.props;
                 sizeTitle: 'text-2xl',
             }} />
         </div>
-        <div class="col-span-1 py-38 px-24 bg-tertiary">
+        <div class="col-span-1 py-38 px-24 bg-[#21523F]">
             <img src="/src/assets/logo-ligth.webp" alt="Logo del CPyJ">
         </div>
     </div>
diff --git a/src/icons/icon_justice_1.svg b/src/icons/icon_justice_1.svg
new file mode 100644
index 0000000..a3b72ba
--- /dev/null
+++ b/src/icons/icon_justice_1.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 747 563" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-2866.93,-45354.1)">
+        <g transform="matrix(5.55556,0,0,5.55556,0,0)">
+            <g transform="matrix(1,0,0,1,573.002,8173.37)">
+                <path d="M0,82.037L20.404,82.037C22.286,82.037 23.732,83.495 23.732,85.371L23.732,87.478L-3.311,87.472L-3.311,85.366C-3.311,83.489 -1.876,82.031 0.006,82.031L0,82.037ZM42.856,55.343L73.177,55.343L73.177,57.031C73.177,61.771 69.389,65.519 64.608,65.519L51.408,65.519C46.621,65.519 42.856,61.771 42.856,57.031L42.856,55.343ZM-52.75,55.343L-22.428,55.343L-22.428,57.031C-22.428,61.771 -26.211,65.519 -30.997,65.519L-44.198,65.519C-48.984,65.519 -52.749,61.771 -52.749,57.031L-52.75,55.343ZM58.008,19.536L72.041,51.143L43.981,51.143L58.008,19.536ZM-37.597,19.536L-23.564,51.143L-51.63,51.143L-37.597,19.536ZM10.217,1.796C13.139,1.796 15.452,4.12 15.452,7.036C15.452,9.946 13.139,12.27 10.217,12.27C7.296,12.27 4.96,9.946 4.96,7.036C4.96,4.126 7.296,1.796 10.217,1.796M10.217,-9.637C9.661,-9.637 9.127,-9.419 8.731,-9.028C8.335,-8.632 8.111,-8.104 8.111,-7.548L8.111,-2.164C4.604,-1.355 1.821,1.423 1.006,4.93L-30.256,4.93C-30.365,4.93 -30.474,4.935 -30.577,4.953C-30.629,4.958 -30.675,4.97 -30.721,4.981C-30.784,4.998 -30.853,5.016 -30.922,5.033C-30.956,5.05 -30.996,5.062 -31.036,5.079C-31.105,5.108 -31.174,5.136 -31.243,5.176C-31.277,5.194 -31.318,5.217 -31.352,5.234C-31.404,5.268 -31.455,5.303 -31.501,5.337C-31.547,5.372 -31.593,5.406 -31.639,5.441C-31.805,5.59 -31.955,5.768 -32.069,5.963C-32.075,5.98 -32.087,5.997 -32.098,6.014C-32.138,6.095 -32.178,6.181 -32.213,6.267L-32.247,6.37C-32.276,6.445 -32.299,6.525 -32.316,6.611C-32.322,6.634 -32.328,6.657 -32.333,6.686C-32.351,6.801 -32.362,6.915 -32.362,7.036C-32.362,9.946 -34.675,12.27 -37.596,12.27C-40.518,12.27 -42.836,9.946 -42.836,7.036C-42.836,6.474 -43.055,5.94 -43.451,5.544C-43.846,5.148 -44.386,4.924 -44.943,4.93C-45.499,4.93 -46.033,5.153 -46.423,5.549C-46.819,5.946 -47.038,6.479 -47.032,7.036C-47.032,11.168 -44.334,14.704 -40.609,15.972L-56.771,52.382L-56.777,52.382C-56.915,52.686 -56.972,53.025 -56.949,53.358L-56.949,57.031C-56.949,64.038 -51.222,69.72 -44.197,69.72L-30.996,69.72C-23.971,69.72 -18.243,64.033 -18.243,57.031L-18.243,53.432C-18.209,53.071 -18.272,52.709 -18.415,52.382L-34.577,15.972C-31.501,14.928 -29.131,12.328 -28.396,9.125L1.007,9.125C1.816,12.638 4.6,15.421 8.112,16.23L8.112,77.837L0.008,77.837C-4.124,77.837 -7.505,81.234 -7.505,85.367L-7.505,87.473L-18.168,87.473C-18.731,87.473 -19.265,87.697 -19.661,88.093C-20.057,88.489 -20.28,89.023 -20.28,89.585C-20.275,90.142 -20.051,90.67 -19.655,91.066C-19.265,91.456 -18.725,91.674 -18.168,91.674L38.588,91.674L38.582,91.674C39.139,91.674 39.673,91.456 40.069,91.066C40.465,90.67 40.688,90.141 40.688,89.585C40.694,89.022 40.47,88.489 40.074,88.093C39.678,87.697 39.145,87.473 38.582,87.473L27.936,87.473L27.936,85.367C27.936,81.234 24.544,77.837 20.411,77.837L12.308,77.837L12.308,16.236C15.826,15.427 18.609,12.643 19.413,9.125L48.81,9.125C49.544,12.328 51.921,14.922 54.997,15.972L38.829,52.382C38.691,52.698 38.634,53.042 38.663,53.381L38.663,57.031C38.663,64.039 44.385,69.721 51.41,69.721L64.61,69.721C71.635,69.721 77.38,64.033 77.38,57.031L77.38,53.232C77.38,53.22 77.374,53.203 77.374,53.186C77.374,53.094 77.363,53.002 77.346,52.91C77.34,52.853 77.328,52.796 77.311,52.744C77.294,52.658 77.265,52.572 77.237,52.491C77.225,52.457 77.208,52.417 77.191,52.382L61.029,15.972C64.748,14.704 67.445,11.169 67.445,7.036C67.451,6.48 67.227,5.946 66.837,5.55C66.447,5.154 65.913,4.93 65.356,4.93C64.8,4.924 64.26,5.148 63.864,5.544C63.468,5.94 63.244,6.474 63.25,7.036C63.25,9.946 60.931,12.271 58.01,12.271C55.089,12.271 52.776,9.946 52.776,7.036C52.776,6.99 52.776,6.944 52.77,6.899L52.77,6.881C52.764,6.801 52.753,6.721 52.741,6.64C52.736,6.634 52.736,6.629 52.736,6.623C52.736,6.611 52.73,6.606 52.73,6.6C52.724,6.571 52.718,6.548 52.713,6.526L52.713,6.514C52.701,6.48 52.695,6.451 52.684,6.422C52.684,6.411 52.678,6.399 52.672,6.382C52.667,6.365 52.661,6.342 52.649,6.325C52.644,6.302 52.638,6.279 52.626,6.256C52.598,6.181 52.563,6.112 52.529,6.038C52.523,6.032 52.523,6.026 52.517,6.02C52.517,6.015 52.512,6.015 52.512,6.009C52.495,5.974 52.471,5.94 52.449,5.906C52.443,5.888 52.431,5.877 52.42,5.865C52.408,5.842 52.391,5.819 52.374,5.797C52.368,5.791 52.368,5.785 52.362,5.779C52.34,5.745 52.317,5.716 52.294,5.688C52.276,5.665 52.253,5.642 52.23,5.619C52.219,5.607 52.213,5.596 52.208,5.59C52.19,5.573 52.173,5.561 52.162,5.544C52.144,5.527 52.127,5.51 52.11,5.492C52.104,5.487 52.093,5.481 52.087,5.469C52.064,5.446 52.035,5.429 52.012,5.406L52.007,5.406C51.978,5.378 51.949,5.355 51.921,5.338C51.921,5.332 51.915,5.332 51.909,5.326C51.886,5.309 51.863,5.297 51.84,5.28C51.829,5.274 51.812,5.263 51.8,5.251C51.783,5.245 51.771,5.234 51.754,5.223L51.685,5.188C51.68,5.183 51.668,5.177 51.662,5.177C51.634,5.16 51.599,5.142 51.565,5.125C51.536,5.114 51.507,5.096 51.473,5.085C51.467,5.079 51.456,5.079 51.444,5.073C51.421,5.062 51.398,5.056 51.375,5.05C51.358,5.039 51.341,5.033 51.318,5.027C51.238,5.005 51.157,4.982 51.077,4.964L51.06,4.964C50.997,4.953 50.933,4.942 50.87,4.936C50.807,4.93 50.738,4.93 50.669,4.93L19.414,4.93C18.604,1.418 15.821,-1.366 12.308,-2.17L12.308,-7.547C12.303,-8.695 11.373,-9.631 10.219,-9.637L10.217,-9.637Z" style="fill:rgb(0,52,33);fill-rule:nonzero;"/>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/icons/icon_justice_2.svg b/src/icons/icon_justice_2.svg
new file mode 100644
index 0000000..5f946d1
--- /dev/null
+++ b/src/icons/icon_justice_2.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 616 552" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-7535.97,-45395.3)">
+        <g transform="matrix(5.55556,0,0,5.55556,0,0)">
+            <g transform="matrix(1,0,0,1,1417.13,8270.48)">
+                <path d="M0,-99.316C-4.241,-99.316 -8.425,-98.043 -11.998,-95.401C-21.722,-99.316 -31.997,-94.41 -36.279,-87.53C-45.946,-85.535 -52.824,-76.989 -52.841,-67.248C-52.841,-66.67 -52.797,-66.146 -52.74,-65.623C-56.883,-62.418 -59.778,-57.684 -60.487,-52.184C-61.165,-46.899 -59.708,-41.784 -56.756,-37.714C-57.828,-34.138 -57.901,-30.299 -56.927,-26.649C-54.393,-17.207 -45.083,-10.698 -36.027,-12.107L-32.551,-1.75C-32.195,-0.719 -31.221,-0.014 -30.133,-0.014L-21.41,-0.014C-20.349,0 -19.392,-0.646 -19.009,-1.636C-15.561,-10.354 -12.055,-15.257 -8.989,-17.932C-5.937,-20.602 -3.392,-21.163 -1.121,-21.237C4.162,-21.391 9.461,-21.858 14.014,-23.624C17.688,-25.049 20.865,-27.198 22.816,-31.438C25.233,-30.475 26.758,-30.296 29.376,-30.296C40.807,-30.296 50.149,-39.608 50.149,-51.042C50.149,-57.922 46.741,-64.551 40.875,-68.309C41.046,-83.726 28.538,-91.472 17.346,-89.86C13.536,-95.612 6.998,-99.316 0,-99.316M0,-94.185C5.809,-94.185 11.119,-90.962 13.821,-85.831C14.372,-84.8 15.528,-84.265 16.662,-84.531C17.807,-84.8 18.979,-84.941 20.149,-84.955C28.405,-84.955 35.104,-78.608 35.706,-70.512C34.467,-70.794 33.161,-70.951 31.848,-70.979L23.426,-70.979C20.008,-70.979 20.273,-65.666 23.698,-65.848L31.821,-65.848C33.688,-65.805 35.451,-65.395 37.079,-64.649C41.982,-61.878 45.024,-56.693 45.024,-51.039C45.024,-42.376 38.056,-35.424 29.406,-35.424C27.599,-35.424 25.803,-35.736 24.107,-36.344C24.262,-37.654 24.262,-39 24.08,-40.341C23.936,-41.369 23.684,-42.365 23.358,-43.32C26.243,-43.884 28.94,-45.045 31.287,-46.768C33.322,-48.198 32.347,-51.405 29.857,-51.446C29.295,-51.446 28.728,-51.267 28.261,-50.925C26.072,-49.313 23.497,-48.369 20.732,-48.125C17.975,-51.601 13.849,-53.834 9.255,-53.907L-20.222,-53.907C-22.881,-53.934 -25.353,-55.109 -27.176,-57.027C-27.643,-57.537 -28.31,-57.833 -28.999,-57.849C-31.306,-57.903 -32.507,-55.122 -30.88,-53.483C-28.166,-50.629 -24.408,-48.836 -20.298,-48.779L9.165,-48.779C14.014,-48.706 18.38,-44.877 19.001,-39.651C19.625,-34.507 16.404,-30.098 12.15,-28.413C8.631,-27 3.782,-26.522 -1.289,-26.365C-4.452,-26.264 -8.468,-25.217 -12.38,-21.798C-15.943,-18.675 -19.674,-12.969 -23.022,-5.139L-28.28,-5.139L-31.856,-15.791C-32.28,-17.075 -33.636,-17.81 -34.952,-17.443C-42.229,-15.509 -49.859,-20.113 -51.978,-27.984C-52.444,-29.737 -52.561,-31.544 -52.401,-33.313C-50.382,-31.816 -48.065,-30.668 -45.507,-29.992C-42.047,-28.815 -40.604,-34.22 -44.193,-34.936C-51.611,-36.9 -56.376,-43.979 -55.402,-51.544C-54.428,-59.089 -48.008,-64.741 -40.319,-64.798C-36.773,-64.697 -36.816,-70.086 -40.362,-69.929C-42.896,-69.899 -45.339,-69.419 -47.585,-68.542C-46.975,-75.719 -41.608,-81.612 -34.374,-82.686C-33.612,-82.784 -32.933,-83.237 -32.535,-83.902C-29.721,-88.65 -24.634,-91.559 -19.112,-91.575C-16.893,-91.559 -14.714,-91.078 -12.695,-90.175C-11.805,-89.768 -10.745,-89.909 -9.998,-90.557C-7.196,-92.899 -3.644,-94.185 0,-94.185" style="fill:rgb(235,229,208);fill-rule:nonzero;"/>
+            </g>
+        </g>
+    </g>
+</svg>