actualizacion de imagenes y se agrego la leyenda que se solicito

This commit is contained in:
2026-03-06 14:57:57 -06:00
parent c8fee7fa15
commit 27a6ded88a
11 changed files with 216 additions and 55 deletions
+36 -35
View File
@@ -1,22 +1,23 @@
// Import Bootstrap functions, variables, and mixins
@import '../bootstrap-5.2.3/scss/functions';
@import '../bootstrap-5.2.3/scss/variables';
@import '../bootstrap-5.2.3/scss/mixins';
@import "../bootstrap-5.2.3/scss/functions";
@import "../bootstrap-5.2.3/scss/variables";
@import "../bootstrap-5.2.3/scss/mixins";
// Definir colores personalizados
$custom-colors: (
'rosa-lavanda': #ede3ec,
'lila-rosa': #d8c4d6,
'verde-ceniza': #84a79c,
'verde-oscuro': #105742,
'verde-pino': #4c8071,
'verde-pasto': #84a816,
'verde-claro': #d6e3da,
'verde-gris': #cadcd4,
'verde-claro-2': #b3cdb9,
'lila-claro': #905c8b,
'morado-claro': #915c8c,
'gris': #959595,
"rosa-lavanda": #ede3ec,
"lila-rosa": #d8c4d6,
"verde-ceniza": #84a79c,
"verde-oscuro": #105742,
"verde-pino": #4c8071,
"verde-pasto": #84a816,
"verde-claro": #d6e3da,
"verde-gris": #cadcd4,
"verde-claro-2": #b3cdb9,
"verde-claro-3": #d3e0d7,
"lila-claro": #905c8b,
"morado-claro": #915c8c,
"gris": #959595,
);
// Colores base principales
@@ -48,24 +49,24 @@ $white: #ffffff; // Blanco puro
// Combinar colores en $theme-colors
$theme-colors: map-merge(
(
'primary': $primary,
'primary-light': $primary-light,
'primary-lighter': $primary-lighter,
'primary-dark': $primary-dark,
'primary-darker': $primary-darker,
'secondary': $secondary,
'secondary-light': $secondary-light,
'secondary-lighter': $secondary-lighter,
'secondary-dark': $secondary-dark,
'secondary-darker': $secondary-darker,
'success': $success,
'danger': $danger,
'warning': $warning,
'info': $info,
'light': $light,
'dark': $dark,
'muted': $muted,
'white': $white,
"primary": $primary,
"primary-light": $primary-light,
"primary-lighter": $primary-lighter,
"primary-dark": $primary-dark,
"primary-darker": $primary-darker,
"secondary": $secondary,
"secondary-light": $secondary-light,
"secondary-lighter": $secondary-lighter,
"secondary-dark": $secondary-dark,
"secondary-darker": $secondary-darker,
"success": $success,
"danger": $danger,
"warning": $warning,
"info": $info,
"light": $light,
"dark": $dark,
"muted": $muted,
"white": $white,
),
$custom-colors
);
@@ -79,7 +80,7 @@ $body-color: #515151; // Azul/gris oscuro para texto
--swiper-theme-color: $primary;
--swiper-navigation-color: $primary;
--swiper-pagination-color: $primary;
--swiper-pagination-bullet-inactive-color: map-get($custom-colors, 'silver');
--swiper-pagination-bullet-inactive-color: map-get($custom-colors, "silver");
}
.swiper {
@@ -107,4 +108,4 @@ $container-max-widths: (
xxl: 100%,
);
// Import Bootstrap components
@import '../bootstrap-5.2.3/scss/bootstrap';
@import "../bootstrap-5.2.3/scss/bootstrap";