@media (max-width: 767px) {
    /* 1. Atacamos al contenedor principal del cuerpo */
    .wrapper-fluid {
        padding-left: .5rem !important;
        padding-right: .5rem !important;
    }

    /* 2. Reseteamos el grid para que no se salga de los márgenes del wrapper */
    .site-grid {
        grid-gap: 0 !important;
        grid-template-areas: none !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
    }
}



.container-header .mod-menu {
    display: flex;
    justify-content: center;
  line-height:1.5rem;
  pading:0 .5rem;
}


/* Forzar hover en todos los elementos internos del menú */
.container-header .mod-menu .nav-item:hover .nav-link,
.container-header .mod-menu .nav-item:hover a,
.container-header .mod-menu .nav-link:hover,
.container-header .mod-menu .nav-link:focus {
    color: #444 !important;
    /*opacity: 1 !important;*/
    /*text-decoration: underline !important;*/
  background-color: yellow;
  pading:0 .5rem;
 
}

.mod-breadcrumbs.breadcrumb {
    background-color: transparent !important;
}

a {
  color: rgba(var(--link-color-rgb), var(--link-opacity, 1));
  text-decoration: /*underline*/none;
}

a:not([class]) {
    text-decoration: /*underline*/none;
}

/* Borrado total y absoluto del icono de breadcrumb */
.breadcrumb-item::before,
.breadcrumb .fas,
.breadcrumb .fa-map-marker,
.mod-breadcrumbs span.fas,
.mod-breadcrumbs span[class*="icon-"] {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* 1. Asegurar que los elementos tengan la estructura correcta */
nav[aria-label="Breadcrumbs"] ol.breadcrumb {
    --bs-breadcrumb-divider: '>' !important;
}

/* 2. Forzar visualmente el separador mediante el pseudoelemento del ítem */
nav[aria-label="Breadcrumbs"] .breadcrumb-item + .breadcrumb-item::before {
    content: ">" !important;
    display: inline-block !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    color: #6c757d !important;
}






:root {
  /* --- Colores W3C CSS Module --- */
  --aliceblue: #f0f8ff; --antiquewhite: #faebd7; --aqua: #00ffff; --aquamarine: #7fffd4; 
  --azure: #f0ffff; --beige: #f5f5dc; --bisque: #ffe4c4; --black: #000000; 
  --blanchedalmond: #ffebcd; --blue: #0000ff; --blueviolet: #8a2be2; --brown: #a52a2a; 
  --burlywood: #deb887; --cadetblue: #5f9ea0; --chartreuse: #7fff00; --chocolate: #d2691e; 
  --coral: #ff7f50; --cornflowerblue: #6495ed; --cornsilk: #fff8dc; --crimson: #dc143c; 
  --cyan: #00ffff; --darkblue: #00008b; --darkcyan: #008b8b; --darkgoldenrod: #b8860b; 
  --darkgray: #a9a9a9; --darkgrey: #a9a9a9; --darkgreen: #006400; --darkkhaki: #bdb76b; 
  --darkmagenta: #8b008b; --darkolivegreen: #556b2f; --darkorange: #ff8c00; --darkorchid: #9932cc; 
  --darkred: #8b0000; --darksalmon: #e9967a; --darkseagreen: #8fbc8f; --darkslateblue: #483d8b; 
  --darkslategray: #2f4f4f; --darkslategrey: #2f4f4f; --darkturquoise: #00ced1; --darkviolet: #9400d3; 
  --deeppink: #ff1493; --deepskyblue: #00bfff; --dimgray: #696969; --dimgrey: #696969; 
  --dodgerblue: #1e90ff; --firebrick: #b22222; --floralwhite: #fffaf0; --forestgreen: #228b22; 
  --fuchsia: #ff00ff; --gainsboro: #dcdcdc; --ghostwhite: #f8f8ff; --gold: #ffd700; 
  --goldenrod: #daa520; --gray: #808080; --grey: #808080; --green: #008000; 
  --greenyellow: #adff2f; --honeydew: #f0fff0; --hotpink: #ff69b4; --indianred: #cd5c5c; 
  --indigo: #4b0082; --ivory: #fffff0; --khaki: #f0e68c; --lavender: #e6e6fa; 
  --lavenderblush: #fff0f5; --lawngreen: #7cfc00; --lemonchiffon: #fffacd; --lightblue: #add8e6; 
  --lightcoral: #f08080; --lightcyan: #e0ffff; --lightgoldenrodyellow: #fafad2; --lightgray: #d3d3d3; 
  --lightgrey: #d3d3d3; --lightgreen: #90ee90; --lightpink: #ffb6c1; --lightsalmon: #ffa07a; 
  --lightseagreen: #20b2aa; --lightskyblue: #87cefa; --lightslategray: #778899; --lightslategrey: #778899; 
  --lightsteelblue: #b0c4de; --lightyellow: #ffffe0; --lime: #00ff00; --limegreen: #32cd32; 
  --linen: #faf0e6; --magenta: #ff00ff; --maroon: #800000; --mediumaquamarine: #66cdaa; 
  --mediumblue: #0000cd; --mediumorchid: #ba55d3; --mediumpurple: #9370db; --mediumseagreen: #3cb371; 
  --mediumslateblue: #7b68ee; --mediumspringgreen: #00fa9a; --mediumturquoise: #48d1cc; --mediumvioletred: #c71585; 
  --midnightblue: #191970; --mintcream: #f5fffa; --mistyrose: #ffe4e1; --moccasin: #ffe4b5; 
  --navajowhite: #ffdead; --navy: #000080; --oldlace: #fdf5e6; --olive: #808000; 
  --olivedrab: #6b8e23; --orange: #ffa500; --orangered: #ff4500; --orchid: #da70d6; 
  --palegoldenrod: #eee8aa; --palegreen: #98fb98; --paleturquoise: #afeeee; --palevioletred: #db7093; 
  --papayawhip: #ffefd5; --peachpuff: #ffdab9; --peru: #cd853f; --pink: #ffc0cb; 
  --plum: #dda0dd; --powderblue: #b0e0e6; --purple: #800080; --rebeccapurple: #663399; 
  --red: #ff0000; --rosybrown: #bc8f8f; --royalblue: #4169e1; --saddlebrown: #8b4513; 
  --salmon: #fa8072; --sandybrown: #f4a460; --seagreen: #2e8b57; --seashell: #fff5ee; 
  --sienna: #a0522d; --silver: #c0c0c0; --skyblue: #87ceeb; --slateblue: #6a5acd; 
  --slategray: #708090; --slategrey: #708090; --snow: #fffafa; --springgreen: #00ff7f; 
  --steelblue: #4682b4; --tan: #d2b48c; --teal: #008080; --thistle: #d8bfd8; 
  --tomato: #ff6347; --turquoise: #40e0d0; --violet: #ee82ee; --wheat: #f5deb3; 
  --white: #ffffff; --whitesmoke: #f5f5f5; --yellow: #ffff00; --yellowgreen: #9acd32;
}  

/* ==========================================================================
   CSS UTILITY CLASSES: 147 STANDARD NAMED COLORS
   ========================================================================== */

/* --- A --- */

.bg-aliceblue { background-color: aliceblue; }
.text-aliceblue { color: aliceblue; }
.bg-antiquewhite { background-color: antiquewhite; }
.text-antiquewhite { color: antiquewhite; }
.bg-aqua { background-color: aqua; }
.text-aqua { color: aqua; }
.bg-aquamarine { background-color: aquamarine; }
.text-aquamarine { color: aquamarine; }
.bg-azure { background-color: azure; }
.text-azure { color: azure; }


/* --- B --- */

.bg-beige { background-color: beige; }
.text-beige { color: beige; }
.bg-bisque { background-color: bisque; }
.text-bisque { color: bisque; }
.bg-black { background-color: black; }
.text-black { color: black; }
.bg-blanchedalmond { background-color: blanchedalmond; }
.text-blanchedalmond { color: blanchedalmond; }
.bg-blue { background-color: blue; }
.text-blue { color: blue; }
.bg-blueviolet { background-color: blueviolet; }
.text-blueviolet { color: blueviolet; }
.bg-brown { background-color: brown; }
.text-brown { color: brown; }
.bg-burlywood { background-color: burlywood; }
.text-burlywood { color: burlywood; }


/* --- C --- */

.bg-cadetblue { background-color: cadetblue; }
.text-cadetblue { color: cadetblue; }
.bg-chartreuse { background-color: chartreuse; }
.text-chartreuse { color: chartreuse; }
.bg-chocolate { background-color: chocolate; }
.text-chocolate { color: chocolate; }
.bg-coral { background-color: coral; }
.text-coral { color: coral; }
.bg-cornflowerblue { background-color: cornflowerblue; }
.text-cornflowerblue { color: cornflowerblue; }
.bg-cornsilk { background-color: cornsilk; }
.text-cornsilk { color: cornsilk; }
.bg-crimson { background-color: crimson; }
.text-crimson { color: crimson; }
.bg-cyan { background-color: cyan; }
.text-cyan { color: cyan; }


/* --- D --- */

.bg-darkblue { background-color: darkblue; }
.text-darkblue { color: darkblue; }
.bg-darkcyan { background-color: darkcyan; }
.text-darkcyan { color: darkcyan; }
.bg-darkgoldenrod { background-color: darkgoldenrod; }
.text-darkgoldenrod { color: darkgoldenrod; }
.bg-darkgray { background-color: darkgray; }
.text-darkgray { color: darkgray; }
.bg-darkgreen { background-color: darkgreen; }
.text-darkgreen { color: darkgreen; }
.bg-darkgrey { background-color: darkgrey; }
.text-darkgrey { color: darkgrey; }
.bg-darkkhaki { background-color: darkkhaki; }
.text-darkkhaki { color: darkkhaki; }
.bg-darkmagenta { background-color: darkmagenta; }
.text-darkmagenta { color: darkmagenta; }
.bg-darkolivegreen { background-color: darkolivegreen; }
.text-darkolivegreen { color: darkolivegreen; }
.bg-darkorange { background-color: darkorange; }
.text-darkorange { color: darkorange; }
.bg-darkorchid { background-color: darkorchid; }
.text-darkorchid { color: darkorchid; }
.bg-darkred { background-color: darkred; }
.text-darkred { color: darkred; }
.bg-darksalmon { background-color: darksalmon; }
.text-darksalmon { color: darksalmon; }
.bg-darkseagreen { background-color: darkseagreen; }
.text-darkseagreen { color: darkseagreen; }
.bg-darkslateblue { background-color: darkslateblue; }
.text-darkslateblue { color: darkslateblue; }
.bg-darkslategray { background-color: darkslategray; }
.text-darkslategray { color: darkslategray; }
.bg-darkslategrey { background-color: darkslategrey; }
.text-darkslategrey { color: darkslategrey; }
.bg-darkturquoise { background-color: darkturquoise; }
.text-darkturquoise { color: darkturquoise; }
.bg-darkviolet { background-color: darkviolet; }
.text-darkviolet { color: darkviolet; }
.bg-deeppink { background-color: deeppink; }
.text-deeppink { color: deeppink; }
.bg-deepskyblue { background-color: deepskyblue; }
.text-deepskyblue { color: deepskyblue; }
.bg-dimgray { background-color: dimgray; }
.text-dimgray { color: dimgray; }
.bg-dimgrey { background-color: dimgrey; }
.text-dimgrey { color: dimgrey; }
.bg-dodgerblue { background-color: dodgerblue; }
.text-dodgerblue { color: dodgerblue; }


/* --- F --- */

.bg-firebrick { background-color: firebrick; }
.text-firebrick { color: firebrick; }
.bg-floralwhite { background-color: floralwhite; }
.text-floralwhite { color: floralwhite; }
.bg-forestgreen { background-color: forestgreen; }
.text-forestgreen { color: forestgreen; }
.bg-fuchsia { background-color: fuchsia; }
.text-fuchsia { color: fuchsia; }


/* --- G --- */

.bg-gainsboro { background-color: gainsboro; }
.text-gainsboro { color: gainsboro; }
.bg-ghostwhite { background-color: ghostwhite; }
.text-ghostwhite { color: ghostwhite; }
.bg-gold { background-color: gold; }
.text-gold { color: gold; }
.bg-goldenrod { background-color: goldenrod; }
.text-goldenrod { color: goldenrod; }
.bg-gray { background-color: gray; }
.text-gray { color: gray; }
.bg-green { background-color: green; }
.text-green { color: green; }
.bg-greenyellow { background-color: greenyellow; }
.text-greenyellow { color: greenyellow; }
.bg-grey { background-color: grey; }
.text-grey { color: grey; }


/* --- H --- */

.bg-honeydew { background-color: honeydew; }
.text-honeydew { color: honeydew; }
.bg-hotpink { background-color: hotpink; }
.text-hotpink { color: hotpink; }



/* --- I --- */

.bg-indianred { background-color: indianred; }
.text-indianred { color: indianred; }
.bg-indigo { background-color: indigo; }
.text-indigo { color: indigo; }
.bg-ivory { background-color: ivory; }
.text-ivory { color: ivory; }


/* --- K --- */

.bg-khaki { background-color: khaki; }
.text-khaki { color: khaki; }


/* --- L --- */

.bg-lavender { background-color: lavender; }
.text-lavender { color: lavender; }
.bg-lavenderblush { background-color: lavenderblush; }
.text-lavenderblush { color: lavenderblush; }
.bg-lawngreen { background-color: lawngreen; }
.text-lawngreen { color: lawngreen; }
.bg-lemonchiffon { background-color: lemonchiffon; }
.text-lemonchiffon { color: lemonchiffon; }
.bg-lightblue { background-color: lightblue; }
.text-lightblue { color: lightblue; }
.bg-lightcoral { background-color: lightcoral; }
.text-lightcoral { color: lightcoral; }
.bg-lightcyan { background-color: lightcyan; }
.text-lightcyan { color: lightcyan; }
.bg-lightgoldenrodyellow { background-color: lightgoldenrodyellow; }
.text-lightgoldenrodyellow { color: lightgoldenrodyellow; }
.bg-lightgray { background-color: lightgray; }
.text-lightgray { color: lightgray; }
.bg-lightgreen { background-color: lightgreen; }
.text-lightgreen { color: lightgreen; }
.bg-lightgrey { background-color: lightgrey; }
.text-lightgrey { color: lightgrey; }
.bg-lightpink { background-color: lightpink; }
.text-lightpink { color: lightpink; }
.bg-lightsalmon { background-color: lightsalmon; }
.text-lightsalmon { color: lightsalmon; }
.bg-lightseagreen { background-color: lightseagreen; }
.text-lightseagreen { color: lightseagreen; }
.bg-lightskyblue { background-color: lightskyblue; }
.text-lightskyblue { color: lightskyblue; }
.bg-lightslategray { background-color: lightslategray; }
.text-lightslategray { color: lightslategray; }
.bg-lightslategrey { background-color: lightslategrey; }
.text-lightslategrey { color: lightslategrey; }
.bg-lightsteelblue { background-color: lightsteelblue; }
.text-lightsteelblue { color: lightsteelblue; }
.bg-lightyellow { background-color: lightyellow; }
.text-lightyellow { color: lightyellow; }
.bg-lime { background-color: lime; }
.text-lime { color: lime; }
.bg-limegreen { background-color: limegreen; }
.text-limegreen { color: limegreen; }
.bg-linen { background-color: linen; }
.text-linen { color: linen; }


/* --- M --- */

.bg-magenta { background-color: magenta; }
.text-magenta { color: magenta; }
.bg-maroon { background-color: maroon; }
.text-maroon { color: maroon; }
.bg-mediumaquamarine { background-color: mediumaquamarine; }
.text-mediumaquamarine { color: mediumaquamarine; }
.bg-mediumblue { background-color: mediumblue; }
.text-mediumblue { color: mediumblue; }
.bg-mediumorchid { background-color: mediumorchid; }
.text-mediumorchid { color: mediumorchid; }
.bg-mediumpurple { background-color: mediumpurple; }
.text-mediumpurple { color: mediumpurple; }
.bg-mediumseagreen { background-color: mediumseagreen; }
.text-mediumseagreen { color: mediumseagreen; }
.bg-mediumslateblue { background-color: mediumslateblue; }
.text-mediumslateblue { color: mediumslateblue; }
.bg-mediumspringgreen { background-color: mediumspringgreen; }
.text-mediumspringgreen { color: mediumspringgreen; }
.bg-mediumturquoise { background-color: mediumturquoise; }
.text-mediumturquoise { color: mediumturquoise; }
.bg-mediumvioletred { background-color: mediumvioletred; }
.text-mediumvioletred { color: mediumvioletred; }
.bg-midnightblue { background-color: midnightblue; }
.text-midnightblue { color: midnightblue; }
.bg-mintcream { background-color: mintcream; }
.text-mintcream { color: mintcream; }
.bg-mistyrose { background-color: mistyrose; }
.text-mistyrose { color: mistyrose; }
.bg-moccasin { background-color: moccasin; }
.text-moccasin { color: moccasin; }


/* --- N --- */

.bg-navajowhite { background-color: navajowhite; }
.text-navajowhite { color: navajowhite; }
.bg-navy { background-color: navy; }
.text-navy { color: navy; }


/* --- O --- */

.bg-oldlace { background-color: oldlace; }
.text-oldlace { color: oldlace; }
.bg-olive { background-color: olive; }
.text-olive { color: olive; }
.bg-olivedrab { background-color: olivedrab; }
.text-olivedrab { color: olivedrab; }
.bg-orange { background-color: orange; }
.text-orange { color: orange; }
.bg-orangered { background-color: orangered; }
.text-orangered { color: orangered; }
.bg-orchid { background-color: orchid; }
.text-orchid { color: orchid; }


/* --- P --- */

.bg-palegoldenrod { background-color: palegoldenrod; }
.text-palegoldenrod { color: palegoldenrod; }
.bg-palegreen { background-color: palegreen; }
.text-palegreen { color: palegreen; }
.bg-paleturquoise { background-color: paleturquoise; }
.text-paleturquoise { color: paleturquoise; }
.bg-palevioletred { background-color: palevioletred; }
.text-palevioletred { color: palevioletred; }
.bg-papayawhip { background-color: papayawhip; }
.text-papayawhip { color: papayawhip; }
.bg-peachpuff { background-color: peachpuff; }
.text-peachpuff { color: peachpuff; }
.bg-peru { background-color: peru; }
.text-peru { color: peru; }
.bg-pink { background-color: pink; }
.text-pink { color: pink; }
.bg-plum { background-color: plum; }
.text-plum { color: plum; }
.bg-powderblue { background-color: powderblue; }
.text-powderblue { color: powderblue; }
.bg-purple { background-color: purple; }
.text-purple { color: purple; }


/* --- R --- */

.bg-rebeccapurple { background-color: rebeccapurple; }
.text-rebeccapurple { color: rebeccapurple; }
.bg-red { background-color: red; }
.text-red { color: red; }
.bg-rosybrown { background-color: rosybrown; }
.text-rosybrown { color: rosybrown; }
.bg-royalblue { background-color: royalblue; }
.text-royalblue { color: royalblue; }


/* --- S --- */

.bg-saddlebrown { background-color: saddlebrown; }
.text-saddlebrown { color: saddlebrown; }
.bg-salmon { background-color: salmon; }
.text-salmon { color: salmon; }
.bg-sandybrown { background-color: sandybrown; }
.text-sandybrown { color: sandybrown; }
.bg-seagreen { background-color: seagreen; }
.text-seagreen { color: seagreen; }
.bg-seashell { background-color: seashell; }
.text-seashell { color: seashell; }
.bg-sienna { background-color: sienna; }
.text-sienna { color: sienna; }
.bg-silver { background-color: silver; }
.text-silver { color: silver; }
.bg-skyblue { background-color: skyblue; }
.text-skyblue { color: skyblue; }
.bg-slateblue { background-color: slateblue; }
.text-slateblue { color: slateblue; }
.bg-slategray { background-color: slategray; }
.text-slategray { color: slategray; }
.bg-slategrey { background-color: slategrey; }
.text-slategrey { color: slategrey; }
.bg-snow { background-color: snow; }
.text-snow { color: snow; }
.bg-springgreen { background-color: springgreen; }
.text-springgreen { color: springgreen; }
.bg-steelblue { background-color: steelblue; }
.text-steelblue { color: steelblue; }
.bg-tan { background-color: tan; }
.text-tan { color: tan; }


/* --- T --- */

.bg-teal { background-color: teal; }.text-teal { color: teal; }.bg-thistle { background-color: thistle; }.text-thistle { color: thistle; }.bg-tomato { background-color: tomato; }.text-tomato { color: tomato; }.bg-transparent { background-color: transparent; }.text-transparent { color: transparent; }.bg-turquoise { background-color: turquoise; }.text-turquoise { color: turquoise; }/* --- V --- */.bg-violet { background-color: violet; }.text-violet { color: violet; }


/* --- W --- */

.bg-wheat { background-color: wheat; }
.text-wheat { color: wheat; }
.bg-white { background-color: white; }
.text-white { color: white; }
.bg-whitesmoke { background-color: whitesmoke; }
.text-whitesmoke { color: whitesmoke; }


/* --- Y --- */

.bg-yellow { background-color: yellow; }
.text-yellow { color: yellow; }
.bg-yellowgreen { background-color: yellowgreen; }
.text-yellowgreen { color: yellowgreen; }