/* Paleta de colores personalizada */
:root {
    --color-1: #0071B8;
    --color-2: #24BDD9;
    --color-3: #DDDDDD;
    --color-4: #FBB200;
    --color-5: rgba(255, 255, 255, 0);
    --color-6: #FFFFFF;
    --color-7: #ECF6FC;
    --color-fondo: #163850;
    --color-black: #000;
    --color-8: #005A9E; /* Azul más oscuro basado en --color-1 */
    --color-9: #1AA3C6; /* Azul intermedio basado en --color-2 */
    --color-10: #CCCCCC; /* Gris más claro basado en --color-3 */
    --color-11: #DFA100; /* Amarillo más oscuro basado en --color-4 */
    --color-12: #00416D; /* Azul profundo inspirado en --color-fondo */
    --color-13: #86D4E4; /* Azul pastel complementario a --color-2 */
    --color-14: #B3B3B3; /* Gris cálido complementario a --color-3 */
    --color-15: #FFA800; /* Naranja brillante complementario a --color-4 */
}

.circulo-degradado {
    background-image: url('/imarina_mod/templates/imarina/rea-ipublic/img/localpk/100/elipse-100.svg'); /* Ruta de tu imagen de círculo */
    background-position: -250px top;
    background-repeat: no-repeat;
}