@charset "UTF-8";
/*-------------------------------*/
@font-face {
font-family: "Open Sans";
src: local("Open Sans Light"), url("../fonts/opensans-web/OpenSans-Light.woff2") format("woff2"), url("../fonts/opensans-web/OpenSans-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Open Sans";
src: local("Open Sans Light Italic"), url("../fonts/opensans-web/OpenSans-LightItalic.woff2") format("woff2"), url("../fonts/opensans-web/OpenSans-LightItalic.woff") format("woff");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Open Sans";
src: local("Open Sans Regular"), url("../fonts/opensans-web/OpenSans-Regular.woff2") format("woff2"), url("../fonts/opensans-web/OpenSans-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Open Sans";
src: local("Open Sans Italic"), url("../fonts/opensans-web/OpenSans-Italic.woff2") format("woff2"), url("../fonts/opensans-web/OpenSans-Italic.woff") format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Open Sans";
src: local("Open Sans SemiBold"), url("../fonts/opensans-web/OpenSans-Semibold.woff2") format("woff2"), url("../fonts/opensans-web/OpenSans-Semibold.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Open Sans";
src: local("Open Sans SemiBold Italic"), url("../fonts/opensans-web/OpenSans-SemiboldItalic.woff2") format("woff2"), url("../fonts/opensans-web/OpenSans-SemiboldItalic.woff") format("woff");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Open Sans";
src: local("Open Sans SemiBold"), url("../fonts/opensans-web/OpenSans-Semibold.woff2") format("woff2"), url("../fonts/opensans-web/OpenSans-Semibold.woff") format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Open Sans";
src: local("Open Sans SemiBold Italic"), url("../fonts/opensans-web/OpenSans-SemiboldItalic.woff2") format("woff2"), url("../fonts/opensans-web/OpenSans-SemiboldItalic.woff") format("woff");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Open Sans";
src: local("Open Sans Bold"), url("../fonts/opensans-web/OpenSans-Bold.woff2") format("woff2"), url("../fonts/opensans-web/OpenSans-Bold.woff") format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Open Sans";
src: local("Open Sans Bold Italic"), url("../fonts/opensans-web/OpenSans-BoldItalic.woff2") format("woff2"), url("../fonts/opensans-web/OpenSans-BoldItalic.woff") format("woff");
font-weight: 700;
font-style: italic;
font-display: swap;
}
.u-alternativeFont,
.u-opensans {
font-family: "Open Sans", sans-serif !important;
}
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
/* 1 */
display: block;
}
summary {
display: list-item;
}
/**
* Add the correct display in IE 9-.
*/
audio,
canvas,
progress,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/
template,
[hidden] {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
/* 1 */
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0;
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/* Forms
========================================================================== */
/**
* 1. Change font properties to `inherit` in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
select,
textarea {
font: inherit;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Restore the font weight unset by the previous rule.
*/
optgroup {
font-weight: bold;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
/* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
*/
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Correct the text style of placeholders in Chrome, Edge, and Safari.
*/
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/**
* Reset the box-sizing
* Prevent margin and border from affecting element width.
* @link https://css-tricks.com/?p=175473
*/
html {
box-sizing: border-box;
min-height: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
/**
* Simple page-level setup
*/
body {
background-color: #f9f9f9;
color: #000;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
font-size: 1em;
font-weight: normal;
line-height: 1.5;
}
/**
* Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
p,
pre {
margin: 0;
}
button {
cursor: pointer;
background: transparent;
border: 0;
padding: 0;
}
/**
* Work around a Firefox/IE bug where the transparent `button` background
* results in a loss of the default `button` focus styles.
*/
.Form--tipo button:focus {
outline: 1px dotted;
outline: 3px auto #FFA500;
}
iframe {
border: 0;
}
table {
border-collapse: collapse;
background-color: transparent;
}
/**
* Suppress the focus outline on elements that cannot be accessed via keyboard.
* This prevents an unwanted focus outline from appearing around elements that
* might still respond to pointer events.
*/
[tabindex="-1"]:focus {
outline: none !important;
/* stylelint-disable-line declaration-no-important */
}
/**
* By default, `![]()
`s are `inline-block`. This assumes that, and vertically
* centers them. This won't apply should you reset them to `block` level.
*/
img {
vertical-align: middle;
}
/**
* Fixed-width elements are responsive
*/
img,
embed,
object,
video,
iframe {
max-width: 100%;
}
/* ==========================================================================
Elements
========================================================================== */
/* Links
========================================================================== */
a {
color: #003DA5;
text-decoration: none;
}
a:hover,
a:focus {
text-decoration: underline;
}
button:focus,
:focus {
outline: 3px solid #FFA500;
outline-offset: 0.05rem;
}
/* Headings
========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: inherit;
font-weight: 600;
line-height: 1.1;
margin-bottom: 0.5rem;
}
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
margin-bottom: 2rem;
}
h3 {
font-size: 1.75rem;
}
h4 {
font-size: 1.5rem;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
/* Other type elements
========================================================================== */
p {
margin-bottom: 1rem;
}
small {
font-size: 80%;
font-weight: 400;
}
mark {
padding: 0.2em;
background-color: #fcf8e3;
}
blockquote {
padding: 0.5rem 1rem;
margin-bottom: 1rem;
font-size: 1.25rem;
border-left: 0.25rem solid #eee;
clear: both;
}
hr {
border: 0;
border-top: 1px solid #888;
display: block;
height: 1px;
margin: 2em 0;
padding: 0;
}
address {
font-style: normal;
}
abbr[title] {
text-decoration: none;
border-bottom: 1px dotted #bbb;
cursor: default;
}
dl {
margin-top: 0;
margin-bottom: 1.5em;
}
dd {
margin-left: 0;
}
dd + dt {
margin-top: 1em;
}
ul.List-text li, ol.List-text li {
margin-top: 0.5em;
}
ul.List-text li:first-child, ol.List-text li:first-child {
margin-top: 0;
}
ul.List-text li ul, ul.List-text li ol, ol.List-text li ul, ol.List-text li ol {
margin-top: 0.35em;
}
ul.List-text li ul li, ul.List-text li ol li, ol.List-text li ul li, ol.List-text li ol li {
margin-top: 0.25em;
}
ul.List-text li ul li:first-child, ul.List-text li ol li:first-child, ol.List-text li ul li:first-child, ol.List-text li ol li:first-child {
margin-top: 0;
}
/** @define Container */
/* este es el container de portal base */
.Container {
margin-left: auto;
margin-right: auto;
padding-left: 12px;
padding-right: 12px;
max-width: 1304px;
}
.Container:after, .Container:before {
display: table;
content: "";
}
.Container:after {
clear: both;
}
@media screen and (max-width: 992px) {
.Container {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
}
/**
* Modifiers
*/
.Container--small {
max-width: 48rem;
}
/*
este es el container de formulario tipo
.Container {
margin-left: auto;
margin-right: auto;
padding-left: $Grid-gutter-size;
padding-right: $Grid-gutter-size;
max-width: $Container-lg-width;
@include clearfix;
@include md(down) {
padding-left: .75rem;
padding-right: .75rem;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
> .Grid{
margin-left: 0;
margin-right: 0;
> .Grid-item{
padding-left: 0;
padding-right: 0;
}
}
}
}
.Container--small {
max-width: 48rem;
}
*/
/** @define Grid */
.Grid {
margin-right: -12px;
margin-left: -12px;
}
.Grid:after, .Grid:before {
display: table;
content: "";
}
.Grid:after {
clear: both;
}
.Grid-item {
float: left;
position: relative;
padding-right: 12px;
padding-left: 12px;
width: 100%;
}
.Grid-item--center {
margin-left: auto;
margin-right: auto;
float: none;
}
.Grid--noGutter {
margin-left: 0;
margin-right: 0;
}
.Grid--noGutter > .Grid-item {
padding-right: 0;
padding-left: 0;
}
.Grid--rowSize5 .Grid-item:nth-child(5n+1) {
clear: left;
}
.Grid--rowSize4 .Grid-item:nth-child(4n+1) {
clear: left;
}
.Grid--rowSize3 .Grid-item:nth-child(3n+1) {
clear: left;
}
.Grid--rowSize2 .Grid-item:nth-child(2n+1) {
clear: left;
}
@media screen and (max-width: 992px) {
.Grid--sm-rowSize5 .Grid-item:nth-child(5n+1) {
clear: left;
}
.Grid--sm-rowSize4 .Grid-item:nth-child(4n+1) {
clear: left;
}
.Grid--sm-rowSize3 .Grid-item:nth-child(3n+1) {
clear: left;
}
.Grid--sm-rowSize3.Grid--rowSize2 .Grid-item:nth-child(2n+1) {
clear: none;
}
.Grid--sm-rowSize2 .Grid-item:nth-child(2n+1) {
clear: left;
}
.Grid--sm-rowSize2.Grid--rowSize3 .Grid-item:nth-child(3n+1) {
clear: none;
}
}
/** @define List; weak */
.List {
list-style: none;
padding: 0;
margin-top: 0;
}
.List > li,
.List .List-item {
padding: 0.75rem;
border-top: 1px solid #eee;
display: block;
}
.List > li:first-child,
.List .List-item:first-child {
border-top: 0;
}
.List-subtitle {
text-transform: uppercase;
color: #555;
font-size: 0.85rem;
font-weight: 600;
display: block;
border-bottom: 1px solid #eee;
padding-bottom: 0.75rem;
}
.List--media .Media {
padding: 0;
padding-top: 1.5rem;
margin-top: 1.5rem;
}
.List--media .Media:first-child {
padding-top: 0;
}
.List--media .Media:first-child {
margin-top: 0;
}
.List--media .Media-title,
.List--media h3 {
margin: 0.5rem 0;
font-size: 1.5rem;
}
.List--media p,
.List--media .Media-text {
margin: 0.5rem 0;
}
.List--media .Media-image img,
.List--media .Media-image video {
width: 250px;
border-radius: 2px;
}
.List--medium > .Media {
padding: 0;
padding-top: 1rem;
margin-top: 1rem;
}
.List--medium > .Media:first-child {
padding-top: 0;
}
.List--medium > .Media:first-child {
margin-top: 0;
}
.List--simple > .Media {
padding: 0;
padding-top: 0.5rem;
margin-top: 0.5rem;
border-top: none;
}
.List--simple > .Media:first-child {
padding-top: 0;
}
.List--simple > .Media:first-child {
margin-top: 0;
}
@media screen and (max-width: 768px) {
.List--media .Media-image {
margin-bottom: 0.5rem;
max-width: 100% !important;
margin-right: 0rem;
float: none;
}
.List--media .Media-image.Media-image--list {
text-align: center;
background-color: #dddddd;
margin-bottom: 1.5rem;
border-radius: 2px;
}
.List--media .Media-image.Media-image--list img {
max-height: 340px;
width: auto !important;
}
}
@media screen and (max-width: 480px) {
.List--media .Media-image {
width: 100%;
/*float: none;
max-width: 100%;
margin-right: 0;*/
margin-bottom: 1rem;
overflow: hidden;
}
}
.List--media .Download {
font-size: 1rem;
margin-top: 1.25em;
}
.List--media .Download--media {
margin-top: 0.25rem;
}
.List--media .Download--media .Download-title {
font-size: 1.5rem;
line-height: 1.1;
margin-bottom: 0.5rem;
}
/** @define Media */
.Media,
.Media-body {
display: block;
overflow: hidden;
text-align: left;
}
.Media-image {
float: left;
margin-right: 1.5rem;
}
/**
* Modifiers
*
* --rev: invierte la posicion de la imagen
* --full: la imagen queda arriba y el cuerpo abajo (igual a o-block)
*/
.Media--full .Media-image {
float: none;
margin-right: 0;
margin-bottom: 2rem;
margin-left: 0;
}
/** @define Flag; weak */
.Flag {
display: table;
width: 100%;
}
.Flag-image,
.Flag-body {
display: table-cell;
vertical-align: middle;
}
.Flag-image {
padding-right: 1rem;
}
.Flag-image > img {
display: block;
max-width: none;
}
.Flag-body {
width: 100%;
}
/**
* Modifiers
*
* --rev: invierte la posicion de la imagen de izq a der
* --top: vertical align top
* --bottom: vertical align bottom
*/
.Flag--rev {
direction: rtl;
}
.Flag--rev > .Flag-image,
.Flag--rev > .Flag-body {
direction: ltr;
}
.Flag--rev > .Flag-image {
padding-right: 0;
padding-left: 1.5rem;
}
.Flag--top .Flag-image,
.Flag--top .Flag-body {
vertical-align: top;
}
.Flag--bottom .Flag-image,
.Flag--bottom .Flag-body {
vertical-align: bottom;
}
@media screen and (max-width: 992px) {
.Flag--mdStack {
display: flex;
flex-direction: column;
align-items: center;
}
.Flag--mdStack .Flag-image {
padding-right: 0;
margin-bottom: 1.5rem;
}
}
/** @define FlexEmbed; weak */
/**
* CSS for responsive, intrinsic ratio embeds.
* Includes modifier classes for 3:1, 2:1, 16:9, and 4:3 aspect ratios.
*
* Se agrega modificador para 1:2.
*
* SUITCSS: https://github.com/suitcss/components-flex-embed
* Bootstrap: https://goo.gl/jDym3Y
*
*
*
*
*/
.FlexEmbed {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.FlexEmbed:before {
display: block;
content: "";
}
.FlexEmbed .FlexEmbed-item,
.FlexEmbed iframe,
.FlexEmbed embed,
.FlexEmbed object,
.FlexEmbed video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
/**
* Modifiers
*/
.FlexEmbed--21by9:before {
padding-top: 42.8571428571%;
}
.FlexEmbed--16by9:before {
padding-top: 56.25%;
}
.FlexEmbed--4by3:before {
padding-top: 75%;
}
.FlexEmbed--1by1:before {
padding-top: 100%;
}
.FlexEmbed--1by2:before {
padding-top: 200%;
}
/** @define Bar */
/**
* A Bar-cell se le puede asignar anchos proporcionales.
* El objecto Bar debe ser envuelto por un elemento con alto definido.
*/
.Bar {
display: table;
width: 100%;
height: 100%;
}
.Bar-cell {
display: table-cell;
vertical-align: middle;
}
@media screen and (min-width: 992px) {
.Module {
margin-bottom: 24px;
}
.Module .Grid,
.Module .Grid-item {
height: 100%;
}
.Module--120 {
height: 120px;
}
.Module--240 {
height: 240px;
}
.Module--xs {
height: 282px;
}
.Module--sm,
.Module--360 {
height: 360px;
}
.Module--450 {
height: 450px;
}
.Module--md,
.Module--510 {
height: 510px;
}
.Module--lg,
.Module--615 {
height: 615px;
}
.Module--xl,
.Module--720 {
height: 720px;
}
.Module--xxl,
.Module--840 {
height: 840px;
}
.Module--960 {
height: 960px;
}
.Module--1200 {
height: 1200px;
}
.Module--1440 {
height: 1440px;
}
.Module--1680 {
height: 1680px;
}
.Module--1920 {
height: 1920px;
}
.Module--2400 {
height: 2400px;
}
.Module-item {
height: 100%;
padding-bottom: 12px;
padding-top: 12px;
}
.Module-item--1of2 {
height: 50%;
}
.Module-item--1of3 {
height: 33.333333%;
}
.Module-item--2of3 {
height: 66.666666%;
}
.Grid-item .Module-item:last-child {
padding-bottom: 0 !important;
}
.Grid-item .Module-item:first-child {
padding-top: 0 !important;
}
/**
* Variaciones de contenedores dentro de modulos
* Estas definiciones evitan agregar las clases:
* .Box--fit y .Box--alignMiddle a contenedores.
*/
.Module .Box {
height: 100%;
width: 100%;
}
.Module .Box-footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
}
.Module .Box--acceso {
display: table;
width: 100%;
}
.Module .Box--acceso .Flag {
width: 100%;
display: table-cell;
vertical-align: middle;
}
.Module .Box--destacado4 {
display: table;
width: 100%;
}
.Module .Box--destacado4 > * {
width: 100%;
display: table-cell;
vertical-align: middle;
}
}
@media screen and (min-width: 992px) and (max-width: 992px) {
.Module .Box--destacado4 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
@media screen and (min-width: 992px) {
.Module .Box--destacado2,
.Module .Box--destacado1 {
padding: 0;
}
.Module .Box--destacado2 .Box-image,
.Module .Box--destacado1 .Box-image {
height: 100%;
}
.Module .Box--destacado2 .Box-cover,
.Module .Box--destacado1 .Box-cover {
margin: 0;
height: 100%;
}
}
@media screen and (min-width: 992px) {
.Module .Box--suscribe {
display: table;
width: 100%;
}
.Module .Box--suscribe .Flag {
width: 100%;
display: table-cell;
vertical-align: middle;
}
.Module .Box--suscribe .Flag .Flag-body {
display: block;
}
.Module .Box--video .Box-video {
height: calc(100% - 260px);
min-height: 180px;
}
.Module .Box--video .Box-video > div,
.Module .Box--video .Box-video video,
.Module .Box--video .Box-video iframe {
background-color: #000;
width: 100%;
height: 100%;
}
.Module .Box--video .Box-video--full {
height: calc(100% - 140px);
}
.Module .Box--video.Box--videoLive .Box-video {
height: calc(100% - 300px);
}
.Module .Box--video.Box--videoOnly .Box-video {
height: calc(100% - 180px);
}
.Module .Hero {
height: 100%;
}
.Module .Hero-image {
height: 100%;
object-fit: cover;
}
}
/** @define Button */
.Form--tipo, .Table--tipo {
/**
* Remove excess padding and border in Firefox 4+
*/
/* stylelint-disable selector-pseudo-element-no-unknown */
/**
* Work around a Firefox/IE bug where the transparent `button` background
* results in a loss of the default `button` focus styles.
*/
/**
* UI states
*/
/**
* Modifiers
*/
}
.Form--tipo .Button, .Table--tipo .Button {
display: inline-block;
background-color: #eee;
border-color: currentcolor;
border-radius: 3px;
border-style: solid;
border-width: 0;
box-shadow: none;
box-sizing: border-box;
color: inherit;
font: inherit;
font-weight: 600;
margin: 0;
padding: 0.625em 1.5em;
position: relative;
text-align: center;
text-decoration: none;
transition: box-shadow 0.35s, background-color 0.35s;
user-select: none;
vertical-align: middle;
cursor: pointer;
margin-bottom: 0.3em;
/*
@include sm(down) {
margin-bottom: 5px;
}
*/
}
.Form--tipo .Button:hover, .Form--tipo .Button:active, .Table--tipo .Button:hover, .Table--tipo .Button:active {
background-color: #ddd;
}
.Form--tipo .Button .Icon, .Table--tipo .Button .Icon {
margin-right: 8px;
width: 1.25em;
height: 1.25em;
}
.Form--tipo .Button:disabled, .Form--tipo .Button.is-disabled, .Table--tipo .Button:disabled, .Table--tipo .Button.is-disabled {
cursor: not-allowed;
opacity: 0.4;
box-shadow: none;
}
.Form--tipo .Button--Icon, .Table--tipo .Button--Icon {
padding: 0.625em;
}
.Form--tipo .Button--Icon .Icon, .Table--tipo .Button--Icon .Icon {
margin-right: 0;
}
.Form--tipo .Button, .Table--tipo .Button {
border: 1px solid transparent;
}
.Form--tipo .Button:focus, .Table--tipo .Button:focus {
outline: none;
border: 1px solid #FFA500 !important;
outline: none;
box-shadow: inset 0 1px 2px rgba(255, 190, 70, 0.075), 0 0 0 0.2em rgba(255, 190, 70, 0.3);
}
.Form--tipo .Button:hover,
.Form--tipo .Button:focus,
.Form--tipo .Button:active, .Table--tipo .Button:hover,
.Table--tipo .Button:focus,
.Table--tipo .Button:active {
text-decoration: none;
}
.Form--tipo .Button:disabled,
.Form--tipo .Button.is-disabled, .Table--tipo .Button:disabled,
.Table--tipo .Button.is-disabled {
cursor: not-allowed;
box-shadow: none;
}
.Form--tipo .Button:active, .Table--tipo .Button:active {
box-shadow: none;
}
.Form--tipo .Button--small, .Table--tipo .Button--small {
font-size: 0.85rem;
}
.Form--tipo .Button--primary, .Table--tipo .Button--primary {
background-color: #003DA5;
color: #ffffff;
/* &:disabled, &.is-disabled{
background-color: $Button-color-disabled;
color: $Button-color-text-disabled;
}
*/
}
.Form--tipo .Button--primary:hover, .Form--tipo .Button--primary:active, .Table--tipo .Button--primary:hover, .Table--tipo .Button--primary:active {
background-color: #002e7c;
}
.Form--tipo .Button--primary.u-outerLink:after, .Table--tipo .Button--primary.u-outerLink:after {
background-image: url(../assets/outerLink-white.svg);
}
.Form--tipo .Button--secondary, .Table--tipo .Button--secondary {
background-color: #E6A800;
color: #212121;
/*
&:disabled, &.is-disabled{
background-color: $Button-color-disabled;
color: $Button-color-text-disabled;
}
*/
}
.Form--tipo .Button--secondary:hover, .Form--tipo .Button--secondary:active, .Table--tipo .Button--secondary:hover, .Table--tipo .Button--secondary:active {
background-color: #d29900;
}
.Form--tipo .Button--secondary.u-outerLink:after, .Table--tipo .Button--secondary.u-outerLink:after {
background-image: url(../assets/outerLink-black.svg);
}
.Form--tipo .Button--inverse, .Table--tipo .Button--inverse {
border: 1px solid #003DA5;
background-color: white;
color: #003DA5;
/*
&:disabled:hover,
&.is-disabled:hover {
background-color: #fff;
}
*/
}
.Form--tipo .Button--inverse:hover, .Table--tipo .Button--inverse:hover {
color: #003DA5;
background-color: #e2edff;
/*
&.u-outerLink:after {
background-image: url(../assets/outerLink-white.svg);
}
*/
}
.Form--tipo .Button--inverse:disabled, .Form--tipo .Button--inverse.is-disabled, .Table--tipo .Button--inverse:disabled, .Table--tipo .Button--inverse.is-disabled {
border: 1px solid #A7A7A7;
color: #A7A7A7;
}
.Form--tipo .Button--link, .Table--tipo .Button--link {
color: #003DA5;
background-color: transparent;
/*
&:disabled, &.is-disabled{
color: $Button-color-text-disabled;
}*/
}
.Form--tipo .Button--link:hover, .Form--tipo .Button--link:active, .Table--tipo .Button--link:hover, .Table--tipo .Button--link:active {
background-color: #e2edff;
text-decoration: none;
border-color: transparent;
}
.Form--tipo .Button.Button--link-simple, .Table--tipo .Button.Button--link-simple {
line-height: 1.5;
margin: 0.625em 1.5em 0.925em 0;
color: #003DA5;
background-color: transparent;
border: 1px solid transparent;
text-align: left;
transition: none;
padding: 0;
font-weight: 600;
}
.Form--tipo .Button.Button--link-simple.is-disabled, .Table--tipo .Button.Button--link-simple.is-disabled {
opacity: 0.4;
cursor: not-allowed;
box-shadow: none;
}
.Form--tipo .Button.Button--link-simple:last-child, .Table--tipo .Button.Button--link-simple:last-child {
margin-right: 0;
}
.Form--tipo .Button.Button--link-simple .Icon, .Table--tipo .Button.Button--link-simple .Icon {
margin-right: 8px;
width: 1.25em;
height: 1.25em;
}
.Form--tipo .Button.Button--link-simple.Button--small, .Table--tipo .Button.Button--link-simple.Button--small {
font-size: 0.85rem;
}
.Form--tipo .Button--block, .Table--tipo .Button--block {
display: block;
width: 100%;
}
.Form--tipo .Button--simplelink, .Table--tipo .Button--simplelink {
color: #003DA5;
background-color: transparent;
padding-left: 0;
padding-right: 0;
}
.Table--tipo .Button {
margin-bottom: 0;
padding: 0.5em 0.75em;
white-space: nowrap;
}
.Table--tipo .Button.Button--Icon .Icon {
margin-right: 0;
}
.Table--tipo .Button .Icon {
margin-right: 4px;
}
.Table--tipo .Button .Icon--right {
margin-right: -4px;
margin-left: 4px;
}
/** @define Alert; weak */
/**
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Titulo del mensaje
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Titulo del mensaje
Lorem ipsum dolor sit amet consectetur adipisicing elit.
*/
.Alert--tipo {
background-color: #f5f5f5;
color: #222;
border-left: 3px solid #666;
padding: 1rem 1.5rem;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
position: relative;
}
.Alert--tipo > :first-child {
margin-top: 0 !important;
}
.Alert--tipo > :last-child {
margin-bottom: 0 !important;
}
.Alert--tipo a {
text-decoration: underline;
}
.Alert--tipo p {
padding-inline: 0 !important;
}
@media screen and (max-width: 768px) {
.Alert--tipo {
padding: 1em;
margin-top: 2rem;
margin-bottom: 2rem;
/*
&:after{
width: 4px; content: ""; background-color: $Alert-border-default; height: 100%; position: absolute; top: 0; left: 0; border-radius: 4px 0 0 4px;
border: none;
}
&.Alert--warning:after{
background-color: $Alert-border-warning;
}
&.Alert--info:after{
background-color: $Alert-border-info;
}
&.Alert--danger:after{
background-color: $Alert-border-danger;
}
&.Alert--success:after{
background-color: $Alert-border-success;
}
*/
}
.Alert--tipo p {
font-size: 1em;
}
}
.Alert--tipo .resumen-datos {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.Alert--tipo .resumen-datos li {
margin-left: 0;
padding-left: 0;
display: flex;
justify-content: flex-start;
margin-bottom: 0.25rem;
}
.Alert--tipo .resumen-datos li strong {
margin-left: 0.25em;
display: block;
}
.Alert-title {
margin-top: 0;
font-size: 1.5rem;
font-weight: 600;
}
@media screen and (max-width: 768px) {
.Alert-title {
font-size: 1.125em;
line-height: 1.375;
}
}
/**
* Modifiers
*/
.Alert--warning {
background-color: #fbf8ea;
color: #332b00;
border-color: #F5AF00;
}
.Alert--info {
background-color: #eaf2ff;
color: #07162d;
border-color: #2d5ca8;
}
.Alert--success {
background-color: #ecf6e8;
color: #052d0d;
border-color: #279e3f;
}
.Alert--danger {
background-color: #FBEFEF;
color: #000000;
border-color: #CC3333;
}
.Alert--dialog {
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 5.25rem;
background-size: 3rem;
background-repeat: no-repeat;
background-position: 1.25rem 1.3rem;
background-image: url("../assets/icons/alert-default.svg");
}
.Alert--dialog.Alert--success {
background-image: url("../assets/icons/alert-success.svg");
}
.Alert--dialog.Alert--danger {
background-image: url("../assets/icons/alert-danger.svg");
}
.Alert--dialog.Alert--warning {
background-image: url("../assets/icons/alert-warning.svg");
}
.Alert--dialog.Alert--info {
background-image: url("../assets/icons/alert-info.svg");
}
@media screen and (max-width: 768px) {
.Alert--dialog {
background-size: 2em;
padding-top: 1em;
padding-bottom: 1em;
padding-right: 1em;
padding-left: 3.5em;
background-position: 1em 1em;
}
.Alert--dialog ul, .Alert--dialog ol {
padding-left: 0;
}
}
.Alert--small {
padding-top: 1rem;
padding-bottom: 1rem;
background-position: 1.25rem 1.325rem;
}
.Alert--small .Alert-title {
font-size: 1.25rem;
}
.Error-nav {
width: 12rem;
padding: 1rem 0.5rem;
border: 1px solid #003DA5;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.18);
background-color: #ffffff;
position: absolute;
right: 0;
top: 0;
margin: -1rem -1rem 0 0;
}
.Error-nav p {
text-align: center;
font-weight: 500;
margin-bottom: 0.5rem;
}
.Error-nav .arrows-error-nav {
display: flex;
justify-content: space-between;
}
.Error-nav .arrows-error-nav a {
display: flex;
font-size: 0.875rem;
align-items: center;
}
.Error-nav .arrows-error-nav a img {
width: 1rem;
height: 1rem;
display: block;
}
.Error-nav .arrows-error-nav a:first-child {
justify-content: flex-start;
}
.Error-nav .arrows-error-nav a:last-child {
justify-content: flex-end;
}
/** @define Icon */
.Icon {
width: 1.5em;
height: 1.5em;
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
display: inline-block;
vertical-align: middle;
position: relative;
top: -1px;
}
/**
* Modifiers
*/
.Icon--small {
font-size: 0.75rem;
}
.Icon--large {
font-size: 2rem;
}
.Icon--filtros {
background-image: url("../assets/icons/icon-filtros.svg");
}
/**
* Misc (black)
*/
.Icon--print {
background-image: url("../assets/icons/icon-print.svg");
}
.no-svg .Icon--print {
background-image: url("../assets/icons/icon-print.png");
}
.Icon--print-primary {
background-image: url("../assets/icons/icon-print-primary.svg");
}
.no-svg .Icon--print-primary {
background-image: url("../assets/icons/icon-print-primary.png");
}
.Icon--print-white {
background-image: url("../assets/icons/icon-print-white.svg");
}
.no-svg .Icon--print-white {
background-image: url("../assets/icons/icon-print-white.png");
}
@media (prefers-color-scheme: dark) {
.Icon--print {
background-image: url("../assets/icons/icon-print-white.svg");
}
.no-svg .Icon--print {
background-image: url("../assets/icons/icon-print-white.png");
}
}
.Icon--print-disabled {
background-image: url("../assets/icons/icon-print-disabled.svg");
}
.no-svg .Icon--print-disabled {
background-image: url("../assets/icons/icon-print-disabled.png");
}
.Icon--dropmenu {
background-image: url("../assets/icons/icon-dropmenu.svg");
}
.Icon--dropmenu-white {
background-image: url("../assets/icons/icon-dropmenu-white.svg");
}
@media (prefers-color-scheme: dark) {
.Icon--dropmenu {
background-image: url("../assets/icons/icon-dropmenu-white.svg");
}
}
.Icon--eye {
background-image: url("../assets/icons/icon-eye.svg");
}
.Icon--eye-white {
background-image: url("../assets/icons/icon-eye.svg");
}
@media (prefers-color-scheme: dark) {
.Icon--eye {
background-image: url("../assets/icons/icon-eye-white.svg");
}
}
.Icon--publish {
background-image: url("../assets/icons/icon-publish.svg");
}
.Icon--publish-white {
background-image: url("../assets/icons/icon-publish-white.svg");
}
@media (prefers-color-scheme: dark) {
.Icon--publish {
background-image: url("../assets/icons/icon-publish-white.svg");
}
}
.Icon--editor-back {
background-image: url("../assets/icons/icon-back-editor.svg");
}
.Icon--editor-back-white {
background-image: url("../assets/icons/icon-back-editor-white.svg");
}
@media (prefers-color-scheme: dark) {
.Icon--editor-back {
background-image: url("../assets/icons/icon-back-editor-white.svg");
}
}
.Icon--contextual-menu {
background-image: url("../assets/icons/icon-contextual-menu.svg");
}
.no-svg .Icon--contextual-menu {
background-image: url("../assets/icons/icon-contextual-menu.svg");
}
.Icon--delete {
background-image: url("../assets/icons/icon-trash.svg");
}
.no-svg .Icon--delete {
background-image: url("../assets/icons/icon-trash.png");
}
.Icon--delete-white {
background-image: url("../assets/icons/icon-trash-white.svg");
}
.no-svg .Icon--delete-white {
background-image: url("../assets/icons/icon-trash-white.png");
}
@media (prefers-color-scheme: dark) {
.Icon--delete {
background-image: url("../assets/icons/icon-trash-white.svg");
}
.no-svg .Icon--delete {
background-image: url("../assets/icons/icon-trash-white.png");
}
}
.Icon--edit {
background-image: url("../assets/icons/icon-edit.svg");
}
.no-svg .Icon--edit {
background-image: url("../assets/icons/icon-edit.png");
}
@media (prefers-color-scheme: dark) {
.Icon--edit {
background-image: url("../assets/icons/icon-edit-white.svg");
}
}
.Icon--edit-white {
background-image: url("../assets/icons/icon-edit-white.svg");
}
.no-svg .Icon--edit-white {
background-image: url("../assets/icons/icon-edit-white.png");
}
.Icon--dropdown {
background-image: url("../assets/icons/icon-dropdown.svg");
}
.Icon--dropdown-white {
background-image: url("../assets/icons/icon-dropdown-white.svg");
}
@media (prefers-color-scheme: dark) {
.Icon--dropdown {
background-image: url("../assets/icons/icon-dropdown-white.svg");
}
}
.Icon--keyboard-arrow-down {
background-image: url("../assets/icons/icon-keyboard-arrow-down.svg");
}
.Icon--keyboard-arrow-down-white {
background-image: url("../assets/icons/icon-keyboard-arrow-down-white.svg");
}
@media (prefers-color-scheme: dark) {
.Icon--keyboard-arrow-down {
background-image: url("../assets/icons/icon-keyboard-arrow-down-white.svg");
}
}
.Icon--keyboard-arrow-up {
background-image: url("../assets/icons/icon-keyboard-arrow-up.svg");
}
.Icon--keyboard-arrow-up-white {
background-image: url("../assets/icons/icon-keyboard-arrow-up-white.svg");
}
@media (prefers-color-scheme: dark) {
.Icon--keyboard-arrow-up {
background-image: url("../assets/icons/icon-keyboard-arrow-up-white.svg");
}
}
.Icon--view-window {
background-image: url("../assets/icons/icon-view-window.svg");
}
.Icon--view-window-white {
background-image: url("../assets/icons/icon-view-window-white.svg");
}
@media (prefers-color-scheme: dark) {
.Icon--view-window {
background-image: url("../assets/icons/icon-view-window-white.svg");
}
}
.Icon--share {
background-image: url("../assets/icons/icon-share.svg");
}
.no-svg .Icon--share {
background-image: url("../assets/icons/icon-share.png");
}
.Icon--share-white {
background-image: url("../assets/icons/icon-share-white.svg");
}
.no-svg .Icon--share-white {
background-image: url("../assets/icons/icon-share-white.png");
}
@media (prefers-color-scheme: dark) {
.Icon--share {
background-image: url("../assets/icons/icon-share-white.svg");
}
.no-svg .Icon--share {
background-image: url("../assets/icons/icon-share-white.png");
}
}
.Icon--download {
background-image: url("../assets/icons/icon-download.svg");
}
.no-svg .Icon--download {
background-image: url("../assets/icons/icon-download.png");
}
.Icon--download-white {
background-image: url("../assets/icons/icon-download-white.svg");
}
.no-svg .Icon--download-white {
background-image: url("../assets/icons/icon-download-white.png");
}
@media (prefers-color-scheme: dark) {
.Icon--download {
background-image: url("../assets/icons/icon-download-white.svg");
}
.no-svg .Icon--download {
background-image: url("../assets/icons/icon-download-white.png");
}
}
.Icon--phone {
background-image: url("../assets/icons/icon-phone.svg");
}
.no-svg .Icon--phone {
background-image: url("../assets/icons/icon-phone.png");
}
.Icon--phone-white {
background-image: url("../assets/icons/icon-phone-white.svg");
}
.no-svg .Icon--phone-white {
background-image: url("../assets/icons/icon-phone-white.png");
}
@media (prefers-color-scheme: dark) {
.Icon--phone {
background-image: url("../assets/icons/icon-phone-white.svg");
}
.no-svg .Icon--phone {
background-image: url("../assets/icons/icon-phone-white.png");
}
}
.Icon--search {
background-image: url("../assets/icons/icon-search.svg");
}
.no-svg .Icon--search {
background-image: url("../assets/icons/icon-search.png");
}
.Icon--search-white {
background-image: url("../assets/icons/icon-search-white.svg");
}
.no-svg .Icon--search-white {
background-image: url("../assets/icons/icon-search-white.png");
}
@media (prefers-color-scheme: dark) {
.Icon--search {
background-image: url("../assets/icons/icon-search-white.svg");
}
.no-svg .Icon--search {
background-image: url("../assets/icons/icon-search-white.png");
}
}
/**
* Social media (white)
*/
.Icon--facebook {
background-image: url("../assets/icons/icon-facebook.svg");
}
.no-svg .Icon--facebook {
background-image: url("../assets/icons/icon-facebook.png");
}
.Icon--twitter {
background-image: url("../assets/icons/icon-twitter.svg");
}
.no-svg .Icon--twitter {
background-image: url("../assets/icons/icon-twitter.png");
}
.Icon--google {
background-image: url("../assets/icons/icon-google.svg");
}
.no-svg .Icon--google {
background-image: url("../assets/icons/icon-google.png");
}
.Icon--youtube {
background-image: url("../assets/icons/icon-youtube.svg");
}
.no-svg .Icon--youtube {
background-image: url("../assets/icons/icon-youtube.png");
}
.Icon--instagram {
background-image: url("../assets/icons/icon-instagram.svg");
}
.no-svg .Icon--instagram {
background-image: url("../assets/icons/icon-instagram.png");
}
.Icon--vera {
background-image: url("../assets/icons/icon-vera.svg");
}
.no-svg .Icon--vera {
background-image: url("../assets/icons/icon-vera.png");
}
.Icon--rss {
background-image: url("../assets/icons/icon-rss.svg");
}
.no-svg .Icon--rss {
background-image: url("../assets/icons/icon-rss.png");
}
.Icon--live {
background-image: url("../assets/icons/icon-live.svg");
}
.no-svg .Icon--live {
background-image: url("../assets/icons/icon-live.png");
}
.Icon--reply {
background-image: url("../assets/icons/icon-reply.svg");
}
.no-svg .Icon--reply {
background-image: url("../assets/icons/icon-reply.png");
}
.Icon--linkedin {
background-image: url("../assets/icons/icon-linkedin.svg");
}
.no-svg .Icon--linkedin {
background-image: url("../assets/icons/icon-linkedin.png");
}
.Icon--tumblr {
background-image: url("../assets/icons/icon-tumblr.svg");
}
.no-svg .Icon--tumblr {
background-image: url("../assets/icons/icon-tumblr.png");
}
.Icon--spotify {
background-image: url(../assets/icons/icon-spotify.svg);
}
.no-svg .Icon--spotify {
background-image: url("../assets/icons/icon-spotify.png");
}
/**
* Social media (black)
*/
.Icon--facebook-black {
background-image: url("../assets/icons/icon-facebook-black.svg");
}
.Icon--twitter-black {
background-image: url("../assets/icons/icon-twitter-black.svg");
}
.Icon--youtube-black {
background-image: url("../assets/icons/icon-youtube-black.svg");
}
.Icon--linkedin-black {
background-image: url("../assets/icons/icon-linkedin-black.svg");
}
.Icon--tumblr-black {
background-image: url("../assets/icons/icon-tumblr-black.svg");
}
.Icon--instagram-black {
background-image: url("../assets/icons/icon-instagram-black.svg");
}
.Icon--spotify-black {
background-image: url("../assets/icons/icon-spotify-black.svg");
}
/**
* Tipos de archivo
*/
.File-icon {
text-align: center;
display: table-cell;
vertical-align: middle;
width: 2.25em;
height: 3.5em;
}
.File-icon .Icon {
width: 2.25em;
height: 3.5em;
top: -1px;
background-image: url(../assets/files/data.svg);
}
.Icon--json {
background-image: url(../assets/files/json.svg) !important;
}
.Icon--csv {
background-image: url(../assets/files/csv.svg) !important;
}
.Icon--html {
background-image: url(../assets/files/html.svg) !important;
}
.Icon--xls {
background-image: url(../assets/files/xls.svg) !important;
}
.Icon--pdf {
background-image: url(../assets/files/pdf.svg) !important;
}
.Icon--zip {
background-image: url(../assets/files/zip.svg) !important;
}
.Icon--rar {
background-image: url(../assets/files/rar.svg) !important;
}
.Icon--xml {
background-image: url(../assets/files/xml.svg) !important;
}
.Icon--txt {
background-image: url(../assets/files/txt.svg) !important;
}
.Icon--undefined {
background-image: url(../assets/files/data.svg) !important;
}
.Icon--code {
background-image: url(../assets/icons/icon-code.svg);
}
.Icon--move {
background-image: url(../assets/icons/icon-move.svg);
}
/**
* Icons Data Access
*/
.IconDataAccess {
background-image: url("../assets/data-access.gif");
background-repeat: no-repeat;
display: block;
height: 70px;
width: 70px;
}
.IconDataAccess--direct {
background-position: center 1%;
}
.IconDataAccess--public {
background-position: center 20%;
}
.IconDataAccess--licensed {
background-position: center 40%;
}
.IconDataAccess--remote {
background-position: center 59%;
}
.IconDataAccess--dataNa {
background-position: center 79%;
}
.Icon--success {
background-image: url("../assets/icons/icon-success.svg");
}
/** @define Table; weak */
.Table--tipo {
width: 100%;
margin-bottom: 2.5rem;
border-spacing: 0;
border-collapse: collapse;
}
.Table--tipo caption {
width: 100%;
margin-bottom: 0.5rem;
line-height: 1.25;
text-align: left;
font-size: 1.125em;
font-weight: 500;
}
.Table--tipo td,
.Table--tipo th {
padding: 10px 16px;
vertical-align: top;
border: 1px solid #888;
}
.Table--tipo td a,
.Table--tipo th a {
color: #000000;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 4px;
}
.Table--tipo td p,
.Table--tipo th p {
margin-bottom: 0;
}
.Table--tipo td p.texto-secundario,
.Table--tipo th p.texto-secundario {
color: #444;
}
.Table--tipo td.table-actions,
.Table--tipo th.table-actions {
text-align: right;
white-space: nowrap;
}
.Table--tipo td.table-actions button + button,
.Table--tipo th.table-actions button + button {
margin-left: 0.25em;
}
.Table--tipo td.table-buttons,
.Table--tipo th.table-buttons {
white-space: nowrap;
text-align: right;
}
.Table--tipo td.table-buttons button + button,
.Table--tipo th.table-buttons button + button {
margin-left: 0.25em;
}
.Table--tipo th {
font-weight: 700;
line-height: 1.2;
text-align: left;
vertical-align: bottom;
background-color: #eee;
}
.Table--tipo tr {
background-color: #fff;
border-top: 1px solid #bbb;
}
.Table--tipo tr.has-sub-row td {
border-bottom: none;
}
.Table--tipo tr.sub-row {
border-top: none;
}
.Table--tipo tr.sub-row td {
border-top: none;
border-bottom: none;
font-size: 0.875em;
padding-top: 0;
padding-left: 1.5rem;
}
.Table--tipo tr:last-child.sub-row td {
border-bottom: 1px solid #888;
}
.Table--tipo tr.table-row-highlight {
box-shadow: inset 4px 0 0 #ffd15f !important;
background-color: #fff6dc !important;
}
@media (prefers-color-scheme: dark) {
.Table--tipo tr.table-row-highlight {
background-color: #F5E9C6 !important;
}
}
.Table--tipo tr.table-row-highlight td a {
font-weight: 500;
}
.Table--tipo tfoot {
margin-top: 3em;
}
.Table--tipo tfoot td {
font-weight: bold;
}
.Table--tipo.Table--striped tr:nth-child(2n) {
background-color: #f8f8f8;
}
.Table--tipo.Table--striped tr:nth-child(2n+1) {
background-color: #fff;
}
.Table--tipo.Table--borderless thead tr {
background-color: transparent;
}
.Table--tipo.Table--borderless thead th {
border-top: 0;
}
.Table--tipo.Table--borderless th,
.Table--tipo.Table--borderless td {
border-right: 0;
border-left: 0;
}
.Table--tipo .Table--small th,
.Table--tipo .Table--small td {
padding: 6px 10px;
}
.Table--tipo .content-before {
display: none;
padding-bottom: 5px;
text-align: left;
font-weight: normal;
}
@media screen and (max-width: 992px) {
.Table--tipo .content-before .content-before {
display: block;
}
}
@media screen and (max-width: 992px) {
.Table--tipo.Table--responsive {
width: 100%;
max-width: 100%;
display: block;
overflow: auto;
font-weight: normal;
content: attr(data-title) " ";
display: block;
}
.Table--tipo.Table--responsive caption {
display: table;
}
.Table--tipo.Table--responsive thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.Table--tipo.Table--responsive thead,
.Table--tipo.Table--responsive tbody,
.Table--tipo.Table--responsive th,
.Table--tipo.Table--responsive td,
.Table--tipo.Table--responsive tr {
display: block;
overflow: auto;
}
.Table--tipo.Table--responsive td,
.Table--tipo.Table--responsive tr {
box-sizing: border-box;
width: 100%;
float: left;
}
.Table--tipo.Table--responsive tr {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 8px 0 16px 0;
position: static;
}
.Table--tipo.Table--responsive tr:last-child {
border-bottom: 1px solid #ccc;
}
.Table--tipo.Table--responsive tr td {
border: none !important;
border-top: 1px solid #eee;
position: static;
white-space: normal;
text-align: left;
padding-bottom: 0;
}
.Table--tipo.Table--responsive tfoot {
display: block;
margin: 0;
border-bottom: 1px solid #ccc;
}
.Table--tipo.Table--responsive tfoot tr {
border-bottom: 1px solid #ccc;
}
.Table--tipo.Table--responsive .table-actions {
position: absolute;
top: 0;
right: 0;
width: auto;
padding-left: 0;
padding-top: 1rem;
}
.Table--tipo.Table--responsive.Table--selectable td {
padding-left: 3rem;
padding-right: 4rem;
}
.Table--tipo.Table--responsive.Table--selectable td:first-child {
padding-left: 1rem;
padding-right: 1rem;
position: absolute;
left: 0;
top: 0;
width: auto;
padding-top: 1.25rem;
}
.Table--tipo.Table--responsive.Table--selectable .table-actions {
padding-left: 1rem;
padding-right: 1rem;
}
}
.Table--tipo.Table--middle td, .Table--tipo.Table--middle th {
vertical-align: middle;
}
.Table-wrapper {
max-width: 100%;
margin: 0.5rem 0 2.5rem;
overflow-x: auto;
}
@media screen and (max-width: 992px) {
.Table-wrapper {
margin-bottom: 0;
}
}
.Table-wrapper--not-overflow {
overflow: unset;
}
@media screen and (max-width: 992px) {
.Table-wrapper--not-overflow .Table--responsive {
overflow: unset;
}
.Table-wrapper--not-overflow .Table--responsive tr, .Table-wrapper--not-overflow .Table--responsive td {
overflow: unset;
}
}
/** @define Dropdown */
.Dropdown {
position: relative;
display: inline-block;
}
.Dropdown-menu {
display: none;
position: absolute;
min-width: 180px;
left: 0;
top: 100%;
z-index: 1000;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.15);
padding: 0.5rem;
}
.Dropdown:hover .Dropdown-menu,
.Dropdown:focus-within .Dropdown-menu,
.Dropdown:focus .Dropdown-menu {
display: block;
}
/** @define Pagination; weak */
.Pagination--tipo {
text-align: center;
margin-top: 4rem;
}
.Pagination--tipo .Pagination-text {
margin-bottom: 1rem;
}
.Pagination--tipo .Pagination-text select {
margin: 0 0.5rem;
}
.Pagination--tipo .Pagination-links {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
.Pagination--tipo .Pagination-links li {
list-style: none;
}
.Pagination--tipo .Pagination-links li {
display: inline-block;
}
.Pagination--tipo .Pagination-links li a {
text-decoration: none;
display: block;
margin-left: 2px;
margin-right: 2px;
padding: 0.5rem 1rem;
background-color: #f3f3f3;
border-radius: 3px;
color: #000;
transition: background-color 0.35s, color 0.35s;
border-bottom: 1px solid #ddd;
}
.Pagination--tipo .Pagination-links li a:hover {
background-color: #ddd;
}
.Pagination--tipo .Pagination-links li.is-selected a {
background-color: #003DA5;
color: #fff;
}
.Pagination--tipo .Pagination-next a:after {
padding-left: 0.5rem;
content: "→";
}
.Pagination--tipo .Pagination-prev a:before {
padding-right: 0.5rem;
content: "←";
}
@media screen and (max-width: 992px) {
.Pagination--tipo .Pagination-links li {
display: none;
}
.Pagination--tipo .Pagination-links li.Pagination-next, .Pagination--tipo .Pagination-links li.Pagination-prev {
display: inline-block !important;
}
}
/** @define Page; weak */
.Page {
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.18);
background-color: #fff;
border-radius: 3px;
margin-bottom: 2rem;
padding: 2.5rem;
position: relative;
}
.Page:after, .Page:before {
display: table;
content: "";
}
.Page:after {
clear: both;
}
@media screen and (max-width: 992px) {
.Page {
margin-bottom: 1rem;
padding: 1rem 1.25rem;
border-radius: 0;
margin-left: -12px;
margin-right: -12px;
}
}
.ie8 .Page {
border: 1px solid #ddd;
}
.Page-title,
.page-title,
.Page-Title {
font-size: 2.5rem;
margin-bottom: 2.5rem;
margin-top: 1rem;
line-height: 1.25;
}
@media screen and (max-width: 992px) {
.Page-title,
.page-title,
.Page-Title {
font-size: 1.75rem;
margin-top: 0.75rem;
margin-bottom: 2rem;
}
}
.Page-title--wrap {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
}
.Page-title--wrap .Page-title {
flex-grow: 1;
}
.Page-heading {
font-weight: 400;
}
.Page-heading strong {
font-weight: 700;
}
.Page-description {
font-size: 1.3125rem;
color: #333;
margin-top: 2rem;
margin-bottom: 3.5rem;
}
@media screen and (max-width: 992px) {
.Page-description {
font-size: 1.0625rem;
line-height: 1.55;
margin-bottom: 2.5rem;
}
}
.Page-image {
text-align: center;
background-color: #dddddd;
margin-bottom: 1.5rem;
margin-top: 1.5rem;
}
.Page-image img {
border-radius: 2px;
width: auto;
height: auto;
}
.Page-image.Page-image--vertical img {
max-height: 626px;
}
.Page-image-caption {
background-color: #F1F1F1;
text-align: left;
padding: 0.5rem 1rem;
font-size: 0.875em;
}
.Page-date {
color: #444;
font-size: 0.85rem;
}
.Page-subtitle {
color: #444;
display: block;
font-size: 1.15em;
line-height: 1.15;
margin-bottom: 1em;
margin-top: 1em;
}
@media screen and (max-width: 992px) {
.Page-subtitle {
font-size: 1em;
line-height: 1.5;
}
}
.Page-info {
margin-bottom: 2rem;
margin-top: 1rem;
}
.Page-info:after, .Page-info:before {
display: table;
content: "";
}
.Page-info:after {
clear: both;
}
@media screen and (max-width: 992px) {
.Page-info .Bar-cell {
display: block;
}
}
.Page blockquote {
padding: 0.5rem 1rem;
margin-bottom: 1rem;
font-size: 1.25rem;
border-left: 0.25rem solid #eee;
clear: both;
}
.Page-actions {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
font-size: 0.9em;
float: right;
}
.Page-actions li {
list-style: none;
}
@media screen and (max-width: 992px) {
.Page-actions {
float: left;
margin-top: 1rem;
}
}
.Page-actions li {
display: inline-block;
padding-left: 0.5rem;
}
@media screen and (max-width: 992px) {
.Page-actions li:first-child {
padding-left: 0;
}
}
.Page-nav ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
.Page-nav ul li {
list-style: none;
}
.Page-navTitle {
font-weight: 700;
font-size: 1.15rem;
display: block;
padding: 2rem 1.5rem 1rem;
}
.Page-navTitle[data-toggle] .Page-navStatus {
display: block;
}
@media screen and (min-width: 992px) {
.Page-navTitle:not([data-toggle]) {
color: #000;
pointer-events: none;
cursor: auto;
}
.Page-navTitle:not([data-toggle]):hover {
text-decoration: none;
}
}
.Page-navList li {
border-bottom: 1px solid #eee;
}
.Page-navList li a {
display: block;
padding: 0.75rem 1.5rem;
transition: color 0.25s;
}
.Page-navList li a:hover {
color: #000;
}
.Page-navList li.is-active .Page-navSublist {
border-top: solid 1px #eee;
border-right: solid 1px #eee;
}
.Page-navList li.is-active .Page-navSublist a {
color: #0b4697;
}
.Page-navList li.is-active .Page-navSublist a:hover {
color: #000;
text-decoration: underline;
}
.Page-navList > li.is-active:first-child {
border-top: solid 1px #eee;
}
.Page-navList li.is-active {
border-left: 4px solid #bbb;
}
.Page-navList li.is-active a {
color: #000;
text-decoration: none;
border-right: 1px solid #fff;
width: calc(100% + 1px);
position: relative;
z-index: 2;
}
@media screen and (max-width: 992px) {
.Page-navList li.is-active a {
width: 100%;
}
}
.Page-navSublist {
margin-left: 1.5rem;
font-size: 0.85rem;
}
.Page-navSublist li a {
padding: 0.75rem 1rem;
}
.Page-navSublist li:last-child {
border-bottom: 0;
}
.Page-navSublist > li.is-active:first-child {
border-top: solid 1px #eee;
}
@media screen and (max-width: 992px) {
.Page-navTitle {
padding: 1rem;
border-bottom: 1px solid #eee;
font-size: 0.95rem;
}
.Page-nav.is-open .Page-navTitle {
background-color: #f9f9f9;
}
.Page-nav.is-open .Page-navList {
display: block;
}
}
.Page-document h2:not([class]), .Page-document h2.u-noPrint,
.Page-document h3:not([class]),
.Page-document h3.u-noPrint,
.Page-document h4:not([class]),
.Page-document h4.u-noPrint,
.Page-document h5:not([class]),
.Page-document h5.u-noPrint,
.Page-document h6:not([class]),
.Page-document h6.u-noPrint {
margin-top: 3rem;
margin-bottom: 1.25rem;
clear: both;
}
@media screen and (max-width: 992px) {
.Page-document h2:not([class]), .Page-document h2.u-noPrint,
.Page-document h3:not([class]),
.Page-document h3.u-noPrint,
.Page-document h4:not([class]),
.Page-document h4.u-noPrint,
.Page-document h5:not([class]),
.Page-document h5.u-noPrint,
.Page-document h6:not([class]),
.Page-document h6.u-noPrint {
font-size: 140%;
line-height: 1.25;
}
}
.Page-document h2:not([class]),
.Page-document h2.u-noPrint {
font-size: 1.875rem;
}
.Page-document h3:not([class]),
.Page-document h3.u-noPrint {
font-size: 1.5rem;
margin-top: 2.75rem;
}
.Page-document h4:not([class]),
.Page-document h4.u-noPrint {
font-size: 1.325rem;
margin-top: 2.5rem;
}
.Page-document h5:not([class]),
.Page-document h5.u-noPrint {
font-size: 1.125rem;
margin-top: 2.25rem;
}
.Page-document ul:not([class]),
.Page-document ul.u-noPrint {
margin-bottom: 2em;
}
.Page-document ul:not([class]) li + li,
.Page-document ul.u-noPrint li + li {
margin-top: 0.25em;
}
.Page-document li > ul:not([class]) {
margin-top: 0.5em;
}
.Page-document .Download {
margin-bottom: 1.5rem;
}
.Page-document .Page-downloads li {
padding: 1.5rem 0;
}
.Page-document .Page-downloads li:first-child {
padding-top: 0.5rem;
}
.Page-document .Page-downloads .Download {
margin-bottom: 0;
}
.Page-header {
border-bottom: 1px solid #eee;
text-align: center;
padding-top: 3rem;
padding-bottom: 3rem;
}
.Page-header > * {
font-size: 2.5rem;
font-weight: 500;
margin-bottom: 0;
}
@media screen and (max-width: 992px) {
.Page-header > * {
font-size: 1.825rem;
}
}
/**
* Modifiers
*/
/* Para cuando tiene navegacion local */
.Page--hasNav {
padding: 0;
}
.Page--hasNav .Page-body {
padding: 2.5rem;
border-left: 1px solid #eee;
}
@media screen and (max-width: 992px) {
.Page--hasNav .Page-body {
padding: 1rem 1.25rem;
border-left: 0;
}
}
.Page--hasNav > .Grid > .Grid-item:first-child {
box-shadow: 1px 0 0 0 #eee !important;
}
@media screen and (max-width: 992px) {
.Page--hasNav > .Grid > .Grid-item:first-child {
box-shadow: none !important;
}
}
.Page-nav + .Filters {
margin-top: 1rem;
}
.Page-nav--mf + .Filters {
margin-top: 0;
}
.Page-navStatus {
display: block;
float: right;
}
.Page-navStatus:after {
line-height: 1;
content: "+";
font-size: 18px;
}
@media screen and (min-width: 992px) {
.Page-navStatus {
display: none;
}
}
.Page-navStatus {
transform: rotate(45deg);
transition: transform 0.25s ease-in-out;
}
.Page-navTitle.collapsed {
border-bottom: 1px solid #eee;
}
.Page-navTitle.collapsed .Page-navStatus {
transform: rotate(0);
}
.Page-nav.is-open .Page-navStatus {
transform: rotate(45deg);
}
/* Ajustes MF */
.Page-nav--mf .Page-navStatus {
transform: rotate(180deg);
}
.Page-nav--mf .Page-navTitle .Page-navStatus:after {
content: "";
width: 0.45em;
height: 0.45em;
border: 0.125em solid #003da5;
border-left-color: inherit;
position: relative;
top: -6px;
display: inline-block;
margin-top: 0;
border-width: 0 0.125em 0.125em 0;
transform: rotate(45deg);
}
.Page-nav--mf .Page-navTitle.collapsed .Page-navStatus:after {
top: -3px;
}
@media screen and (max-width: 992px) {
.Page-nav--mf .Page-navTitle {
border: solid 1px transparent;
font-weight: 600;
width: 100%;
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.Page-nav--mf .Page-navTitle:not(.collapsed) {
background-color: #f1f1f1;
}
.Page-nav--mf .Page-navTitle .Page-navStatus:after {
top: -4px;
}
.Page-nav--mf a.Page-navTitle:focus,
.Page-nav--mf a.Page-navTitle:hover {
text-decoration: none;
}
.Page-nav--mf .Page-navList.collapse.in li:last-child {
border-bottom: none;
}
.Page-nav--mf .Page-navWrap {
display: flex;
justify-content: space-between;
border-bottom: solid 1px #eee;
}
.Page-nav--mf .Page-navWrap > .Button--filters:first-child {
width: 100%;
}
}
@media screen and (min-width: 992px) {
.Page-nav--mf.Page-nav--only .Page-navTitle {
color: #000;
pointer-events: none;
cursor: auto;
padding-right: 1.5rem;
}
.Page-nav--mf.Page-nav--only .Page-navTitle.collapsed {
border-bottom: none;
}
.Page-nav--mf.Page-nav--only .Page-navTitle .Page-navStatus {
display: none;
}
.Page-nav--mf.Page-nav--only .Page-navList.collapse {
display: block;
}
}
/**
* Ventanas Modales (requiere modal.js)
*/
.modal-open {
overflow: hidden;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 6;
display: none;
overflow: hidden;
outline: 0;
-webkit-overflow-scrolling: touch;
}
.modal.fade .modal-dialog {
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transform: translate(0, -25%);
}
.modal.in .modal-dialog {
transform: translate(0, 0);
}
.modal-dialog {
position: relative;
width: 90%;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 3px;
outline: 0;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 4;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.fade.in {
opacity: 0.6;
}
.modal-header {
padding: 16px 24px;
}
.modal-header:after,
.modal-header:before {
display: table;
content: "";
}
.modal-header:after {
clear: both;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 2.1;
}
.modal-body {
position: relative;
padding: 8px 0;
margin: 0 24px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.modal-footer {
padding: 16px 24px;
text-align: right;
}
.modal-footer:after,
.modal-footer:before {
display: table;
content: "";
}
.modal-footer:after {
clear: both;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media screen and (min-width: 768px) {
.modal-dialog {
width: 960px;
margin: 30px auto;
}
.modal-content {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-md {
width: 720px;
}
.modal-sm {
width: 300px;
}
}
@media screen and (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.modal {
padding: 0 !important;
text-align: center;
}
.modal:before {
display: inline-block;
height: 100%;
margin-right: -4px;
vertical-align: middle;
content: "";
}
.modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
.fade {
opacity: 0;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.modal-content .close {
position: absolute;
padding: 0.25rem 0.75rem;
right: 0.35rem;
top: 0.5rem;
background: url(../assets/icons/icon-close.svg) no-repeat center;
background-size: 40%;
height: 40px;
width: 40px;
}
.modal-content .modal-body {
border-top: none;
}
.modal-content .modal-body:last-child {
border-bottom: none;
}
@media screen and (max-width: 992px) {
.modal--filters.modal .modal-dialog {
transform: translateY(-25%);
}
.modal--filters.modal.fade.in .modal-dialog {
transform: translateY(0);
}
.modal--filters .modal-title {
font-size: 1.5rem;
}
}
@media screen and (min-width: 992px) {
.modal--filters {
display: block;
opacity: 1 !important;
margin-top: 1rem;
position: static;
}
.modal--filters.modal.fade .modal-dialog {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
width: 100%;
}
.modal--filters:before {
display: none;
}
.modal--filters .modal-content {
padding: 0;
box-shadow: none;
border: none;
}
.modal--filters .modal-title {
font-size: 1.25rem;
}
}
.modal--filters .modal-title {
line-height: 1.15;
margin-bottom: 0.25rem;
}
.Filtros {
padding: 1.5rem;
overflow: hidden;
}
@media screen and (max-width: 992px) {
.Filtros {
border-right: 0;
padding-top: 1rem;
padding-bottom: 0rem;
}
}
.Filtros-title {
font-size: 1.25rem;
border-bottom: 1px solid #eee;
padding-bottom: 1rem;
margin-bottom: 1.5rem;
}
@media screen and (max-width: 992px) {
.Filtros-title {
color: #003DA5;
}
}
.Filtros-subtitle {
font-size: 1.125rem;
margin-bottom: 0.75rem;
}
.Filtros-title.collapsed .Filtros-status {
transform: rotate(0);
}
.Filtros-status {
transform: rotate(45deg);
float: right;
transition: transform 0.25s ease-in-out;
}
@media screen and (min-width: 992px) {
.Filtros #filtros-target {
height: auto !important;
}
}
/* Filtros nuevos
(Una vez actualizados, se puede borrar lo de arriba) */
.Filters {
padding: 0 !important;
overflow: hidden;
}
@media screen and (max-width: 992px) {
.Filters {
border-right: 0;
padding-top: 1rem;
padding-bottom: 0;
}
}
.Filters-title {
font-size: 1.25rem;
border-bottom: 1px solid #eee;
padding-bottom: 1rem;
margin: 1rem 1.5rem;
}
@media screen and (max-width: 992px) {
.Filters-title {
color: #003DA5;
}
}
.Filters-title.collapsed .Filters-status {
transform: rotate(0);
}
.Filters-status {
transform: rotate(45deg);
float: right;
transition: transform 0.25s ease-in-out;
}
@media screen and (min-width: 992px) {
.Filters #filters-target {
height: auto !important;
}
}
.Filters {
/* Estilos de form móvil a escritorio - Agregar en form. y ajustar */
/* --- */
}
.Filters .Form-legend:before,
.Filters .Form legend:before {
display: block;
height: 1px;
width: 100%;
background-color: #eee;
content: "";
top: 50%;
position: absolute;
z-index: 1;
}
.Filters .Form legend {
position: relative;
overflow: hidden;
padding-left: 0;
width: 100%;
}
.Filters .Form fieldset {
border: 0;
padding: 0;
}
.Filters .Form-legend > *,
.Filters .Form legend > * {
display: inline-block;
background-color: #fff;
position: relative;
z-index: 2;
padding-right: 1em;
}
.Filters.Filters--mf .Form--filters {
/*padding: 2rem 1.5rem;*/
padding: 1rem 1.5rem;
}
.Filters.Filters--mf .Form--filters fieldset,
.Filters.Filters--mf .Form--filters .Form-fieldset {
margin-bottom: 0rem;
border: 0;
padding: 0;
}
.Filters.Filters--mf .Form--filters legend {
margin-bottom: 0.75rem;
}
@media screen and (max-width: 992px) {
.Filters.Filters--mf .Form--filters {
padding: 3rem 2rem 2.5rem 2rem;
}
}
@media screen and (max-width: 992px) {
.Filters.Filters--mf .Filters-title {
font-size: 0.95rem;
border-bottom: none;
padding: 1rem;
margin: 0;
font-weight: 700;
line-height: 1.5;
}
.Filters.Filters--mf .modal-dialog {
max-width: 360px;
}
}
.Button--filters {
border-left: solid 1px #eee;
padding: 1rem 1.35rem 1rem 1.25rem;
font-size: 0.95rem;
box-shadow: none;
min-width: 116px;
color: #003DA5;
background: none;
}
.Button--filters .Icon--filtros {
width: 1.125rem;
height: 1.125rem;
top: -2px;
margin-right: 2px;
}
@media screen and (max-width: 992px) {
.Button--filters {
border-radius: 0;
}
.Button--filters:hover {
background-color: #f1f1f1;
}
}
/**
* Clases disponibles:
*
* .Form--tipo (aplicar sobre