ar-poncho 2.1.78 → 2.1.79

package/dist/css/poncho.css

@@ -10837,12 +10837,6 @@ a.alert.alert-danger i {
 .highlight-box:not(:has(.media-left)) {
   padding: var(--main-padding);
 }
-.highlight-box .media-body {
-  max-width: 728px;
-}
-.highlight-box:has(.media-left) .media-body {
-  max-width: 660px;
-}
 .highlight-box .media {
   grid-template-columns: calc(var(--icon-size) + 1.5em) 1fr;
   display: grid;
@@ -10885,40 +10879,40 @@ a.alert.alert-danger i {
   margin-bottom: 0;
 }
 .highlight-box .btn {
-  color: #fff;
-  background-color: #555;
-  border-color: #555;
+  color: #232D4F;
+  background-color: #fff;
+  border-color: #DDDDDD;
 }
 .highlight-box .btn:focus, .highlight-box .btn.focus {
-  color: #fff;
-  background-color: rgb(59.5, 59.5, 59.5);
-  border-color: rgb(21.25, 21.25, 21.25);
+  color: #232D4F;
+  background-color: rgb(229.5, 229.5, 229.5);
+  border-color: rgb(157.25, 157.25, 157.25);
 }
 .highlight-box .btn:hover {
-  color: #fff;
-  background-color: rgb(59.5, 59.5, 59.5);
-  border-color: rgb(54.4, 54.4, 54.4);
+  color: #232D4F;
+  background-color: rgb(229.5, 229.5, 229.5);
+  border-color: rgb(190.4, 190.4, 190.4);
 }
 .highlight-box .btn:active, .highlight-box .btn.active, .open > .highlight-box .btn.dropdown-toggle {
-  color: #fff;
-  background-color: rgb(59.5, 59.5, 59.5);
-  border-color: rgb(54.4, 54.4, 54.4);
+  color: #232D4F;
+  background-color: rgb(229.5, 229.5, 229.5);
+  border-color: rgb(190.4, 190.4, 190.4);
 }
 .highlight-box .btn:active:hover, .highlight-box .btn:active:focus, .highlight-box .btn:active.focus, .highlight-box .btn.active:hover, .highlight-box .btn.active:focus, .highlight-box .btn.active.focus, .open > .highlight-box .btn.dropdown-toggle:hover, .open > .highlight-box .btn.dropdown-toggle:focus, .open > .highlight-box .btn.dropdown-toggle.focus {
-  color: #fff;
-  background-color: rgb(41.65, 41.65, 41.65);
-  border-color: rgb(21.25, 21.25, 21.25);
+  color: #232D4F;
+  background-color: rgb(211.65, 211.65, 211.65);
+  border-color: rgb(157.25, 157.25, 157.25);
 }
 .highlight-box .btn:active, .highlight-box .btn.active, .open > .highlight-box .btn.dropdown-toggle {
   background-image: none;
 }
 .highlight-box .btn.disabled:hover, .highlight-box .btn.disabled:focus, .highlight-box .btn.disabled.focus, .highlight-box .btn[disabled]:hover, .highlight-box .btn[disabled]:focus, .highlight-box .btn[disabled].focus, fieldset[disabled] .highlight-box .btn:hover, fieldset[disabled] .highlight-box .btn:focus, fieldset[disabled] .highlight-box .btn.focus {
-  background-color: #555;
-  border-color: #555;
+  background-color: #fff;
+  border-color: #DDDDDD;
 }
 .highlight-box .btn .badge {
-  color: #555;
-  background-color: #fff;
+  color: #fff;
+  background-color: #232D4F;
 }
 
 @media (max-width: 768px) {
@@ -10938,289 +10932,30 @@ a.alert.alert-danger i {
   --main-theme: #232D4F;
 }
 
-.highlight-box.arg-azul .btn {
-  color: white;
-  background-color: #232D4F;
-  border-color: #232D4F;
-}
-.highlight-box.arg-azul .btn:focus, .highlight-box.arg-azul .btn.focus {
-  color: white;
-  background-color: rgb(19.3421052632, 24.8684210526, 43.6578947368);
-  border-color: black;
-}
-.highlight-box.arg-azul .btn:hover {
-  color: white;
-  background-color: rgb(19.3421052632, 24.8684210526, 43.6578947368);
-  border-color: rgb(16.2105263158, 20.8421052632, 36.5894736842);
-}
-.highlight-box.arg-azul .btn:active, .highlight-box.arg-azul .btn.active, .open > .highlight-box.arg-azul .btn.dropdown-toggle {
-  color: white;
-  background-color: rgb(19.3421052632, 24.8684210526, 43.6578947368);
-  border-color: rgb(16.2105263158, 20.8421052632, 36.5894736842);
-}
-.highlight-box.arg-azul .btn:active:hover, .highlight-box.arg-azul .btn:active:focus, .highlight-box.arg-azul .btn:active.focus, .highlight-box.arg-azul .btn.active:hover, .highlight-box.arg-azul .btn.active:focus, .highlight-box.arg-azul .btn.active.focus, .open > .highlight-box.arg-azul .btn.dropdown-toggle:hover, .open > .highlight-box.arg-azul .btn.dropdown-toggle:focus, .open > .highlight-box.arg-azul .btn.dropdown-toggle.focus {
-  color: white;
-  background-color: rgb(8.3815789474, 10.7763157895, 18.9184210526);
-  border-color: black;
-}
-.highlight-box.arg-azul .btn:active, .highlight-box.arg-azul .btn.active, .open > .highlight-box.arg-azul .btn.dropdown-toggle {
-  background-image: none;
-}
-.highlight-box.arg-azul .btn.disabled:hover, .highlight-box.arg-azul .btn.disabled:focus, .highlight-box.arg-azul .btn.disabled.focus, .highlight-box.arg-azul .btn[disabled]:hover, .highlight-box.arg-azul .btn[disabled]:focus, .highlight-box.arg-azul .btn[disabled].focus, fieldset[disabled] .highlight-box.arg-azul .btn:hover, fieldset[disabled] .highlight-box.arg-azul .btn:focus, fieldset[disabled] .highlight-box.arg-azul .btn.focus {
-  background-color: #232D4F;
-  border-color: #232D4F;
-}
-.highlight-box.arg-azul .btn .badge {
-  color: #232D4F;
-  background-color: white;
-}
-
 .highlight-box.arg-secundario {
   --main-theme: #3E5A7E;
 }
 
-.highlight-box.arg-secundario .btn {
-  color: white;
-  background-color: #3E5A7E;
-  border-color: #3E5A7E;
-}
-.highlight-box.arg-secundario .btn:focus, .highlight-box.arg-secundario .btn.focus {
-  color: white;
-  background-color: rgb(45.1808510638, 65.585106383, 91.8191489362);
-  border-color: rgb(19.9521276596, 28.9627659574, 40.5478723404);
-}
-.highlight-box.arg-secundario .btn:hover {
-  color: white;
-  background-color: rgb(45.1808510638, 65.585106383, 91.8191489362);
-  border-color: rgb(41.8170212766, 60.7021276596, 84.9829787234);
-}
-.highlight-box.arg-secundario .btn:active, .highlight-box.arg-secundario .btn.active, .open > .highlight-box.arg-secundario .btn.dropdown-toggle {
-  color: white;
-  background-color: rgb(45.1808510638, 65.585106383, 91.8191489362);
-  border-color: rgb(41.8170212766, 60.7021276596, 84.9829787234);
-}
-.highlight-box.arg-secundario .btn:active:hover, .highlight-box.arg-secundario .btn:active:focus, .highlight-box.arg-secundario .btn:active.focus, .highlight-box.arg-secundario .btn.active:hover, .highlight-box.arg-secundario .btn.active:focus, .highlight-box.arg-secundario .btn.active.focus, .open > .highlight-box.arg-secundario .btn.dropdown-toggle:hover, .open > .highlight-box.arg-secundario .btn.dropdown-toggle:focus, .open > .highlight-box.arg-secundario .btn.dropdown-toggle.focus {
-  color: white;
-  background-color: rgb(33.4074468085, 48.4946808511, 67.8925531915);
-  border-color: rgb(19.9521276596, 28.9627659574, 40.5478723404);
-}
-.highlight-box.arg-secundario .btn:active, .highlight-box.arg-secundario .btn.active, .open > .highlight-box.arg-secundario .btn.dropdown-toggle {
-  background-image: none;
-}
-.highlight-box.arg-secundario .btn.disabled:hover, .highlight-box.arg-secundario .btn.disabled:focus, .highlight-box.arg-secundario .btn.disabled.focus, .highlight-box.arg-secundario .btn[disabled]:hover, .highlight-box.arg-secundario .btn[disabled]:focus, .highlight-box.arg-secundario .btn[disabled].focus, fieldset[disabled] .highlight-box.arg-secundario .btn:hover, fieldset[disabled] .highlight-box.arg-secundario .btn:focus, fieldset[disabled] .highlight-box.arg-secundario .btn.focus {
-  background-color: #3E5A7E;
-  border-color: #3E5A7E;
-}
-.highlight-box.arg-secundario .btn .badge {
-  color: #3E5A7E;
-  background-color: white;
-}
-
 .highlight-box.arg-palta {
   --main-theme: #50B7B2;
 }
 
-.highlight-box.arg-palta .btn {
-  color: palta;
-  background-color: #50B7B2;
-  border-color: #50B7B2;
-}
-.highlight-box.arg-palta .btn:focus, .highlight-box.arg-palta .btn.focus {
-  color: palta;
-  background-color: rgb(61.7975708502, 150.2024291498, 145.9109311741);
-  border-color: rgb(39.4979757085, 96.0020242915, 93.2591093117);
-}
-.highlight-box.arg-palta .btn:hover {
-  color: palta;
-  background-color: rgb(61.7975708502, 150.2024291498, 145.9109311741);
-  border-color: rgb(58.824291498, 142.975708502, 138.8906882591);
-}
-.highlight-box.arg-palta .btn:active, .highlight-box.arg-palta .btn.active, .open > .highlight-box.arg-palta .btn.dropdown-toggle {
-  color: palta;
-  background-color: rgb(61.7975708502, 150.2024291498, 145.9109311741);
-  border-color: rgb(58.824291498, 142.975708502, 138.8906882591);
-}
-.highlight-box.arg-palta .btn:active:hover, .highlight-box.arg-palta .btn:active:focus, .highlight-box.arg-palta .btn:active.focus, .highlight-box.arg-palta .btn.active:hover, .highlight-box.arg-palta .btn.active:focus, .highlight-box.arg-palta .btn.active.focus, .open > .highlight-box.arg-palta .btn.dropdown-toggle:hover, .open > .highlight-box.arg-palta .btn.dropdown-toggle:focus, .open > .highlight-box.arg-palta .btn.dropdown-toggle.focus {
-  color: palta;
-  background-color: rgb(51.3910931174, 124.9089068826, 121.3400809717);
-  border-color: rgb(39.4979757085, 96.0020242915, 93.2591093117);
-}
-.highlight-box.arg-palta .btn:active, .highlight-box.arg-palta .btn.active, .open > .highlight-box.arg-palta .btn.dropdown-toggle {
-  background-image: none;
-}
-.highlight-box.arg-palta .btn.disabled:hover, .highlight-box.arg-palta .btn.disabled:focus, .highlight-box.arg-palta .btn.disabled.focus, .highlight-box.arg-palta .btn[disabled]:hover, .highlight-box.arg-palta .btn[disabled]:focus, .highlight-box.arg-palta .btn[disabled].focus, fieldset[disabled] .highlight-box.arg-palta .btn:hover, fieldset[disabled] .highlight-box.arg-palta .btn:focus, fieldset[disabled] .highlight-box.arg-palta .btn.focus {
-  background-color: #50B7B2;
-  border-color: #50B7B2;
-}
-.highlight-box.arg-palta .btn .badge {
-  color: #50B7B2;
-  background-color: palta;
-}
-
 .highlight-box.arg-uva {
   --main-theme: #6A1B99;
 }
 
-.highlight-box.arg-uva .btn {
-  color: white;
-  background-color: #6A1B99;
-  border-color: #6A1B99;
-}
-.highlight-box.arg-uva .btn:focus, .highlight-box.arg-uva .btn.focus {
-  color: white;
-  background-color: rgb(75.9666666667, 19.35, 109.65);
-  border-color: rgb(30.9166666667, 7.875, 44.625);
-}
-.highlight-box.arg-uva .btn:hover {
-  color: white;
-  background-color: rgb(75.9666666667, 19.35, 109.65);
-  border-color: rgb(69.96, 17.82, 100.98);
-}
-.highlight-box.arg-uva .btn:active, .highlight-box.arg-uva .btn.active, .open > .highlight-box.arg-uva .btn.dropdown-toggle {
-  color: white;
-  background-color: rgb(75.9666666667, 19.35, 109.65);
-  border-color: rgb(69.96, 17.82, 100.98);
-}
-.highlight-box.arg-uva .btn:active:hover, .highlight-box.arg-uva .btn:active:focus, .highlight-box.arg-uva .btn:active.focus, .highlight-box.arg-uva .btn.active:hover, .highlight-box.arg-uva .btn.active:focus, .highlight-box.arg-uva .btn.active.focus, .open > .highlight-box.arg-uva .btn.dropdown-toggle:hover, .open > .highlight-box.arg-uva .btn.dropdown-toggle:focus, .open > .highlight-box.arg-uva .btn.dropdown-toggle.focus {
-  color: white;
-  background-color: rgb(54.9433333333, 13.995, 79.305);
-  border-color: rgb(30.9166666667, 7.875, 44.625);
-}
-.highlight-box.arg-uva .btn:active, .highlight-box.arg-uva .btn.active, .open > .highlight-box.arg-uva .btn.dropdown-toggle {
-  background-image: none;
-}
-.highlight-box.arg-uva .btn.disabled:hover, .highlight-box.arg-uva .btn.disabled:focus, .highlight-box.arg-uva .btn.disabled.focus, .highlight-box.arg-uva .btn[disabled]:hover, .highlight-box.arg-uva .btn[disabled]:focus, .highlight-box.arg-uva .btn[disabled].focus, fieldset[disabled] .highlight-box.arg-uva .btn:hover, fieldset[disabled] .highlight-box.arg-uva .btn:focus, fieldset[disabled] .highlight-box.arg-uva .btn.focus {
-  background-color: #6A1B99;
-  border-color: #6A1B99;
-}
-.highlight-box.arg-uva .btn .badge {
-  color: #6A1B99;
-  background-color: white;
-}
-
 .highlight-box.arg-rosado {
   --main-theme: #F48EAB;
 }
 
-.highlight-box.arg-rosado .btn {
-  color: black;
-  background-color: #F48EAB;
-  border-color: #F48EAB;
-}
-.highlight-box.arg-rosado .btn:focus, .highlight-box.arg-rosado .btn.focus {
-  color: black;
-  background-color: rgb(239.4758064516, 95.5241935484, 136.4516129032);
-  border-color: rgb(232.689516129, 25.810483871, 84.6290322581);
-}
-.highlight-box.arg-rosado .btn:hover {
-  color: black;
-  background-color: rgb(239.4758064516, 95.5241935484, 136.4516129032);
-  border-color: rgb(238.5709677419, 86.2290322581, 129.5419354839);
-}
-.highlight-box.arg-rosado .btn:active, .highlight-box.arg-rosado .btn.active, .open > .highlight-box.arg-rosado .btn.dropdown-toggle {
-  color: black;
-  background-color: rgb(239.4758064516, 95.5241935484, 136.4516129032);
-  border-color: rgb(238.5709677419, 86.2290322581, 129.5419354839);
-}
-.highlight-box.arg-rosado .btn:active:hover, .highlight-box.arg-rosado .btn:active:focus, .highlight-box.arg-rosado .btn:active.focus, .highlight-box.arg-rosado .btn.active:hover, .highlight-box.arg-rosado .btn.active:focus, .highlight-box.arg-rosado .btn.active.focus, .open > .highlight-box.arg-rosado .btn.dropdown-toggle:hover, .open > .highlight-box.arg-rosado .btn.dropdown-toggle:focus, .open > .highlight-box.arg-rosado .btn.dropdown-toggle.focus {
-  color: black;
-  background-color: rgb(236.3088709677, 62.9911290323, 112.2677419355);
-  border-color: rgb(232.689516129, 25.810483871, 84.6290322581);
-}
-.highlight-box.arg-rosado .btn:active, .highlight-box.arg-rosado .btn.active, .open > .highlight-box.arg-rosado .btn.dropdown-toggle {
-  background-image: none;
-}
-.highlight-box.arg-rosado .btn.disabled:hover, .highlight-box.arg-rosado .btn.disabled:focus, .highlight-box.arg-rosado .btn.disabled.focus, .highlight-box.arg-rosado .btn[disabled]:hover, .highlight-box.arg-rosado .btn[disabled]:focus, .highlight-box.arg-rosado .btn[disabled].focus, fieldset[disabled] .highlight-box.arg-rosado .btn:hover, fieldset[disabled] .highlight-box.arg-rosado .btn:focus, fieldset[disabled] .highlight-box.arg-rosado .btn.focus {
-  background-color: #F48EAB;
-  border-color: #F48EAB;
-}
-.highlight-box.arg-rosado .btn .badge {
-  color: #F48EAB;
-  background-color: black;
-}
-
 .highlight-box.arg-arandano {
   --main-theme: #C2185B;
 }
 
-.highlight-box.arg-arandano .btn {
-  color: white;
-  background-color: #C2185B;
-  border-color: #C2185B;
-}
-.highlight-box.arg-arandano .btn:focus, .highlight-box.arg-arandano .btn.focus {
-  color: white;
-  background-color: rgb(148.6146788991, 18.3853211009, 69.7110091743);
-  border-color: rgb(80.5366972477, 9.9633027523, 37.7775229358);
-}
-.highlight-box.arg-arandano .btn:hover {
-  color: white;
-  background-color: rgb(148.6146788991, 18.3853211009, 69.7110091743);
-  border-color: rgb(139.5376146789, 17.2623853211, 65.4532110092);
-}
-.highlight-box.arg-arandano .btn:active, .highlight-box.arg-arandano .btn.active, .open > .highlight-box.arg-arandano .btn.dropdown-toggle {
-  color: white;
-  background-color: rgb(148.6146788991, 18.3853211009, 69.7110091743);
-  border-color: rgb(139.5376146789, 17.2623853211, 65.4532110092);
-}
-.highlight-box.arg-arandano .btn:active:hover, .highlight-box.arg-arandano .btn:active:focus, .highlight-box.arg-arandano .btn:active.focus, .highlight-box.arg-arandano .btn.active:hover, .highlight-box.arg-arandano .btn.active:focus, .highlight-box.arg-arandano .btn.active.focus, .open > .highlight-box.arg-arandano .btn.dropdown-toggle:hover, .open > .highlight-box.arg-arandano .btn.dropdown-toggle:focus, .open > .highlight-box.arg-arandano .btn.dropdown-toggle.focus {
-  color: white;
-  background-color: rgb(116.8449541284, 14.4550458716, 54.8087155963);
-  border-color: rgb(80.5366972477, 9.9633027523, 37.7775229358);
-}
-.highlight-box.arg-arandano .btn:active, .highlight-box.arg-arandano .btn.active, .open > .highlight-box.arg-arandano .btn.dropdown-toggle {
-  background-image: none;
-}
-.highlight-box.arg-arandano .btn.disabled:hover, .highlight-box.arg-arandano .btn.disabled:focus, .highlight-box.arg-arandano .btn.disabled.focus, .highlight-box.arg-arandano .btn[disabled]:hover, .highlight-box.arg-arandano .btn[disabled]:focus, .highlight-box.arg-arandano .btn[disabled].focus, fieldset[disabled] .highlight-box.arg-arandano .btn:hover, fieldset[disabled] .highlight-box.arg-arandano .btn:focus, fieldset[disabled] .highlight-box.arg-arandano .btn.focus {
-  background-color: #C2185B;
-  border-color: #C2185B;
-}
-.highlight-box.arg-arandano .btn .badge {
-  color: #C2185B;
-  background-color: white;
-}
-
 .highlight-box.arg-info {
   --main-theme: #5A7290;
 }
 
-.highlight-box.arg-info .btn {
-  color: white;
-  background-color: #5A7290;
-  border-color: #5A7290;
-}
-.highlight-box.arg-info .btn:focus, .highlight-box.arg-info .btn.focus {
-  color: white;
-  background-color: rgb(70.3846153846, 89.1538461538, 112.6153846154);
-  border-color: rgb(40.9615384615, 51.8846153846, 65.5384615385);
-}
-.highlight-box.arg-info .btn:hover {
-  color: white;
-  background-color: rgb(70.3846153846, 89.1538461538, 112.6153846154);
-  border-color: rgb(66.4615384615, 84.1846153846, 106.3384615385);
-}
-.highlight-box.arg-info .btn:active, .highlight-box.arg-info .btn.active, .open > .highlight-box.arg-info .btn.dropdown-toggle {
-  color: white;
-  background-color: rgb(70.3846153846, 89.1538461538, 112.6153846154);
-  border-color: rgb(66.4615384615, 84.1846153846, 106.3384615385);
-}
-.highlight-box.arg-info .btn:active:hover, .highlight-box.arg-info .btn:active:focus, .highlight-box.arg-info .btn:active.focus, .highlight-box.arg-info .btn.active:hover, .highlight-box.arg-info .btn.active:focus, .highlight-box.arg-info .btn.active.focus, .open > .highlight-box.arg-info .btn.dropdown-toggle:hover, .open > .highlight-box.arg-info .btn.dropdown-toggle:focus, .open > .highlight-box.arg-info .btn.dropdown-toggle.focus {
-  color: white;
-  background-color: rgb(56.6538461538, 71.7615384615, 90.6461538462);
-  border-color: rgb(40.9615384615, 51.8846153846, 65.5384615385);
-}
-.highlight-box.arg-info .btn:active, .highlight-box.arg-info .btn.active, .open > .highlight-box.arg-info .btn.dropdown-toggle {
-  background-image: none;
-}
-.highlight-box.arg-info .btn.disabled:hover, .highlight-box.arg-info .btn.disabled:focus, .highlight-box.arg-info .btn.disabled.focus, .highlight-box.arg-info .btn[disabled]:hover, .highlight-box.arg-info .btn[disabled]:focus, .highlight-box.arg-info .btn[disabled].focus, fieldset[disabled] .highlight-box.arg-info .btn:hover, fieldset[disabled] .highlight-box.arg-info .btn:focus, fieldset[disabled] .highlight-box.arg-info .btn.focus {
-  background-color: #5A7290;
-  border-color: #5A7290;
-}
-.highlight-box.arg-info .btn .badge {
-  color: #5A7290;
-  background-color: white;
-}
-
 /* 
 Fix para evitar el overflow hidden 
 .media tiene un overflow hidden y la hoja de estilos se llama después que 
@@ -11233,6 +10968,26 @@ esta corrección para evitar que el recuadro se corte.
   margin-top: 4px;
 }
 
+/* 
+    Container para el recuadro destacado. 
+    Evita que el ancho supere un col-md-8 
+*/
+.highlight-wrapper {
+  container: sidebar/inline-size;
+  clear: both;
+}
+
+.highlight-wrapper.container-fluid > .highlight-box {
+  width: 100%;
+}
+
+@container sidebar (width > 780px) {
+  .highlight-box {
+    box-sizing: border-box;
+    width: 66.6666666667%;
+    margin: auto;
+  }
+}
 .embed-responsive-1by1 {
   padding-bottom: 100%;
 }
@@ -15254,6 +15009,50 @@ footer .nav > li > a:hover {
     width: 100% !important;
   }
 }
+.blq-right-sticky {
+  position: -webkit-sticky;
+  position: sticky;
+  top: 20px;
+  z-index: 10;
+  align-self: flex-start;
+  height: auto;
+}
+@media (max-width: 991px) {
+  .blq-right-sticky {
+    position: static;
+    min-height: auto;
+    align-self: stretch;
+  }
+}
+
+@media (max-width: 991px) {
+  .blq-right-mobile {
+    display: flex;
+    flex-direction: column-reverse;
+  }
+  .blq-right-mobile .border-left {
+    border-left-width: 0;
+  }
+  .blq-right-mobile .blq-right-subtit {
+    padding-left: 1em;
+  }
+}
+.blq-right ul {
+  padding: 1.5rem 0.2rem;
+  margin: 0;
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
+.blq-right i {
+  color: var(--arg-azul-600);
+  vertical-align: middle;
+  line-height: 2em;
+  padding: 3px;
+}
+.blq-right li.active a {
+  font-weight: 700;
+}
+
 .bloque-leyes i {
   color: var(--arg-azul-600);
   vertical-align: middle;