@charset "UTF-8";
/*------------------------------------*\
  Estilos theme Kanguro
  2022
  Autor: Aguayo
\*------------------------------------*/
/**
  * $c-neutro
  * @color
  * @section Neutro
*/
/**
  * $c-dark
  * @color
  * @section Neutro
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary-49
  * @color
  * @section Primary
*/
/**
  * $c-primary-53
  * @color
  * @section Primary
*/
/**
  * $c-primary-58
  * @color
  * @section Primary
*/
/**
  * $c-primary-g70
  * @color
  * @section Primary
*/
/**
  * $c-primary-g84
  * @color
  * @section Primary
*/
/**
  * $c-primary-g84
  * @color
  * @section Primary
*/
/**
  * $c-secondary-b52
  * @color
  * @section Secondary
*/
/**
  * $c-on-primary-gray
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-33
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-59
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-59
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-60
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-67
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-90
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-94
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-95
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-98
  * @color
  * @section On
*/
/**
  * $c-on-secondary-75
  * @color
  * @section On
*/
/**
  * $c-neutro
  * @color
  * @section Neutro
*/
/**
  * $c-dark
  * @color
  * @section Neutro
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary-49
  * @color
  * @section Primary
*/
/**
  * $c-primary-53
  * @color
  * @section Primary
*/
/**
  * $c-primary-58
  * @color
  * @section Primary
*/
/**
  * $c-primary-g70
  * @color
  * @section Primary
*/
/**
  * $c-primary-g84
  * @color
  * @section Primary
*/
/**
  * $c-primary-g84
  * @color
  * @section Primary
*/
/**
  * $c-secondary-b52
  * @color
  * @section Secondary
*/
/**
  * $c-on-primary-gray
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-33
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-59
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-59
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-60
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-67
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-90
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-94
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-95
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-98
  * @color
  * @section On
*/
/**
  * $c-on-secondary-75
  * @color
  * @section On
*/
/**
  * $c-neutro
  * @color
  * @section Neutro
*/
/**
  * $c-dark
  * @color
  * @section Neutro
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary-49
  * @color
  * @section Primary
*/
/**
  * $c-primary-53
  * @color
  * @section Primary
*/
/**
  * $c-primary-58
  * @color
  * @section Primary
*/
/**
  * $c-primary-g70
  * @color
  * @section Primary
*/
/**
  * $c-primary-g84
  * @color
  * @section Primary
*/
/**
  * $c-primary-g84
  * @color
  * @section Primary
*/
/**
  * $c-secondary-b52
  * @color
  * @section Secondary
*/
/**
  * $c-on-primary-gray
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-33
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-59
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-59
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-60
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-67
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-90
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-94
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-95
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-98
  * @color
  * @section On
*/
/**
  * $c-on-secondary-75
  * @color
  * @section On
*/
/**
  * $c-neutro
  * @color
  * @section Neutro
*/
/**
  * $c-dark
  * @color
  * @section Neutro
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary-49
  * @color
  * @section Primary
*/
/**
  * $c-primary-53
  * @color
  * @section Primary
*/
/**
  * $c-primary-58
  * @color
  * @section Primary
*/
/**
  * $c-primary-g70
  * @color
  * @section Primary
*/
/**
  * $c-primary-g84
  * @color
  * @section Primary
*/
/**
  * $c-primary-g84
  * @color
  * @section Primary
*/
/**
  * $c-secondary-b52
  * @color
  * @section Secondary
*/
/**
  * $c-on-primary-gray
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-33
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-59
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-59
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-60
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-67
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-90
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-94
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-95
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-98
  * @color
  * @section On
*/
/**
  * $c-on-secondary-75
  * @color
  * @section On
*/
/**
  * $c-neutro
  * @color
  * @section Neutro
*/
/**
  * $c-dark
  * @color
  * @section Neutro
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary-49
  * @color
  * @section Primary
*/
/**
  * $c-primary-53
  * @color
  * @section Primary
*/
/**
  * $c-primary-58
  * @color
  * @section Primary
*/
/**
  * $c-primary-g70
  * @color
  * @section Primary
*/
/**
  * $c-primary-g84
  * @color
  * @section Primary
*/
/**
  * $c-primary-g84
  * @color
  * @section Primary
*/
/**
  * $c-secondary-b52
  * @color
  * @section Secondary
*/
/**
  * $c-on-primary-gray
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-33
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-59
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-59
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-60
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-67
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-90
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-94
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-95
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-98
  * @color
  * @section On
*/
/**
  * $c-on-secondary-75
  * @color
  * @section On
*/
/**
  * $c-neutro
  * @color
  * @section Neutro
*/
/**
  * $c-dark
  * @color
  * @section Neutro
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary-49
  * @color
  * @section Primary
*/
/**
  * $c-primary-53
  * @color
  * @section Primary
*/
/**
  * $c-primary-58
  * @color
  * @section Primary
*/
/**
  * $c-primary-g70
  * @color
  * @section Primary
*/
/**
  * $c-primary-g84
  * @color
  * @section Primary
*/
/**
  * $c-primary-g84
  * @color
  * @section Primary
*/
/**
  * $c-secondary-b52
  * @color
  * @section Secondary
*/
/**
  * $c-on-primary-gray
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-33
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-59
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-59
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-60
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-67
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-90
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-94
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-95
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-98
  * @color
  * @section On
*/
/**
  * $c-on-secondary-75
  * @color
  * @section On
*/
/**
  * $c-neutro
  * @color
  * @section Neutro
*/
/**
  * $c-dark
  * @color
  * @section Neutro
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary-49
  * @color
  * @section Primary
*/
/**
  * $c-primary-53
  * @color
  * @section Primary
*/
/**
  * $c-primary-58
  * @color
  * @section Primary
*/
/**
  * $c-primary-g70
  * @color
  * @section Primary
*/
/**
  * $c-primary-g84
  * @color
  * @section Primary
*/
/**
  * $c-primary-g84
  * @color
  * @section Primary
*/
/**
  * $c-secondary-b52
  * @color
  * @section Secondary
*/
/**
  * $c-on-primary-gray
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-33
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-59
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-59
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-60
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-67
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-90
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-94
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-95
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-98
  * @color
  * @section On
*/
/**
  * $c-on-secondary-75
  * @color
  * @section On
*/
/**
  * $c-neutro
  * @color
  * @section Neutro
*/
/**
  * $c-dark
  * @color
  * @section Neutro
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary-49
  * @color
  * @section Primary
*/
/**
  * $c-primary-53
  * @color
  * @section Primary
*/
/**
  * $c-primary-58
  * @color
  * @section Primary
*/
/**
  * $c-primary-g70
  * @color
  * @section Primary
*/
/**
  * $c-primary-g84
  * @color
  * @section Primary
*/
/**
  * $c-primary-g84
  * @color
  * @section Primary
*/
/**
  * $c-secondary-b52
  * @color
  * @section Secondary
*/
/**
  * $c-on-primary-gray
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-33
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-59
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-59
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-60
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-67
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-90
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-94
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-95
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-98
  * @color
  * @section On
*/
/**
  * $c-on-secondary-75
  * @color
  * @section On
*/
/**
  * $c-neutro
  * @color
  * @section Neutro
*/
/**
  * $c-dark
  * @color
  * @section Neutro
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary-49
  * @color
  * @section Primary
*/
/**
  * $c-primary-53
  * @color
  * @section Primary
*/
/**
  * $c-primary-58
  * @color
  * @section Primary
*/
/**
  * $c-primary-g70
  * @color
  * @section Primary
*/
/**
  * $c-primary-g84
  * @color
  * @section Primary
*/
/**
  * $c-primary-g84
  * @color
  * @section Primary
*/
/**
  * $c-secondary-b52
  * @color
  * @section Secondary
*/
/**
  * $c-on-primary-gray
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-33
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-59
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-59
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-60
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-67
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-90
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-94
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-95
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-98
  * @color
  * @section On
*/
/**
  * $c-on-secondary-75
  * @color
  * @section On
*/
/**
  * $c-neutro
  * @color
  * @section Neutro
*/
/**
  * $c-dark
  * @color
  * @section Neutro
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary-49
  * @color
  * @section Primary
*/
/**
  * $c-primary-53
  * @color
  * @section Primary
*/
/**
  * $c-primary-58
  * @color
  * @section Primary
*/
/**
  * $c-primary-g70
  * @color
  * @section Primary
*/
/**
  * $c-primary-g84
  * @color
  * @section Primary
*/
/**
  * $c-primary-g84
  * @color
  * @section Primary
*/
/**
  * $c-secondary-b52
  * @color
  * @section Secondary
*/
/**
  * $c-on-primary-gray
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-33
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-59
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-59
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-60
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-67
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-90
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-94
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-95
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-98
  * @color
  * @section On
*/
/**
  * $c-on-secondary-75
  * @color
  * @section On
*/
/**
* Base HTML: 16px
* @nuclide Variables
* @section Settings > Font size
*/
/**
* Font family: 'Hind Vadodara'
* @nuclide Variables
* @section Settings > Font family
*/
/**
* font-weight: Light | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Regular | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Medium | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Bold | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Bold | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Italic
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* Base HTML: 16px
* @nuclide Variables
* @section Settings > Font size
*/
/**
* Font family: 'Hind Vadodara'
* @nuclide Variables
* @section Settings > Font family
*/
/**
* font-weight: Light | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Regular | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Medium | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Bold | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Bold | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Italic
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* Base HTML: 16px
* @nuclide Variables
* @section Settings > Font size
*/
/**
* Font family: 'Hind Vadodara'
* @nuclide Variables
* @section Settings > Font family
*/
/**
* font-weight: Light | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Regular | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Medium | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Bold | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Bold | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Italic
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* Base HTML: 16px
* @nuclide Variables
* @section Settings > Font size
*/
/**
* Font family: 'Hind Vadodara'
* @nuclide Variables
* @section Settings > Font family
*/
/**
* font-weight: Light | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Regular | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Medium | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Bold | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Bold | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Italic
* @nuclide Variables
* @section Settings > Font weight
*/
/**
  * $c-neutro
  * @color
  * @section Neutro
*/
/**
  * $c-dark
  * @color
  * @section Neutro
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary-c44
  * @color
  * @section Primary
*/
/**
  * $c-primary-g70
  * @color
  * @section Primary
*/
/**
  * $c-primary-g82
  * @color
  * @section Primary
*/
/**
  * $c-primary-g86
  * @color
  * @section Primary
*/
/**
  * $c-primary-g87
  * @color
  * @section Primary
*/
/**
  * $c-primary-g100
  * @color
  * @section Primary
*/
/**
  * $c-primary-g100-2
  * @color
  * @section Primary
*/
/**
  * $c-secondary-b52
  * @color
  * @section Secondary
*/
/**
  * $c-secondary-b87
  * @color
  * @section Secondary
*/
/**
  * $c-on-primary-gray
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-93
  * @color
  * @section On
*/
/**
  * $c-bg-surface-gradient-light
  * @color
  * @section Surface
*/
/**
  * $c-bg-surface-gradient-primary
  * @color
  * @section Surface
*/
/**
  * $c-bg-surface-gradient-dark
  * @color
  * @section Surface
*/
/**
  * $c-neutro
  * @color
  * @section Neutro
*/
/**
  * $c-dark
  * @color
  * @section Neutro
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary-c44
  * @color
  * @section Primary
*/
/**
  * $c-primary-g70
  * @color
  * @section Primary
*/
/**
  * $c-primary-g82
  * @color
  * @section Primary
*/
/**
  * $c-primary-g86
  * @color
  * @section Primary
*/
/**
  * $c-primary-g87
  * @color
  * @section Primary
*/
/**
  * $c-primary-g100
  * @color
  * @section Primary
*/
/**
  * $c-primary-g100-2
  * @color
  * @section Primary
*/
/**
  * $c-secondary-b52
  * @color
  * @section Secondary
*/
/**
  * $c-secondary-b87
  * @color
  * @section Secondary
*/
/**
  * $c-on-primary-gray
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-93
  * @color
  * @section On
*/
/**
  * $c-bg-surface-gradient-light
  * @color
  * @section Surface
*/
/**
  * $c-bg-surface-gradient-primary
  * @color
  * @section Surface
*/
/**
  * $c-bg-surface-gradient-dark
  * @color
  * @section Surface
*/
/**
  * $c-neutro
  * @color
  * @section Neutro
*/
/**
  * $c-dark
  * @color
  * @section Neutro
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary-c44
  * @color
  * @section Primary
*/
/**
  * $c-primary-g70
  * @color
  * @section Primary
*/
/**
  * $c-primary-g82
  * @color
  * @section Primary
*/
/**
  * $c-primary-g86
  * @color
  * @section Primary
*/
/**
  * $c-primary-g87
  * @color
  * @section Primary
*/
/**
  * $c-primary-g100
  * @color
  * @section Primary
*/
/**
  * $c-primary-g100-2
  * @color
  * @section Primary
*/
/**
  * $c-secondary-b52
  * @color
  * @section Secondary
*/
/**
  * $c-secondary-b87
  * @color
  * @section Secondary
*/
/**
  * $c-on-primary-gray
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-93
  * @color
  * @section On
*/
/**
  * $c-bg-surface-gradient-light
  * @color
  * @section Surface
*/
/**
  * $c-bg-surface-gradient-primary
  * @color
  * @section Surface
*/
/**
  * $c-bg-surface-gradient-dark
  * @color
  * @section Surface
*/
/**
  * $c-neutro
  * @color
  * @section Neutro
*/
/**
  * $c-dark
  * @color
  * @section Neutro
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary-c44
  * @color
  * @section Primary
*/
/**
  * $c-primary-g70
  * @color
  * @section Primary
*/
/**
  * $c-primary-g82
  * @color
  * @section Primary
*/
/**
  * $c-primary-g86
  * @color
  * @section Primary
*/
/**
  * $c-primary-g87
  * @color
  * @section Primary
*/
/**
  * $c-primary-g100
  * @color
  * @section Primary
*/
/**
  * $c-primary-g100-2
  * @color
  * @section Primary
*/
/**
  * $c-secondary-b52
  * @color
  * @section Secondary
*/
/**
  * $c-secondary-b87
  * @color
  * @section Secondary
*/
/**
  * $c-on-primary-gray
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-93
  * @color
  * @section On
*/
/**
  * $c-bg-surface-gradient-light
  * @color
  * @section Surface
*/
/**
  * $c-bg-surface-gradient-primary
  * @color
  * @section Surface
*/
/**
  * $c-bg-surface-gradient-dark
  * @color
  * @section Surface
*/
/**
  * $c-neutro
  * @color
  * @section Neutro
*/
/**
  * $c-dark
  * @color
  * @section Neutro
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary-c44
  * @color
  * @section Primary
*/
/**
  * $c-primary-g70
  * @color
  * @section Primary
*/
/**
  * $c-primary-g82
  * @color
  * @section Primary
*/
/**
  * $c-primary-g86
  * @color
  * @section Primary
*/
/**
  * $c-primary-g87
  * @color
  * @section Primary
*/
/**
  * $c-primary-g100
  * @color
  * @section Primary
*/
/**
  * $c-primary-g100-2
  * @color
  * @section Primary
*/
/**
  * $c-secondary-b52
  * @color
  * @section Secondary
*/
/**
  * $c-secondary-b87
  * @color
  * @section Secondary
*/
/**
  * $c-on-primary-gray
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-93
  * @color
  * @section On
*/
/**
  * $c-bg-surface-gradient-light
  * @color
  * @section Surface
*/
/**
  * $c-bg-surface-gradient-primary
  * @color
  * @section Surface
*/
/**
  * $c-bg-surface-gradient-dark
  * @color
  * @section Surface
*/
/**
  * $c-neutro
  * @color
  * @section Neutro
*/
/**
  * $c-dark
  * @color
  * @section Neutro
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary-c44
  * @color
  * @section Primary
*/
/**
  * $c-primary-g70
  * @color
  * @section Primary
*/
/**
  * $c-primary-g82
  * @color
  * @section Primary
*/
/**
  * $c-primary-g86
  * @color
  * @section Primary
*/
/**
  * $c-primary-g87
  * @color
  * @section Primary
*/
/**
  * $c-primary-g100
  * @color
  * @section Primary
*/
/**
  * $c-primary-g100-2
  * @color
  * @section Primary
*/
/**
  * $c-secondary-b52
  * @color
  * @section Secondary
*/
/**
  * $c-secondary-b87
  * @color
  * @section Secondary
*/
/**
  * $c-on-primary-gray
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-93
  * @color
  * @section On
*/
/**
  * $c-bg-surface-gradient-light
  * @color
  * @section Surface
*/
/**
  * $c-bg-surface-gradient-primary
  * @color
  * @section Surface
*/
/**
  * $c-bg-surface-gradient-dark
  * @color
  * @section Surface
*/
/**
  * $c-neutro
  * @color
  * @section Neutro
*/
/**
  * $c-dark
  * @color
  * @section Neutro
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary-c44
  * @color
  * @section Primary
*/
/**
  * $c-primary-g70
  * @color
  * @section Primary
*/
/**
  * $c-primary-g82
  * @color
  * @section Primary
*/
/**
  * $c-primary-g86
  * @color
  * @section Primary
*/
/**
  * $c-primary-g87
  * @color
  * @section Primary
*/
/**
  * $c-primary-g100
  * @color
  * @section Primary
*/
/**
  * $c-primary-g100-2
  * @color
  * @section Primary
*/
/**
  * $c-secondary-b52
  * @color
  * @section Secondary
*/
/**
  * $c-secondary-b87
  * @color
  * @section Secondary
*/
/**
  * $c-on-primary-gray
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-93
  * @color
  * @section On
*/
/**
  * $c-bg-surface-gradient-light
  * @color
  * @section Surface
*/
/**
  * $c-bg-surface-gradient-primary
  * @color
  * @section Surface
*/
/**
  * $c-bg-surface-gradient-dark
  * @color
  * @section Surface
*/
/**
  * $c-neutro
  * @color
  * @section Neutro
*/
/**
  * $c-dark
  * @color
  * @section Neutro
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary-c44
  * @color
  * @section Primary
*/
/**
  * $c-primary-g70
  * @color
  * @section Primary
*/
/**
  * $c-primary-g82
  * @color
  * @section Primary
*/
/**
  * $c-primary-g86
  * @color
  * @section Primary
*/
/**
  * $c-primary-g87
  * @color
  * @section Primary
*/
/**
  * $c-primary-g100
  * @color
  * @section Primary
*/
/**
  * $c-primary-g100-2
  * @color
  * @section Primary
*/
/**
  * $c-secondary-b52
  * @color
  * @section Secondary
*/
/**
  * $c-secondary-b87
  * @color
  * @section Secondary
*/
/**
  * $c-on-primary-gray
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-93
  * @color
  * @section On
*/
/**
  * $c-bg-surface-gradient-light
  * @color
  * @section Surface
*/
/**
  * $c-bg-surface-gradient-primary
  * @color
  * @section Surface
*/
/**
  * $c-bg-surface-gradient-dark
  * @color
  * @section Surface
*/
/**
  * $c-neutro
  * @color
  * @section Neutro
*/
/**
  * $c-dark
  * @color
  * @section Neutro
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary-c44
  * @color
  * @section Primary
*/
/**
  * $c-primary-g70
  * @color
  * @section Primary
*/
/**
  * $c-primary-g82
  * @color
  * @section Primary
*/
/**
  * $c-primary-g86
  * @color
  * @section Primary
*/
/**
  * $c-primary-g87
  * @color
  * @section Primary
*/
/**
  * $c-primary-g100
  * @color
  * @section Primary
*/
/**
  * $c-primary-g100-2
  * @color
  * @section Primary
*/
/**
  * $c-secondary-b52
  * @color
  * @section Secondary
*/
/**
  * $c-secondary-b87
  * @color
  * @section Secondary
*/
/**
  * $c-on-primary-gray
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-93
  * @color
  * @section On
*/
/**
  * $c-bg-surface-gradient-light
  * @color
  * @section Surface
*/
/**
  * $c-bg-surface-gradient-primary
  * @color
  * @section Surface
*/
/**
  * $c-bg-surface-gradient-dark
  * @color
  * @section Surface
*/
/**
  * $c-neutro
  * @color
  * @section Neutro
*/
/**
  * $c-dark
  * @color
  * @section Neutro
*/
/**
  * $c-primary
  * @color
  * @section Primary
*/
/**
  * $c-primary-c44
  * @color
  * @section Primary
*/
/**
  * $c-primary-g70
  * @color
  * @section Primary
*/
/**
  * $c-primary-g82
  * @color
  * @section Primary
*/
/**
  * $c-primary-g86
  * @color
  * @section Primary
*/
/**
  * $c-primary-g87
  * @color
  * @section Primary
*/
/**
  * $c-primary-g100
  * @color
  * @section Primary
*/
/**
  * $c-primary-g100-2
  * @color
  * @section Primary
*/
/**
  * $c-secondary-b52
  * @color
  * @section Secondary
*/
/**
  * $c-secondary-b87
  * @color
  * @section Secondary
*/
/**
  * $c-on-primary-gray
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-70
  * @color
  * @section On
*/
/**
  * $c-on-primary-gray-93
  * @color
  * @section On
*/
/**
  * $c-bg-surface-gradient-light
  * @color
  * @section Surface
*/
/**
  * $c-bg-surface-gradient-primary
  * @color
  * @section Surface
*/
/**
  * $c-bg-surface-gradient-dark
  * @color
  * @section Surface
*/
/**
* Base HTML: 16px
* @nuclide Variables
* @section Settings > Font size
*/
/**
* Font family: 'Hind Vadodara'
* @nuclide Variables
* @section Settings > Font family
*/
/**
* font-weight: Light | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Regular | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Medium | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Bold | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Bold | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Italic
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* Base HTML: 16px
* @nuclide Variables
* @section Settings > Font size
*/
/**
* Font family: 'Hind Vadodara'
* @nuclide Variables
* @section Settings > Font family
*/
/**
* font-weight: Light | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Regular | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Medium | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Bold | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Bold | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Italic
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* Base HTML: 16px
* @nuclide Variables
* @section Settings > Font size
*/
/**
* Font family: 'Hind Vadodara'
* @nuclide Variables
* @section Settings > Font family
*/
/**
* font-weight: Light | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Regular | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Medium | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Bold | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Bold | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Italic
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* Base HTML: 16px
* @nuclide Variables
* @section Settings > Font size
*/
/**
* Font family: 'Hind Vadodara'
* @nuclide Variables
* @section Settings > Font family
*/
/**
* font-weight: Light | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Regular | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Medium | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Bold | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Bold | Font family: Hind Vadodara
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Italic
* @nuclide Variables
* @section Settings > Font weight
*/
/**
 * Variable ruta imágenes incluidas en los CSS  | use: url(# {$path-img}/card-shadow.svg)
 * @nuclide Variables
 * @section Settings > Path
 */
/**
 * Variable ruta a la carpeta de fuentes | use: url('# {$path-font}/# {$font-family-ico}.woff?')
 * @nuclide Variables
 * @section Settings > Path
 */
/**
* Unidad mínima la retícula digital es 8, 
* el sistema de reticula se basa en incrementos verticales y horizontales de 8 píxeles.
* Uso: multiplicar la variable por el número del incremento deseado. Ejemplo: $gutter * 2
* @nuclide Variables
* @section Settings > Gutter 
*/
/**
* Small
* @nuclide Variables
* @section Settings > Breakpoint predefinidos
*/
/**
* small-m
* @nuclide Variables
* @section Settings > Breakpoint predefinidos
*/
/**
* medium
* @nuclide Variables
* @section Settings > Breakpoint predefinidos
*/
/**
* wide
* @nuclide Variables
* @section Settings > Breakpoint predefinidos
*/
/**
* large
* @nuclide Variables
* @section Settings > Breakpoint predefinidos
*/
/**
* big
* @nuclide Variables
* @section Settings > Breakpoint predefinidos
*/
/**
* huge
* @nuclide Variables
* @section Settings > Breakpoint predefinidos
*/
/**
 * Flexbox Containers display: flex. Utiliza el soporte nativo de los navegadores.
 * The 'flex' value causes an element to generate a block-level flex container box.
 * http://w3.org/tr/css3-flexbox/#flex-containers
 * @mixin
 * @section Flexbox prefix
 * @example
 *  .foo {
 *    @include flexbox;
 *  }
 */
@import url("https://fonts.googleapis.com/css2?family=Hind+Vadodara:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap");
/**
 * Flexbox Containers display: inline-flex. Utiliza el soporte nativo de los navegadores.
 * The 'inline-flex' value causes an element to generate a inline-level flex container box.
 * http://w3.org/tr/css3-flexbox/#flex-containers
 * @mixin
 * @section Flexbox prefix
 * @example
 *  .foo {
 *    @include inline-flex;
 *  }
 */
/**
 * Flexbox Direction.
 * The 'flex-direction' property specifies how flex items are placed in
 * the flex container, by setting the direction of the flex container's main axis. 
 * This determines the direction that flex items are laid out in.
 * http://w3.org/tr/css3-flexbox/#flex-direction-property
 * @mixin
 * @section Flexbox prefix
 * @param $value
 *	Default: row ♣ 
 * 	Values: row | row-reverse | column | column-reverse
 * @example
 *  .foo {
 *    @include flex-direction(column);
 *  }
 */
/**
 * Flexbox Wrap.
 * The 'flex-wrap' property controls whether the flex container is single-line
 * or multi-line, and the direction of the cross-axis, which determines
 * the direction new lines are stacked in.
 * No Webkit Box fallback.
 * http://w3.org/tr/css3-flexbox/#flex-wrap-property
 * @mixin
 * @section Flexbox prefix
 * @param $value
 *	Default: nowrap ♣  
 * 	Values: nowrap | wrap | wrap-reverse
 * @example
 *  .foo {
 *    @include flex-wrap(wrap);
 *  }
 */
/**
 * Flexbox Flow (shorthand).
 * The 'flex-flow' property is a shorthand for setting the 'flex-direction'
 * and 'flex-wrap' properties, which together define the flex container's
 * main and cross axes.
 * No Webkit Box fallback.
 * http://w3.org/tr/css3-flexbox/#flex-flow-property
 * @mixin
 * @section Flexbox prefix
 * @param $values
 *	Default: row nowrap ♣  
 * 	Values: [flex-direction: row | row-reverse | column | column-reverse] | [flex-wrap: nowrap | wrap | wrap-reverse]
 * @example
 *  .foo {
 *    @include flex-flow(column nowrap);
 *  }
 */
/**
 * Flexbox Order.
 * The 'order' property controls the order in which flex items appear within
 * their flex container, by assigning them to ordinal groups.
 * http://w3.org/tr/css3-flexbox/#order-property
 * @mixin
 * @section Flexbox prefix
 * @param $int
 *	Default: 0
 * @example
 *  .foo {
 *    @include order(1);
 *  }
 */
/**
 * Flexbox Grow.
 * The 'flex-grow' property sets the flex grow factor. Negative numbers are invalid.
 * http://w3.org/tr/css3-flexbox/#flex-grow-property
 * @mixin
 * @section Flexbox prefix
 * @param $int
 *	Default: 0
 * @example
 *  .foo {
 *    @include flex-grow(1);
 *  }
 */
/**
 * Flexbox Shrink.
 * The 'flex-shrink' property sets the flex shrink factor. Negative numbers are invalid.
 * http://w3.org/tr/css3-flexbox/#flex-shrink-property
 * @mixin
 * @section Flexbox prefix
 * @param $int
 *	Default: 1
 * @example
 *  .foo {
 *    @include flex-grow(1);
 *  }
 */
/**
 * Flexbox Basis.
 * The 'flex-basis' property sets the flex basis. Negative lengths are invalid.
 * http://www.w3.org/TR/css3-flexbox/#flex-basis-property
 * @mixin
 * @section Flexbox prefix
 * @param $value
 *	Default: auto ♣
 *	Values: Like "width"
 * @example
 *  .foo {
 *    @include flex-basis(50%);
 *  }
 */
/**
 * Flexbox "Flex" (shorthand).
 * The 'flex' property specifies the components of a flexible length: the
 * flex grow factor and flex shrink factor, and the flex basis. When an
 * element is a flex item, 'flex' is consulted instead of the main size
 * property to determine the main size of the element. If an element is
 * not a flex item, 'flex' has no effect.
 * http://w3.org/tr/css3-flexbox/#flex-property
 * @mixin
 * @section Flexbox prefix
 * @param $fg
 *	Default: See individual properties (1 1 0). ♣
 *	Values: none | <flex-grow>
 * @param $fs
 *	Default: See individual properties (1 1 0). ♣
 *	Values: none | <flex-shrink>
 * @param $fb
 *	Default: See individual properties (1 1 0). ♣
 *	Values: none | <flex-basis>
 * @example
 *  .foo {
 *    @include flex( 1 1 50%);
 *  }
 */
/**
 * Flexbox Justify Content.
 * The 'justify-content' property aligns flex items along the main axis
 * of the current line of the flex container. This is done after any flexible
 * lengths and any auto margins have been resolved. Typically it helps distribute
 * extra free space leftover when either all the flex items on a line are
 * inflexible, or are flexible but have reached their maximum size. It also
 * exerts some control over the alignment of items when they overflow the line.
 * Note: 'space-*' values not supported in older syntaxes.
 * http://w3.org/tr/css3-flexbox/#justify-content-property
 * @mixin
 * @section Flexbox prefix
 * @param $value
 *	Default: flex-start ♣
 *	Values: flex-start | flex-end | center | space-between | space-around
 * @example
 *  .foo {
 *    @include justify-content(space-between);
 *  }
 */
/**
 * Flexbox Align Items.
 * Flex items can be aligned in the cross axis of the current line of the
 * flex container, similar to 'justify-content' but in the perpendicular
 * direction. 'align-items' sets the default alignment for all of the flex
 * container's items, including anonymous flex items. 'align-self' allows
 * this default alignment to be overridden for individual flex items. (For
 * anonymous flex items, 'align-self' always matches the value of 'align-items'
 * on their associated flex container.)
 * http://w3.org/tr/css3-flexbox/#align-items-property
 * @mixin
 * @section Flexbox prefix
 * @param $value
 *	Default: stretch ♣
 *	Values: flex-start | flex-end | center | baseline | stretch
 * @example
 *  .foo {
 *    @include align-items(space-between);
 *  }
 */
/**
 * Flexbox Align Self.
 * https://www.w3.org/TR/css-flexbox-1/#propdef-align-self
 * @mixin
 * @section Flexbox prefix
 * @param $value
 *	Default: auto ♣
 *	Values: auto | flex-start | flex-end | center | baseline | stretch
 * @example
 *  .foo {
 *    @include align-self(flex-end);
 *  }
 */
/**
 * Flexbox Align Content.
 * The 'align-content' property aligns a flex container's lines within the
 * flex container when there is extra space in the cross-axis, similar to
 * how 'justify-content' aligns individual items within the main-axis. Note,
 * this property has no effect when the flexbox has only a single line.
 * http://w3.org/tr/css3-flexbox/#align-content-property
 * @mixin
 * @section Flexbox prefix
 * @param $value
 *	Default: stretch ♣
 *	Values: flex-start | flex-end | center | space-between | space-around | stretch
 * @example
 *  .foo {
 *    @include align-content(flex-end);
 *  }
 */
/**
 * Convertir valor de (px) a (rem) de cualquier propiedad, agrega fallback en px para navegadores antiguos.
 *
 * @mixin
 * @section Utils
 * @param $property Propiedad css, ej. margin, max-width, etc..
 * @param $values Valor en px
 * @example
 *  .foo {
 *    @include px-to-rem(padding, 20px 10px);
 *  }
 */
/**
 * Incluye Font-family propiedades fuente de iconos para pseudo elementos.
 * @mixin
 * @section Utils
 * @param $font-family Variable Font-family
 * @example
 *  .foo {
 *		Propiedades...
 *		&:before {
 *    	@include font-family-ico($font-family-ico);
 *		}
 *  }
 */
/**
 * keyframes mixin para animaciones CSS
 *
 * @mixin
 * @section Utils
 * @param $animation-name Nombre que indica un @keyframes, esta regla define los valores de las propiedades de la secuencia de animación.
 * @param animation-name Propiedad CSS que especifica las animaciones aplicadas al elemento seleccionado. Cada nombre indica un @keyframes.
 * @example
 *  @include keyframes(slideIn) {
 *    from {
 *      margin-left: 100%;
 *      width: 300%
 *    }
 *    to {
 *      margin-left: 0%;
 *      width: 100%;
 *    }
 *  }
 *  //- La propiedad CSS animation-name especifica una lista de animaciones que se deben aplicar al elemento seleccionado.
 *  .ag-animation-slidein {
 *    animation-name: slideIn;
 *    animation-duration: 3s;
 *    animation-iteration-count: 3;
 *    animation-direction: alternate;
 *    ....
 *  }
 */
/**
 * Full query: Mediaquerys predefinidos, para el proyecto.
 * Disponibles para 10 screen sizes diferentes.
 * Para modificarlos, editar las variables definidas en los breakpoints.
 *
 * @mixin
 * @section Utils
 * @param $breakpoint-value
 *    ♣ Breakpoint min-width  
 *      small: 375px | small-m: 480px | medium: 768px | wide: 1024px | big: 1280px | huge: 1440px | large: 1180px 
 *    ♣ Breakpoint max-width  
 *      medium-max: 0 - 767px  |  wide-max  : 0 - 1023px  |  large-max : 0 - 1179px
 *
 * @example
 *  || small: breakpoint min-width: 375px --> $bp-small
 *     @include media-query(small) {
 *       PROPERTIES...
 *     }
 *  || small-m: breakpoint min-width 540px --> $bp-small-m
 *     @include media-query(small-m) {
 *        PROPERTIES...
 *     }
 *  || medium: breakpoint min-width 768px --> $bp-medium
 *     @include media-query(medium) {
 *        PROPERTIES...
 *     }
 *  || medium-max: breakpoint max-width 0 - 767px
 *     @include media-query(medium-max) {
 *        PROPERTIES...
 *     }
 *  || wide: breakpoint min-width 1024px --> $bp-wide
 *     @include media-query(wide) {
 *        PROPERTIES...
 *     }
 *  || wide-max: breakpoint max-width 0 - 1023px
 *     @include media-query(wide-max) {
 *        PROPERTIES...
 *     }
 *  || large: breakpoint min-width 1180px --> $bp-large
 *     @include media-query(large) {
 *        PROPERTIES...
 *     }
 *  || huge: breakpoint min-width 1440px --> $bp-huge
 *     @include media-query(huge) {
 *        PROPERTIES...
 *     } 
 *  || large-max: breakpoint max-width 0 - 1179px
 *     @include media-query(large-max) {
 *        PROPERTIES...
 *     }
 *  || big: breakpoint min-width 1280px --> $bp-big
 *     @include media-query(big) {
 *        PROPERTIES...
 *     }
 */
/**
 * Helper para insertar fácilmente mediaquery a un selector específico.
 *
 * @mixin
 * @section Helpers
 * @param $breakpoint-value
 *    ♣ Breakpoint min-width  
 *    【 small: 375px | small-m: 480px | medium: 768px | wide: 1024px | big: 1280px | huge: 1440px | large: 1180px 】 
 *    ♣ Breakpoint max-width
 *    【 medium-max: 0 - 767px  |  wide-max  : 0 - 1023px  |  large-max : 0 - 1179px 】
 * @example
 *  .foo {
 *    PROPERTIES...
 *    @include media-query-help(small) {
 *      PROPERTIES...
 *    }
 *  }
 *  || Variables
 *  ♣ small     : breakpoint min-width 375px
 *  ♣ medium    : breakpoint min-width 768px
 *  ♣ medium-max: breakpoint max-width 0 - 767px
 *  ♣ wide      : breakpoint min-width 1024px
 *  ♣ wide-max  : breakpoint max-width 0 - 1023px
 *  ♣ large     : breakpoint min-width 1180px
 *  ♣ huge      : breakpoint min-width 1440px
 *  ♣ large-max : breakpoint max-width 0 - 1179px
 *  ♣ big       : breakpoint min-width 1280px
 */
/**
 * Agregar variable para colore dinámicos,
 *
 * @mixin
 * @section Utils
 * @param $property Propiedad css, ej. background-color, color, border-color
 * @param $name, ej. nombre de la variable . --var-nombre
 * @param $color-fallback color de respaldo, por defecto: $c-wink-fallback (Depende de variable color)
 * @example
 *  .foo {
 *    @include var-color(color, text-color);
      @include var-color(background-color, wink);
      @include var-color(border-color, wink, $c-neutro);
 *  }
 */
/**
 * Center-translate: Centra horizontalmente o verticalmente un elemento en su contexto. Translación en un solo eje.
 *
 * @mixin
 * @section Helpers
 * @param $axis 
 *  Valor eje translate
 *	♣ Default: translateX
 *	♣ Values: translateX | translateY 
 * @example
 *  .foo {
 *    @include center-translate(translateY)
 *  }
 *  || El @include se traducirá en:
 *     .foo {
 *         display: block;
 *         position: relative;
 *         top: 50%;
 *         -ms-transform 	  : translateY(-50%);
 *         -moz-transform   : translateY(-50%);
 *         -o-transform  	  : translateY(-50%);
 *         -webkit-transform: translateY(-50%);
 *         transform        : translateY(-50%);
 *     }
 */
/**
 * Centra horizontalmente o verticalmente un elemento en su contexto. Translación en un solo eje.
 *
 * @mixin
 * @section Helpers
 * @param $justify
 *	Default: center ♣
 *	Values: center | flex-start | flex-end | space-between | space-around
 * @param $align
 *	Default: center ♣
 *	Values: center | flex-start | flex-end | baseline | stretch
 * @example
 *  .foo {
 *    @include center-flexbox;
 *  }
 *  || El @include se traducirá en:
 *     .foo {
 *         display: flex;
 *         justify-content: center;
 *         align-items    : center;
 *     }
 *  .foo {
 *    @include center-flexbox(space-between)
 *  }
 *  || El @include se traducirá en:
 *     .foo {
 *         display: flex;
 *         justify-content: space-between;
 *         align-items    : center;
 *     }
 *  .foo {
 *    @include center-flexbox(center, flex-start)
 *  }
 *  || El @include se traducirá en:
 *     .foo {
 *         display: flex;
 *         justify-content: center;
 *         align-items    : flex-start;
 *     }
 */
/**
 * Borra la flotación de los elementos.
 *
 * @mixin
 * @section Helpers
 * @example
 *  .foo {
 *    @include clearfix;
 *  }
 *  || El @include se traducirá en:
 *     .foo:after {
 *        content: '';
 *        display: table;
 *        clear: both;
 *     }
 */
/**
 * Caja con aspect ratio amigable con el responsive. 
 * calcula (alto/ancho) * 100%
 * Si el ancho cambia, también lo hace la altura, y el elemento mantiene el aspect ratio.
 *
 * @mixin
 * @section Helpers
 * @param $width 
 * @param $height
 * @example
 *  .foo {
 *    @include aspect-ratio-box(16, 9);
 *  }
 *  || El @include se traducirá en:
 *     .foo {
 *          position: relative;
 *          overflow: hidden;
 *     }
 *     .foo:after {
 *        content: '';
 *        display: block;
 *        width: 100%;
 *        padding-top: 56,25%;
 *     }
 */
/**
 * Use para cambiar el valor del aspect radio en un breakpoint específco.
 *
 * @mixin
 * @section Helpers
 * @param $width 
 * @param $height
 * @example
 *    .foo {
 *      @include aspect-ratio-change(16, 9);
 *    }
 *  || El @include se traducirá en:
 *     .foo:before {
 *        padding-top: 56,25%;
 *     }
 */
/**
 * Aplica overflow ellipsis multiples lineas de texto.
 * Adición de CSS a un elemento que limitará la visibilidad del texto después de cierto punto. 
 * La altura máxima en rem se calcula multiplicando:  
 * (font-size) * (line-heigth) * (número de líneas que se quiera mostrar)
 *
 * @mixin
 * @section Helpers
 * @param $font-size Valor tamaño de fuente en px.
 * @param $line-height Valor Alto de linea.
 * @param $lines Número de lineas a mostrar.
 * @example
 *  .foo {
 *    @include truncatechars(16px, 1.4, 3)
 *  }
 *  || El @include se traducirá en:
 *     .foo {
 *        display: block;
 *        display: -webkit-box;
 *        max-height: 67.2px;
 *        max-height: 4.2rem;
 *        overflow: hidden;
 *        line-height: 1.4;
 *        -webkit-line-clamp: 3;
 *        -webkit-box-orient: vertical;
 *        text-overflow: ellipsis;
 *        font-size: 16px;
 *        font-size: 1rem;
 *     }
 */
/**
 * Aplica overflow ellipsis multiples lineas de texto.
 * Adición de CSS a un elemento que limitará la visibilidad del texto después de cierto punto. 
 * La altura máxima en rem se calcula multiplicando:  
 * (font-size) * (line-heigth) * (número de líneas que se quiera mostrar)
 *
 * @mixin
 * @section Helpers
 * @param $font-size Valor tamaño de fuente en px.
 * @param $line-height Valor Alto de linea.
 * @param $lines Número de lineas a mostrar.
 * @example
 *  .foo {
 *    @include truncatechars-change(16px, 1.4, 3)
 *  }
 *  || Debe agregar font-size y line-height. El @include se traducirá en:
 *     .foo {
 *        max-height: 67.2px;
 *        max-height: 4.2rem;
 *     }
 */
/**
 * Offset: compensa el ancho de su contenedor para que el elemento ocupe el 100% del ancho del viewport
 * ♣ Resta al 100% el ancho del canvas,
 * ♣ el padding se puede ajustar a la necesidad del diseño
 * ♣ Se recomienda usar las variables:  _var-canvas
 *
 * @mixin
 * @section Helpers
 * @param $canvasWidth Valor ancho del canvas.
 * @param $elementPadding Valor del padding left y right
 * @example
 *  || Si usa variables prestablecidad para el ancho del canvas.
 *  || para este ejemplo $canvas-with equivale a 90%.
 *  .foo {
 *    @include offset-full('$canvas-with', 4%);
 *  }
 *  || Si usa un valor en prcentajes no registrado: debe ser igual al valor del ancho de su contenedor
 *  .foo {
 *    @include offset-full(90%, 4%);
 *  }
 *  || El @include se traducirá en:
 *     .foo {
 *        margin-left: -5%;
 *        margin-right: -5%;
 *        padding-left: 4%;
 *        padding-right: 4%;
 *     }
 */
body,
h1, h2, h3, h4, h5, h6,
dl, dd, ol, ul {
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body * {
  box-sizing: border-box;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

h1 {
  font-size: 2em;
}

figcaption,
figure,
main {
  display: block;
}

figure,
p {
  margin: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:active, a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

abbr[title],
dfn[title] {
  cursor: help;
}

b,
strong {
  font-weight: inherit;
  font-weight: bolder;
}

code,
pre,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

blockquote {
  margin: 0;
}

audio,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

svg:not(:root) {
  overflow: hidden;
}

input {
  line-height: normal;
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button {
  background-color: transparent;
}

optgroup {
  font-weight: bold;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

fieldset {
  margin: 0 2px;
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  border: 0;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/*---------------------------------------------*\
  #font-face
  URL custom fonts: https://fonts.google.com/share?selection.family=Hind%20Vadodara:wght@300;400;500;600;700
\*---------------------------------------------*/
/*---------------------------------------------*\
  #font-face
  URL custom fonts: https://fonts.google.com/share?selection.family=Source%20Sans%20Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900
\*---------------------------------------------*/
/*BOTÓN SCROOL TO TOP*/
#myBtn {
  display: none;
  position: fixed;
  bottom: 105px;
  right: 26px;
  z-index: 99;
  border: none;
  outline: none;
  background-image: url(../images/ScrollUp-theme2.svg);
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
  padding: 25px;
  border-radius: 6px;
}

/*  BOTON GENERAL VERDE */
.contBtnAf {
  width: auto;
  float: left;
  position: relative;
}
.contBtnAf a,
.contBtnAf input[type=button],
.contBtnAf input[type=submit] {
  background: #00DBB3;
  color: #1E786F;
  border: 2px solid #00DBB3;
  border-radius: 3px;
  font-size: 16px;
  float: left;
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: auto;
  text-transform: uppercase;
  font-family: "Hind Vadodara", sans-serif;
  font-weight: 500;
}
.contBtnAf a:hover,
.contBtnAf input[type=button]:hover,
.contBtnAf input[type=submit]:hover {
  border-color: #00B392;
  background: #00B392;
  text-decoration: none;
  color: #1E786F;
}

.contBtnAf.btnRight {
  float: right;
}

/*BOTON GENERAL CONTORNO*/
.contBtnAf.contorno a,
.contBtnAf.contorno input[type=button] {
  background: #fff;
  border: 2px solid #00DBB3;
  border-radius: 3px;
  padding: 9px 40px;
  font-weight: 600;
  font-size: 16px;
  color: #1E786F;
  letter-spacing: 0.44px;
}
.contBtnAf.contorno a:hover,
.contBtnAf.contorno input[type=button]:hover {
  border-color: #00DBB3;
  color: #1E786F;
  background: transparent !important;
  box-sizing: border-box;
}

.btnGeneral {
  padding: 11px 26px;
  background: #00DBB3;
  color: #1E786F;
  border-radius: 3px;
  font-size: 16px;
  float: left;
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.btnGeneral:hover {
  background: #00B392;
  text-decoration: none;
  color: #1E786F;
  opacity: 0.9;
}

.espacioBtns {
  padding: 20px 0;
}

.contenedorBotones {
  width: auto;
  position: relative;
  margin: 0 auto;
  display: table;
  text-align: center;
}

.btnMd {
  padding: 7px 20px;
}

* {
  text-shadow: none;
}

/* BOTON VALIDAR */
.contBtnAf.btnValidate a,
.contBtnAf.btnValidate input[type=button],
.contBtnAf.btnValidate input[type=submit] {
  width: auto;
  padding: 12px 30px !important;
  background: #00DBB3;
  color: #1E786F;
  border-bottom: none;
  border-radius: 3px;
  font-size: 16px !important;
  float: left;
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-transform: uppercase;
  font-family: "Hind Vadodara", sans-serif;
  font-weight: 500;
}

/* BOTON VER MAS */
.lnkInfoInversion.vermas a {
  color: #808080;
}

.botonCentro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

/**
 * Class: theme | <html>
 * @description  font-size base para el HTML
 *  ♣ Propiedades: 16px/100%
 * @atom Base: HTML
 * @section 03. Estilos textos
 * @markup
 *  <html class="theme">
 *     <p>@{lipsum:quantity:type}</p>
 *  </html>
 */
html,
.theme {
  color: #1E786F;
  font-size: 100%;
}

/**
 * Class: o-text | <body>
 * @description  estilos de texto generales para el body
 *  ♣ Propiedades:  16px | 1.8 | Hind Vadodara | Medium
 * @atom Body copy
 * @section 03. Estilos textos
 * @markup
 *  <p class="o-text">@{lipsum:1:paragraphs}</p>
 */
body,
.o-text {
  line-height: 1.8;
  color: #1E786F;
  font-family: "Hind Vadodara", sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
}

/**
 * Class: .o-italic | <em> | <i>
 * @description  define estilo italica para el texto.
 *  ♣ Propiedades: italic
 * @atom Texto cursiva
 * @section 03. Estilos textos
 * @markup
 *  <p class="o-text">
 *	  Ad ea velit nisi aliquip <span class="o-italic">nostrud laboris laborum</span> aliquip laborum.
 *  </p>
 *  <p class="o-text">
 *	  Ad ea velit <em>nisi aliquip nostrud laboris</em> laborum aliquip laborum.
 *  </p>
 */
i,
em,
.o-italic {
  font-style: italic;
  font-family: "Hind Vadodara", sans-serif;
}

/**
 * Class: Tag HTML | <u>
 * @description  Representa texto que no está articulado y tiene un estilo diferente al texto normal, como palabras mal escritas o nombres propios.
 *  ♣ Propiedades: underline-position under
 * @atom Texto subrayado
 * @section 03. Estilos textos
 * @markup
 *  <p class="o-text">
 *	  Ad ea velit nisi aliquip <u>nostrud laboris laborum</u> aliquip laborum.
 *  </p>
 */
u,
.o-underline {
  text-underline-position: under;
}

/**
 * Class: .o-bold | <strong>, <b>
 * @description  define estilo negrilla para el texto.
 *  ♣ Propiedades: 600
 * @atom Texto negrilla
 * @section 03. Estilos textos
 * @markup
 *  <p class="o-text">
 *	  Ad ea velit nisi <span class="o-bold">aliquip nostrud laboris</span> laborum aliquip laborum.
 *  </p>
 *  <p class="o-text">
 *	  <strong>Ad ea velit nisi aliquip nostrud laboris laborum aliquip laborum</strong>
 *  </p>
 */
b,
strong,
.o-bold {
  font-weight: 700;
}

/**
 * Class: .o-light | <strong>, <b>
 * @description  define estilo suave para el texto.
 *  ♣ Propiedades: 300
 * @atom Texto light
 * @section 03. Estilos textos
 * @markup
 *  <p class="o-text">
 *	  Ad ea velit nisi <span class="o-light">aliquip nostrud laboris</span> laborum aliquip laborum.
 *  </p>
 *  <p class="o-text">
 *	  <strong>Ad ea velit nisi aliquip nostrud laboris laborum aliquip laborum</strong>
 *  </p>
 */
.o-light {
  font-weight: 300;
}

/**
 * Class: .o-medium | <strong>, <b>
 * @description  define estilo semi negrilla para el texto.
 *  ♣ Propiedades: 500
 * @atom Texto negrilla
 * @section 03. Estilos textos
 * @markup
 *  <p class="o-text">
 *	  Ad ea velit nisi <span class="o-bold">aliquip nostrud laboris</span> laborum aliquip laborum.
 *  </p>
 *  <p class="o-text">
 *	  <strong>Ad ea velit nisi aliquip nostrud laboris laborum aliquip laborum</strong>
 *  </p>
 */
.o-medium {
  font-weight: 500;
}

.containerServicios .container .contContacto .headContacto a {
  font-weight: 700;
}

/**
 * Class: u-hidden, display none
 * @atom Ocultar elemento
 * @section Utils
 * @markup
 *  <a href="#" class="i-twitter">
 *    <span class="u-hidden">Twitter</span>
 *  </a>
 */
.u-hidden {
  position: absolute;
  top: 1000px;
  right: 1000px;
  opacity: 0;
  visibility: hidden;
}

.u-rounded-16 {
  border-radius: 16px;
  border-radius: 1rem;
}

/**
 * Class: u-hidden-mb, display none
 * @atom Ocultar elemento en Mobile
 * @section Utils
 * @markup
 *  <a href="#" class="i-twitter">
 *    <span class="u-hidden-mb">Twitter</span>
 *  </a>
 */
@media only screen and (max-width: 768px) {
  .u-hidden-mb {
    display: none;
    opacity: 0;
    visibility: hidden;
  }
}
/**
 * Class: u-hidden-dk, display none
 * @atom Ocultar elemento en Desktop
 * @section Utils
 * @markup
 *  <a href="#" class="i-twitter">
 *    <span class="u-hidden-mb">Twitter</span>
 *  </a>
 */
@media only screen and (min-width: 768px) {
  .u-hidden-dk {
    display: none;
    opacity: 0;
    visibility: hidden;
  }
}
/**
 * Class: u-inherit-color, Color de texto heredado del color especificado para el texto del bloque padre.
 * @atom Color heredado
 * @section Utils
 * @markup
 *  <a href="#" class="u-inherit-color">
 *    Color de texto heredado
 *  </a>
 */
.u-inherit-color {
  color: inherit;
}

#ingresar {
  width: 100%;
  float: left;
  position: relative;
  height: 100%;
  display: none;
  transition: all ease-in-out 1s;
}

.contIngresoRadio {
  width: 436px;
  margin-top: 0;
  position: absolute;
  background: rgba(248, 248, 248, 0.5);
  border: unset;
  border-radius: 0;
  padding: 0;
  float: left;
  color: #fff;
  left: unset;
  right: 0;
  margin: 0;
  height: 73px;
}
.contIngresoRadio .opcionCliente {
  background-color: rgba(30, 120, 111, 0.84);
}

.bgGris {
  background-color: #F8F8F8;
}

.menuAfirme .navbar-nav > li > .dropdown-menu {
  z-index: 1100;
}

.nombreAyudaIngreso {
  width: 100%;
  float: left;
  height: 41px;
  position: relative;
  background-color: rgba(30, 120, 111, 0.84);
  border-bottom: solid 1px #64646464;
}
.nombreAyudaIngreso p {
  float: left;
  width: auto;
  margin: 0;
  color: #fff;
  font-size: 21px;
  text-align: center;
  position: relative;
}
.nombreAyudaIngreso img {
  width: auto;
  position: relative;
  float: left;
  margin: 7px 7px 7px 0;
}

.radioUsuarioEmpresasM {
  float: left;
  position: relative;
  width: 100%;
  height: 40px;
  background-color: rgba(30, 120, 111, 0.84);
}
.radioUsuarioEmpresasM input {
  float: left;
  position: relative;
  width: auto;
  display: none;
}

.cuadroAyuda {
  float: left;
  position: relative;
  width: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.ingresoDatosM {
  float: left;
  position: relative;
  width: 100%;
}

.credentialsM {
  float: left;
  position: relative;
  width: 100%;
  height: 45px;
}

.ingresoNumeroM {
  float: left;
  position: relative;
  width: 65%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.ingresoNumeroM input[type=text] {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  border-bottom: none;
  color: #fff;
  padding: 18px;
  border: none;
  background-color: linear-gradient(90deg, rgba(108, 216, 159, 0.6) 9%, rgba(91, 221, 210, 0.6) 100%);
  font-weight: 700 !important;
}
.ingresoNumeroM input[type=text]::placeholder {
  color: #fff;
  font-size: 16px;
}
.ingresoNumeroM input[type=text]:placeholder {
  color: #fff;
  font-size: 16px;
}
.ingresoNumeroM input[type=text]:-ms-input-placeholder {
  color: #fff;
  font-size: 16px;
}

.opcionClienteM {
  float: left;
  position: relative;
  width: 50%;
  height: 100%;
  padding: 3px 10vw;
}
.opcionClienteM p {
  float: left;
  position: relative;
  width: auto;
  color: #fff;
  font-size: 16px;
  font-weight: 400 !important;
}
.opcionClienteM label {
  float: left;
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: 5px;
}
.opcionClienteM input[type=radio] + label span {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 5px 4px 0 0;
  vertical-align: middle;
  border: 2px solid #56D0C6;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  float: left;
  position: relative;
}
.opcionClienteM input[type=radio]:checked + label span {
  background: #56D0C6;
}

.btnLoginRadioM {
  float: left;
  position: relative;
  width: 35%;
  background-color: #00DBB3;
  color: #1E786F;
  height: 100%;
}
.btnLoginRadioM input {
  float: left;
  position: relative;
  width: 100% !important;
  height: 100%;
  border: 0 !important;
  text-transform: uppercase;
  font-weight: 700 !important;
  text-align: center;
  font-size: 14px !important;
}

#logOpenM {
  display: none;
  margin-right: -20px;
}

#logCloseM {
  margin-right: -20px;
}

#ingresoRadio {
  display: none;
}

.ingresoCaret {
  background-image: url("../images/icnCaretClose-white.svg") !important;
}

.ingresoNumero input[type=text]::placeholder {
  color: #fff;
  font-size: 16px;
}
.ingresoNumero input[type=text]:placeholder {
  color: #fff;
  font-size: 16px;
}
.ingresoNumero input[type=text]:-ms-input-placeholder {
  color: #fff;
  font-size: 16px;
}

.menuAfirme {
  width: 100%;
  float: left;
  position: relative;
  background: #fff;
}
.menuAfirme .navbar-default .navbar-toggle {
  border-color: transparent;
  padding: 0;
  margin-top: 0;
  margin-left: 13px;
}
.menuAfirme .navbar-default .navbar-toggle:hover {
  background-color: transparent;
}
.menuAfirme .navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.menuAfirme .navbar-toggle.collapsed {
  border-color: transparent;
  padding: 0;
  margin-top: 0;
  margin-left: 13px;
  width: 27px;
  height: 22px;
  border-radius: unset;
  background-image: url("../images/icnMenu-white.svg");
  background-size: auto;
  background-repeat: no-repeat;
  float: left;
  margin-top: 0;
}
.menuAfirme .navbar-toggle {
  display: block;
  width: 27px;
  height: 22px;
  border-radius: unset;
  background-image: url("../images/icnMenuClose-white.svg");
  background-size: auto;
  background-repeat: no-repeat;
  float: left;
}
.menuAfirme .showDesktop {
  display: none;
}
.menuAfirme .showMobile {
  display: block;
  border-right: unset;
}
.menuAfirme #navbar .contUserTools.showMobile {
  margin-top: 0;
  border-left: unset;
  width: 100%;
  float: left;
  position: relative;
}
.menuAfirme #navbar .contUserTools li {
  float: left;
  list-style-type: none;
  width: 100%;
  position: relative;
}
.menuAfirme #navbar .contUserTools li a {
  width: auto;
  float: none;
  position: relative;
  display: table;
  margin: 0 auto;
}
.menuAfirme #navbar .contUserTools li.dropdown.open {
  background: rgba(30, 120, 111, 0.84);
}
.menuAfirme .navbar-nav {
  width: 100%;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
.menuAfirme .navbar-nav > li > .dropdown-menu {
  width: 100%;
  padding: 0;
  border-radius: 0;
  background: transparent;
  margin-top: 0;
}
.menuAfirme .navbar {
  float: left;
  position: relative;
  width: 100%;
  margin: 0;
  margin-bottom: 0;
  border: none;
  min-height: unset;
  padding: 0;
  background: linear-gradient( #00DBB3 , #00DBB3 100%);
}
.menuAfirme .navbar .container {
  padding: 0;
  margin: 0 auto;
}
.menuAfirme .navbar .container #navbar {
  padding: 0;
  margin: 0;
}
.menuAfirme .navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
  width: auto;
  float: left;
  position: relative;
  height: auto;
}
.menuAfirme .navbar-brand img {
  height: 29px;
  float: left;
  position: relative;
}
.menuAfirme .navbar-header {
  width: 100%;
  float: left;
  margin: 0;
  padding: 16px 0;
}
.menuAfirme #navbar.collapse {
  float: left;
  position: relative;
  border: none;
  width: 100%;
  margin: 0;
  background: linear-gradient(90deg, rgba(108, 216, 159, 0.9) 9%, rgba(91, 221, 210, 0.9) 100%);
  left: 0;
  top: 100%;
}
.menuAfirme .nav > li {
  position: inherit;
  padding: 13px 0;
  width: 100%;
  float: left;
}
.menuAfirme .nav > li a {
  float: left;
  font-weight: 600;
  font-size: 20px;
  color: #ffffff;
  letter-spacing: 0;
  padding: 0;
}
.menuAfirme .nav > li a:hover {
  color: #1E786F;
}

#ingresar .contInput input[type=text] {
  border-bottom: none !important;
}

.navbar-default .navbar-nav > .open > a {
  background-color: transparent;
  color: #1E786F;
}
.navbar-default .navbar-nav > .open > a:hover {
  background-color: transparent;
  color: #1E786F;
}
.navbar-default .navbar-nav > .open > a:focus {
  background-color: transparent;
  color: #1E786F;
}

.nav .open > a {
  background-color: unset;
}
.nav .open > a:hover {
  background-color: unset;
}
.nav .open > a:focus {
  background-color: unset;
}

#navbar .contUserTools.showMobile li a p {
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  letter-spacing: 0;
  margin-bottom: 0;
  margin-top: 0;
}
#navbar .contUserTools.showMobile li a span {
  float: left;
  position: relative;
  margin-top: 10px;
  display: block;
}

.caretAfm {
  background-image: url("../images/caret-white.svg");
  width: 11px;
  height: 9px;
  float: right;
  position: relative;
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin: 9px;
}

.dropdown.open .caretAfm {
  background-image: url("../images/caretClose-green.svg");
}

.contUserTools {
  float: left;
  position: relative;
}
.contUserTools .caretAfm {
  background-image: url("../images/icnCaretOpen-white.svg");
  width: 11px;
  height: 9px;
  float: right;
  position: relative;
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin-top: 17px;
  margin-left: 4px;
}
.contUserTools .dropdown.open .caretAfm {
  background-image: url("../images/icnCaretClose-white.svg");
  width: 11px;
  height: 9px;
  float: right;
  position: relative;
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin-top: 7px;
  margin-left: 4px;
}
.contUserTools .contAyuda.open .caretAfm {
  background-image: url("../images/icnCaretClose-white.svg");
  width: 11px;
  height: 9px;
  float: right;
  position: relative;
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin-top: 17px;
  margin-left: 4px;
}
.contUserTools li {
  float: left;
  list-style-type: none;
}
.contUserTools li a {
  float: left;
  margin: 0 13px 0 0;
  margin-top: 0;
  position: relative;
}
.contUserTools a img {
  width: 24px;
  height: auto;
  margin-top: 8px;
}
.contUserTools .dropdown-menu .infoCont a {
  font-size: 20px;
  color: #FFFFFF;
  letter-spacing: 0;
  font-weight: 400;
  padding: 0 !important;
}
.contUserTools .dropdown-menu.backGrey {
  background: rgba(30, 120, 111, 0.84);
  border: unset;
  border-radius: 0;
  padding: 10px;
  float: left;
  width: 100%;
  color: #fff;
  left: 0;
  right: 0;
  margin-top: 0;
  position: relative;
}
.contUserTools ul.dropdown-menu li {
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 1px solid rgba(234, 234, 234, 0.2);
  padding-bottom: 10px;
  padding-top: 10px;
}
.contUserTools ul.dropdown-menu li:last-child {
  border-bottom: unset;
  padding-bottom: 0;
}
.contUserTools .itemContacto {
  width: 100%;
  float: left;
  position: relative;
}
.contUserTools .itemContacto img {
  width: 25px;
  float: left;
  margin-right: 10px;
}
.contUserTools .itemContacto .txtRegular {
  color: #fff;
  font-size: 16px !important;
}
.contUserTools .icnContacto {
  width: auto;
  float: left;
}
.contUserTools .infoCont {
  width: 80%;
  float: left;
  position: relative;
}
.contUserTools .infoCont h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 20px;
}
.contUserTools .infoCont h4 span {
  color: #00DBB3;
  font-size: 10px;
  position: absolute;
  margin-left: 5px;
  top: 5px;
}

.dropdownIcons li {
  width: 100%;
  float: left;
  position: relative;
  height: 70px;
}
.dropdownIcons li a {
  float: left;
  position: relative;
  width: 100%;
}
.dropdownIcons li .iconMenu {
  width: 30%;
  float: left;
  position: relative;
  height: 50px;
}
.dropdownIcons li .iconMenu img {
  width: 100%;
}
.dropdownIcons li .ttlIconMenu {
  width: 70%;
  float: left;
  position: relative;
  height: 50px;
}
.dropdownIcons li .ttlIconMenu h3 {
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 18px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 10px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
}

.contUserTools.showMobile li a span {
  float: left;
  position: relative;
  margin-top: 10px;
  display: block;
}
.contUserTools.showMobile li a img {
  float: left;
  position: relative;
  margin-top: 0;
}
.contUserTools.showMobile li a p {
  float: left;
  position: relative;
  margin-top: 0;
  font-weight: 400;
  font-size: 16px;
  color: #B3B3B3;
  letter-spacing: 0;
  margin-bottom: 0;
  margin-top: 8px;
}

/*------------------------------- BUSCADOR -------------------------------------*/
.seach_up {
  background: rgba(149, 85, 179, 0.4);
  display: none;
  position: absolute;
  width: 100%;
}

#Buscador.contIngresar {
  width: 300px;
  background: transparent;
  border: none;
  box-shadow: none;
  z-index: 9999999;
}

#Buscador .btn-default {
  width: 34%;
  font-weight: 600;
  font-size: 14px;
  color: #1E786F;
  letter-spacing: 0.79px;
  background: #00DBB3;
  padding: 14px 16px;
  text-transform: uppercase;
  font-family: "Hind Vadodara", sans-serif;
  height: 45px;
  box-sizing: border-box;
}
#Buscador .btn {
  border: none;
  border-radius: 0;
}
#Buscador .form-control {
  background: rgba(0, 0, 0, 0.2);
  height: auto;
  padding: 14px;
  color: #fff;
}
#Buscador .contUserTools .contInput input[type=text] {
  width: 184px;
}
#Buscador .navbar-form {
  padding: 0;
  margin: 0;
}
#Buscador .navbar-form .form-group {
  width: 66%;
  float: left;
  position: relative;
  box-sizing: border-box;
}

#Buscador.open .img1 {
  opacity: 0;
}
#Buscador.open .img2 {
  opacity: 1;
}

.contBuscador.open .img1 {
  opacity: 0;
}
.contBuscador.open .img2 {
  opacity: 1;
}

.showMobile .showBuscador {
  display: none;
  background: #F2F2F2;
  width: 100%;
  float: left;
  position: relative;
}

.showBuscador {
  display: none;
  background: #F2F2F2;
  width: 100%;
  float: left;
  position: relative;
}
.showBuscador .backGrey {
  width: 100%;
  float: left;
  position: relative;
  padding-left: 0;
  margin: 0;
}
.showBuscador .backGrey li {
  width: 100%;
  float: left;
  list-style-type: none;
}
.showBuscador .backGrey li a {
  width: 100% !important;
}
.showBuscador .backGrey li .icnContacto {
  width: auto;
}
.showBuscador .backGrey li .infoCont {
  width: auto;
}
.showBuscador .backGrey li.large {
  width: 100%;
}
.showBuscador .itemContacto {
  margin: 9px 0;
}
.showBuscador .itemContacto a {
  font-weight: 400;
  font-size: 18px;
  color: #6f6f6f;
  letter-spacing: 0;
}
.showBuscador .itemContacto a.telAf {
  font-weight: 400;
  font-size: 18px;
  color: #6f6f6f;
  letter-spacing: 0;
}
.showBuscador .itemContacto h4 {
  font-weight: 400;
  font-size: 18px;
  color: #6f6f6f;
  letter-spacing: 0;
}
.showBuscador .itemContacto a.txtRegular {
  font-weight: 400;
  font-size: 14.5px;
  color: #B3B3B3;
  letter-spacing: 0;
  margin-bottom: 0;
}
.showBuscador .itemContacto p {
  font-weight: 400;
  font-size: 14.5px;
  color: #B3B3B3;
  letter-spacing: 0;
  margin-bottom: 0;
}
.showBuscador .navbar-default .navbar-collapse {
  border: none;
  position: relative;
  padding: 0;
  margin: 0;
}
.showBuscador .navbar-form .form-group {
  width: 60%;
  float: left;
  margin-bottom: 0;
  position: relative;
}
.showBuscador .navbar-form .form-group .form-control {
  width: 100%;
  outline: none;
  box-shadow: none;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 15px 11px;
  height: 50px;
  border-bottom: none;
}
.showBuscador .navbar-form .form-group .form-control::placeholder {
  color: #fff;
}
.showBuscador .btn-default {
  background: #00DBB3;
  color: #1E786F;
  width: 40%;
  border: 0;
  border-radius: 0;
  padding: 15px;
}

#showBuscador.dropdown2-menu {
  border: none;
  outline: none;
  box-shadow: none;
  background: transparent;
  margin: 0;
  padding: 0;
}

.navbar-default .navbar-form {
  border: none;
  position: relative;
  padding: 0;
  margin: 0;
}

.dropdown1 .img1 {
  display: none;
}

.contBuscador .img2-B {
  display: none;
}

.contAyuda .img2-A {
  display: none;
}

.flechaLogin {
  background-image: url("../images/icnCaretClose-white.svg");
  width: 11px;
  height: 9px;
  float: right;
  position: relative;
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin-left: 4px;
}

.dropdownv.open .imgMenDesk1 {
  opacity: 0;
}
.dropdownv.open .imgMenDesk2 {
  opacity: 1 !important;
}

.contUserTools.showMobile li {
  padding: 10px 0;
}
.contUserTools.showMobile li.contAyuda.open {
  background: rgba(30, 120, 111, 0.84);
}

.contAyuda.open .img1 {
  opacity: 0;
}
.contAyuda.open .img2 {
  opacity: 1;
}
.contAyuda.open .caretAfm {
  background-image: url("../images/caretClose.svg");
  width: 11px;
  height: 9px;
  float: right;
  position: relative;
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin: 9px;
}

.contUserTools.showDesktop .dropdown .imgMenDesk1 {
  opacity: 1;
}
.contUserTools.showDesktop .dropdown .imgMenDesk2 {
  position: absolute !important;
  top: 28px;
  left: 0px;
  opacity: 0;
}
.contUserTools.showDesktop .dropdown .imgIngresa1 {
  opacity: 1;
}
.contUserTools.showDesktop .dropdown .imgIngresa2 {
  position: absolute !important;
  top: 28px;
  left: 0px;
  opacity: 0;
}
.contUserTools.showDesktop .dropdownv .imgMenDesk1 {
  opacity: 1;
}
.contUserTools.showDesktop .dropdownv .imgMenDesk2 {
  position: absolute !important;
  top: 12px;
  left: 0px;
  opacity: 0;
}
.contUserTools.showDesktop .dropdown.open .imgMenDesk1 {
  opacity: 0;
}
.contUserTools.showDesktop .dropdown.open .imgMenDesk2 {
  opacity: 1;
}
.contUserTools.showDesktop .dropdown.open .imgIngresa1 {
  opacity: 0;
}
.contUserTools.showDesktop .dropdown.open .imgIngresa2 {
  opacity: 1;
}

.tooltipHelp {
  background: transparent;
  border: none;
  width: auto;
  float: left;
}

/*----------------------------------- INGRESAR ---------------------------------*/
.contIngresar {
  display: none;
  position: relative;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  box-shadow: none;
  border: none;
  border-radius: 0;
  padding: 0;
  float: left;
  width: 100%;
  color: #fff;
  left: unset;
  right: 0;
  margin: 0;
}
.contIngresar li {
  padding-top: 0;
}
.contIngresar .contInfo {
  width: 30%;
  float: left;
  position: relative;
  padding: 12px 12px;
  height: 100%;
  width: 40%;
  float: left;
  position: relative;
  padding: 7px 7px;
  height: 100%;
}
.contIngresar .contInfo img {
  float: left;
  position: relative;
  padding-top: 6px;
  cursor: pointer;
}
.contIngresar .contInput {
  width: 60%;
  float: left;
  position: relative;
  height: 45px;
  background-image: none !important;
}
.contIngresar .contInput input[type=text] {
  width: 100%;
  height: 100%;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  letter-spacing: 0;
  background: rgba(0, 0, 0, 0.2);
  padding: 13px 19px;
}
.contIngresar .contInput input[type=submit] {
  width: 100%;
  height: 100%;
  font-weight: 600;
  line-height: 1;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0.79px;
  background: #009639;
  padding: 14px 16px;
  text-transform: uppercase;
  border-bottom: none;
}
.contIngresar .contInfocontInfo p {
  float: left;
  margin-bottom: 0;
  font-size: 17px;
  margin-top: 3px;
}
.contIngresar .contInput.btnIngresa {
  width: 100%;
  float: left;
  position: relative;
  height: 45px;
}

.itemContacto {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 10px;
}
.itemContacto img {
  width: 25px;
  float: left;
  margin-right: 10px;
}
.itemContacto a {
  color: #858585;
  font-size: 18px;
  width: auto;
  float: left;
}
.itemContacto a.telAf {
  color: #858585;
  font-size: 18px;
  width: auto;
  float: left;
}

.icnContacto {
  width: auto;
  float: left;
}

.infoCont {
  width: auto;
  float: left;
  position: relative;
}
.infoCont h4 {
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
}
.infoCont h4 span {
  color: #00DBB3 !important;
  font-size: 10px;
  position: absolute;
  margin-left: 5px;
  top: 5px;
}

/*Buscar*/
/* PLACEHOLDER*/
.contIngresar .contInput input[type=text]::-webkit-input-placeholder {
  -webkit-text-security: none;
  color: #fff !important;
  pointer-events: none;
  font-size: 14px;
  line-height: 1.4;
}
.contIngresar .contInput input::-webkit-input-placeholder {
  -webkit-text-security: none;
  color: #fff !important;
  pointer-events: none;
  font-size: 14px;
  line-height: 1.4;
}
.contIngresar .contInput text::-webkit-input-placeholder {
  -webkit-text-security: none;
  color: #fff !important;
  pointer-events: none;
  font-size: 14px;
  line-height: 1.4;
}

.floatR {
  float: right;
}

.contUserTools.showMobile.ingresa {
  width: auto;
  float: left;
  position: initial;
}
.contUserTools.showMobile.ingresa li {
  padding: 0;
}

.showMobile .showAyuda {
  display: none;
  background: rgba(30, 120, 111, 0.84);
  width: 100%;
  float: left;
  position: relative;
}

.showAyuda {
  display: none;
  background: rgba(30, 120, 111, 0.84);
  width: 100%;
  float: left;
  position: relative;
}
.showAyuda .backGrey {
  width: 100%;
  float: left;
  position: relative;
  padding-left: 0;
  margin: 0;
}
.showAyuda .backGrey li {
  width: auto;
  float: left;
  padding: 0 10px;
  list-style-type: none;
}
.showAyuda .backGrey li a {
  width: 100% !important;
}
.showAyuda .backGrey li .icnContacto {
  width: auto;
}
.showAyuda .backGrey li .infoCont {
  width: auto;
}
.showAyuda .backGrey li.large {
  width: 100%;
}
.showAyuda .itemContacto {
  margin: 9px 0;
}
.showAyuda .itemContacto a {
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  letter-spacing: 0;
}
.showAyuda .itemContacto a.telAf {
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  letter-spacing: 0;
}
.showAyuda .itemContacto h4 {
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  letter-spacing: 0;
}
.showAyuda .itemContacto a.txtRegular {
  font-weight: 400;
  font-size: 14.5px;
  color: #fff;
  letter-spacing: 0;
  margin-bottom: 0;
}
.showAyuda .itemContacto p {
  font-weight: 400;
  font-size: 14.5px;
  color: #fff;
  letter-spacing: 0;
  margin-bottom: 0;
}

.dropdown-backdrop {
  display: none !important;
}

.contUserTools.showDesktop .dropdown .imgMenDesk1 {
  opacity: 1;
}
.contUserTools.showDesktop .dropdown .imgMenDesk2 {
  position: absolute !important;
  top: 28px;
  left: 0px;
  opacity: 0;
}

#ingresar {
  width: 100%;
  float: left;
  position: relative;
  height: 100%;
  display: block;
  z-index: 999;
}

.ayuda-icn-desk {
  transform: rotate(0deg);
}

.contUserTools .contAyuda .caretAfm {
  background-image: url("../images/icnCaretOpen-white.svg");
  width: 11px;
  height: 9px;
  float: right;
  position: relative;
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin-top: 17px;
  margin-left: 4px;
  transform: rotate(0deg);
}

.contAyuda .img2 {
  position: absolute !important;
  top: 0px;
  left: 0px;
  opacity: 0;
}

.contAyuda.open .img1 {
  opacity: 0;
}
.contAyuda.open .img2 {
  opacity: 1;
}

.contBuscador .img2 {
  position: absolute !important;
  top: 0px;
  left: 0px;
  opacity: 0;
}

.contBuscador.open .img1 {
  opacity: 0;
}
.contBuscador.open .img2 {
  opacity: 1;
}

.cc-window.cc-floating {
  padding: 1em !important;
  max-width: 100% !important;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.cc-floating .cc-message {
  display: block;
  margin-bottom: 1em;
  width: 80%;
  display: block;
  margin: auto;
}

.itemContacto a {
  color: #858585;
  font-size: 16px;
  width: auto;
  float: left;
  color: #858585;
  font-size: 16px;
  width: auto;
  float: left;
}
.itemContacto a.telAf {
  color: #858585;
  font-size: 16px;
  width: auto;
  float: left;
  color: #858585;
  font-size: 16px;
  width: auto;
  float: left;
}

.izqMargen {
  left: auto;
}

.infoCont p {
  font-size: 16px;
  margin: 0;
  padding: 0;
  padding-top: 2px;
  color: #858585;
}

.icnTitulo h4 {
  margin-top: 0;
  margin-bottom: 0;
  width: 300px;
}
.icnTitulo h4 span {
  color: #97D700;
  font-size: 10px;
  position: absolute;
  margin-left: 10px;
  top: 8px;
}

@media only screen and (min-width: 768px) {
  #ingresar {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
    display: none;
    z-index: 999;
  }

  .hiddenMobile {
    display: none !important;
  }

  .nombreAyudaIngreso {
    width: 152px;
    padding: 7px 7px;
    height: 100%;
    border-right: 1px solid #64646464;
    background-color: rgba(30, 120, 111, 0.84);
  }
  .nombreAyudaIngreso img {
    width: auto;
    position: absolute;
    left: 15%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: auto;
    position: absolute;
    left: 15%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    margin: 0;
  }
  .nombreAyudaIngreso p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-indent: 10px;
    margin-left: 5px;
  }

  .bgGris {
    background-color: #F8F8F8;
  }

  .radioUsuarioEmpresas {
    width: 283px;
    height: 28px;
  }
  .radioUsuarioEmpresas input {
    float: left;
    position: relative;
    width: auto;
    display: none;
  }

  .ingresoDatos {
    float: left;
    position: relative;
    width: 284px;
  }

  .credentials {
    float: left;
    position: relative;
    width: 284px;
    height: 45px;
  }

  .ingresoNumero {
    float: left;
    position: relative;
    width: 65%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
  }
  .ingresoNumero input[type=text] {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 16px;
    border-bottom: none;
    color: #fff;
    padding: 13px 19px;
    border: none;
  }
  .ingresoNumero input[type=text]::placeholder {
    color: #fff;
    font-size: 16px;
  }
  .ingresoNumero input[type=text]:placeholder {
    color: #fff;
    font-size: 16px;
  }
  .ingresoNumero input[type=text]:-ms-input-placeholder {
    color: #fff;
    font-size: 16px;
  }

  .opcionCliente {
    float: left;
    position: relative;
    width: 50%;
    height: 100%;
    padding: 3px 20px 3px 28px;
  }
  .opcionCliente p {
    float: left;
    position: relative;
    width: auto;
    color: #fff;
    font-size: 16px;
    font-weight: 400 !important;
  }
  .opcionCliente label {
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
  }
  .opcionCliente input[type=radio] + label span {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 5px 4px 0 0;
    vertical-align: middle;
    border: 2px solid #56D0C6;
    background: transparent;
    border-radius: 50%;
    cursor: pointer;
    float: left;
    position: relative;
  }
  .opcionCliente input[type=radio]:checked + label span {
    background: #56D0C6;
  }

  .btnLoginRadio {
    float: left;
    position: relative;
    width: 35%;
    background-color: #00DBB3;
    height: 100%;
    font-weight: 700;
    color: #1E786F;
  }
  .btnLoginRadio input {
    float: left;
    position: relative;
    width: 100% !important;
    height: 100%;
    border: 0 !important;
    text-transform: uppercase;
    font-weight: 400 !important;
    text-align: center;
    font-size: 14px !important;
  }

  #logOpen {
    display: none;
  }

  #ingresoRadio {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: none), only screen and (min-width: 768px) and (-ms-high-contrast: active) {
  .ingresoDatos {
    float: left;
    position: relative;
    width: 281px;
  }

  .ingresoNumero input[type=text] {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    border-bottom: none;
    color: #fff;
    padding: 8px;
    border: none;
  }
}
@media only screen and (min-width: 768px) {
  .contInput.selectFechaAlt select {
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .contCheckBxAviso p {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .floatR {
    float: right;
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .menuAfirme {
    padding: 0;
  }
  .menuAfirme .navbar {
    padding: 0;
  }
  .menuAfirme .nav > li {
    width: auto;
    padding: 0 !important;
  }
  .menuAfirme .nav > li > a {
    padding-top: 27px;
    padding-bottom: 27px;
  }
  .menuAfirme .nav > li:last-child {
    border-right: 1px solid #EAEAEA;
  }
  .menuAfirme .navbar-header {
    width: auto;
    float: left;
    margin: 0;
    margin-left: 5vw;
    padding: 0;
  }
  .menuAfirme #navbar.collapse {
    float: right;
    position: inherit;
    border: none;
    width: auto;
    background: transparent;
    margin-right: 5vw;
  }
  .menuAfirme #navbar {
    float: right;
    width: auto;
    position: unset;
  }
  .menuAfirme #navbar .contUserTools > li {
    float: left;
    list-style-type: none;
    width: auto;
    margin: 0 5px;
    margin-top: 0;
    position: inherit;
  }
  .menuAfirme #navbar .contUserTools li a {
    width: 100%;
    padding: 28px 0;
  }
  .menuAfirme #navbar .contUserTools li#fondoG.bgGris {
    background-color: rgba(30, 120, 111, 0.84);
  }
  .menuAfirme .navbar-brand {
    padding-top: 0;
  }
  .menuAfirme .navbar-brand img {
    width: auto;
    height: 40px;
    float: left;
    position: relative;
    margin-top: 22px;
  }
  .menuAfirme .showDesktop {
    display: block;
  }
  .menuAfirme .showMobile {
    display: none;
  }
  .menuAfirme .navbar-nav {
    position: inherit;
  }
  .menuAfirme .navbar-nav > li > .dropdown-menu {
    width: 100%;
    padding: 30px;
    border-radius: 0;
    background: linear-gradient(90deg, rgba(108, 216, 159, 0.9) 9%, rgba(91, 221, 210, 0.9) 100%);
  }
}
@media only screen and (min-width: 768px) {
  .contUserTools {
    float: left;
    position: relative;
  }
  .contUserTools li a {
    float: left;
    margin: 0 13px;
    margin-top: 0px;
    margin-top: 6px;
    position: relative;
  }
  .contUserTools a img {
    margin-top: 0;
  }
  .contUserTools .contInput {
    width: auto !important;
    background: none;
  }
  .contUserTools .contInput input[type=text] {
    width: 184px;
    border-bottom: none;
  }
  .contUserTools .dropdown-menu.backGrey {
    position: absolute;
    min-width: 260px;
    margin-top: 0;
    right: 0;
    left: auto;
  }
  .contUserTools .caretAfm {
    margin-top: 7px;
  }
}
@media only screen and (min-width: 768px) {
  .contUserTools.showMobile li a span {
    float: left;
    position: relative;
  }
  .contUserTools.showMobile li a img {
    float: left;
    position: relative;
  }
  .contUserTools.showMobile li a p {
    float: left;
    position: relative;
  }
}
@media only screen and (min-width: 768px) {
  #Buscador .form-control {
    background: rgba(0, 0, 0, 0.2);
    height: 45px;
    padding: 14px;
    color: #fff;
    border-bottom: none;
    width: 100%;
    float: left;
    position: relative;
    border-radius: 0;
  }
  #Buscador .form-control::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .contUserTools.showMobile.ingresa {
    position: relative;
  }
}
@media only screen and (min-width: 768px) {
  .contIngresar {
    width: 436px;
    margin-top: 0;
    position: absolute;
    right: 0;
    left: auto;
  }
  .contIngresar .contInfo {
    width: 156px;
  }
}
@media only screen and (min-width: 768px) {
  .tooltipHelp {
    background: transparent;
    border: none;
    width: auto;
    float: left;
  }
}
@media only screen and (min-width: 768px) {
  .icnTitulo h4 {
    width: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .itemContacto a {
    color: #858585;
    font-size: 17px;
    width: auto;
    float: left;
  }
  .itemContacto a.telAf {
    color: #858585;
    font-size: 17px;
    width: auto;
    float: left;
  }
}
@media only screen and (min-width: 1200px) {
  .izqMargen {
    left: -10px;
  }
}
footer.showMobile {
  display: block;
}

footer.showDesk {
  display: none;
}

footer {
  width: 100%;
  float: left;
  background: linear-gradient(90deg, #6CD89F 9%, #5BDDD2 100%);
  color: #1E786F;
}
footer h4 {
  width: 100%;
  font-size: 14px;
  text-transform: uppercase;
  text-align: left;
  margin: 14px 0;
  color: #1E786F;
}
footer ul {
  list-style-type: none;
}
footer ul li {
  width: 100%;
  float: left;
  position: relative;
}
footer ul li a {
  line-height: 1.5;
  width: auto;
  float: left;
  opacity: 0.8;
  font-weight: 400;
  font-size: 13px;
  color: #1E786F;
  letter-spacing: 0;
}
footer ul li a:hover {
  color: inherit;
}

ul.listIcons {
  display: inline;
}
ul.listIcons li {
  float: left;
  width: auto;
  margin: 0 5px;
}

ul li a span.glyphicon:before {
  padding-right: 10px;
}

ul.contacto li {
  margin-bottom: 13px;
}
ul.contacto li a {
  line-height: 1.5;
  width: auto;
  float: left;
  opacity: 0.8;
  font-weight: 400;
  font-size: 13px;
  color: #FFFFFF;
  letter-spacing: 0;
}
ul.contacto li a img {
  margin-right: 10px;
}

.footTop {
  width: 100%;
  float: left;
  color: #fff;
  padding: 35px 0;
  border-bottom: 1px solid transparent;
}

.footBottom {
  width: 100%;
  float: left;
  color: #fff;
  padding: 35px 0;
  border-bottom: 1px solid transparent;
}

.footLegales {
  width: auto;
  color: #1E786F;
  padding: 15px 0;
  display: table;
  margin: 0 auto;
}
.footLegales p {
  text-align: center;
  margin: 0;
  opacity: 0.8;
  font-weight: 400;
  font-size: 14px;
  color: #1E786F;
  letter-spacing: 0;
  width: auto;
  float: left;
}
.footLegales .madeBy {
  color: #00712B;
  opacity: 0.8;
  text-align: center;
  width: 100%;
  margin-left: 5px;
}
.footLegales .madeBy a {
  color: #00712B;
}
.footLegales .madeBy a:hover {
  color: #00712B;
  text-decoration: underline;
}

.acordionFooter {
  float: left;
  width: 100%;
  position: relative;
}

.footerMobile .panel {
  float: left;
  position: relative;
  width: 100%;
  background-color: transparent;
  border-color: unset;
  border: none;
  border-bottom: 1px solid transparent;
  border-radius: 0;
}
.footerMobile .panel-default > .panel-heading {
  color: #1E786F;
  background-color: transparent;
  border-color: unset;
  padding: 0;
  float: left;
  width: 100%;
}
.footerMobile .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent;
}
.footerMobile .panel-heading .panel-title a {
  width: 100%;
  float: left;
  position: relative;
  padding: 14px 0;
}
.footerMobile .panel-heading .panel-title a:hover {
  text-decoration: none;
}
.footerMobile .panel-heading .panel-title a:focus {
  text-decoration: none;
}
.footerMobile .panel-heading .panel-title a span {
  float: right;
}
.footerMobile .panel-heading .panel-title a span::after {
  content: url("../images/caretOpenBco.svg");
  color: #004069;
}
.footerMobile .panel-heading .panel-title a.collapsed span::after {
  content: url("../images/caretClosedBco.svg");
  color: #004069;
}
.footerMobile .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: unset;
}
.footerMobile .panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: unset;
}
.footerMobile .footTop {
  width: 100%;
  float: left;
  padding: 8px 0 22px 0;
  border-bottom: 1px solid transparent;
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  footer.showMobile {
    display: none;
  }

  footer.showDesk {
    display: block;
  }

  .footLegales .madeBy {
    color: #00712B;
    opacity: 0.8;
    text-align: center;
    width: auto;
    padding-left: 5px;
    display: table;
    margin: 0 auto;
  }
}
.showMobile {
  display: block;
}

.showDesktop {
  display: none;
}

.seccGeneral {
  width: 100%;
  float: left;
  position: relative;
  padding: 40px 0;
}

@media only screen and (min-width: 768px) {
  .showDesktop {
    display: block;
  }

  .showMobile {
    display: none;
  }
}
.containerAltL,
.containerAltR {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 24px;
  row-gap: 1.5rem;
  align-items: flex-start;
  margin-right: 0;
}

/* bloque info and info personal */
.bloqueInfo,
.infoPersonal {
  width: 100%;
  float: left;
  position: relative;
  padding: 40px 0;
  overflow: hidden;
}
.bloqueInfo .imgBack,
.infoPersonal .imgBack {
  width: 100%;
  float: left;
  position: relative;
}
.bloqueInfo .imgBack img,
.infoPersonal .imgBack img {
  width: 100%;
  float: left;
  position: relative;
}
.bloqueInfo .txtInfo,
.infoPersonal .txtInfo {
  width: 100%;
  float: left;
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.bloqueInfo .txtInfo h3,
.infoPersonal .txtInfo h3 {
  width: 100%;
  font-weight: 300;
  font-size: 25px;
  color: #1E786F;
  letter-spacing: 0;
  line-height: 27px;
}
.bloqueInfo .txtInfo h6,
.infoPersonal .txtInfo h6 {
  width: 100%;
  margin-bottom: 16px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 12px;
  color: #AAAAAA;
  letter-spacing: 0.86px;
}
.bloqueInfo .txtInfo p,
.infoPersonal .txtInfo p {
  width: 100%;
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 14px;
  color: #1E786F;
  letter-spacing: 0;
}
.bloqueInfo .txtInfo a:not(.btnGeneral),
.infoPersonal .txtInfo a:not(.btnGeneral) {
  color: #5680DD;
}

/* bloque info */
.bloqueInfo {
  background: #fff;
}
.bloqueInfo .imgBack {
  margin-bottom: 14px;
}
.bloqueInfo .txtInfo p span {
  font-weight: 400;
}

.containerAltL {
  margin: 0;
}

.centerV {
  width: auto;
  float: left;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

/* bloque info personal */
.infoPersonal {
  background: #C1FFF4;
}
.infoPersonal .txtInfo p span {
  font-weight: bold;
}

.containerAltR {
  margin-left: 0;
}

@media only screen and (min-width: 768px) {
  .showMobile {
    display: none;
  }

  .containerAltL,
.containerAltR {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    column-gap: 48px;
    column-gap: 3rem;
  }

  /* bloque info and info personal */
  .bloqueInfo .txtInfo,
.infoPersonal .txtInfo {
    padding-right: 7vw;
    padding-left: 7vw;
  }
  .bloqueInfo .txtInfo h6,
.infoPersonal .txtInfo h6 {
    margin-bottom: 0;
    font-size: 14px;
    letter-spacing: 1px;
  }
  .bloqueInfo .txtInfo h3,
.infoPersonal .txtInfo h3 {
    margin-top: 48px;
    margin-top: 3rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    font-weight: 300;
    font-size: 41px;
    letter-spacing: 0;
    line-height: 1.2;
  }
  .bloqueInfo .txtInfo p,
.infoPersonal .txtInfo p {
    font-size: 18px;
    letter-spacing: 0;
  }

  /* bloque info */
  .bloqueInfo .imgBack {
    margin-bottom: 0;
  }
  .bloqueInfo .txtInfo {
    margin-top: 50px;
  }
}
.contVideo {
  width: 100%;
  float: left;
  overflow: hidden;
  position: relative;
}
.contVideo .plyr__controls .plyr__volume {
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex: 1;
  position: relative;
}
.contVideo .plyr__control--overlaid {
  background: rgba(30, 120, 111, 0.9);
}
.contVideo .plyr--full-ui input[type=range] {
  color: #1E786F;
}

.seccTxtIzq .txtPersona .soluciones ul li a {
  width: auto !important;
}

.seccTxtDer .txtPersona .soluciones ul li a {
  width: auto !important;
}

/* NO PADDING */
.noPadding {
  padding: 0 !important;
  margin: 0 !important;
}

.seccTxtDer .rowAlt,
.seccTxtIzq .rowAlt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.seccTxtDer {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.seccTxtDer .txtPersona {
  width: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  padding: 40px 30px 40px 7vw;
}
.seccTxtDer .txtPersona h3 {
  width: 100%;
  text-align: left;
  font-weight: 200;
  font-size: 31px;
  color: #1E786F;
  text-align: center;
  letter-spacing: 0;
  margin: 0;
}
.seccTxtDer .txtPersona p {
  width: 100%;
  text-align: left;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  color: #00DBB3;
  letter-spacing: 0;
  margin-top: 10px;
  margin-bottom: 0;
}
.seccTxtDer .txtPersona p strong {
  font-weight: 600;
}
.seccTxtDer .txtPersona p a {
  color: #96d600;
}
.seccTxtDer .txtPersona .soluciones {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 23px;
}
.seccTxtDer .txtPersona .soluciones ul {
  width: 100%;
  float: left;
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}
.seccTxtDer .txtPersona .soluciones ul li {
  width: 100%;
  float: left;
  position: relative;
}
.seccTxtDer .txtPersona .soluciones ul li a {
  width: 100%;
  float: left;
  position: relative;
  font-weight: 200;
  font-size: 20px;
  color: #5680DD;
  letter-spacing: 0;
  text-align: center;
}
.seccTxtDer .txtPersona .soluciones ul li a:after {
  content: url("../images/arrowList_blue.svg");
  width: 10px;
  height: 15px;
  position: relative;
  margin-left: 10px;
}
.seccTxtDer .contImg {
  width: 100%;
  height: 350px;
  float: left;
  position: relative;
  overflow: hidden;
}
.seccTxtDer .contImg img {
  width: auto;
  position: absolute;
  max-width: none;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.seccTxtDer.ttlColorAlt .txtPersona h3 {
  color: #1E786F;
}

@media only screen and (min-width: 768px) {
  .seccTxtDer .contImg {
    height: 453px;
    overflow: hidden;
    display: block;
  }
  .seccTxtDer .contImg img {
    width: auto;
    min-width: 100%;
    position: absolute;
    max-width: none;
    height: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .seccTxtDer .contImg::before {
    position: absolute;
    content: "";
    background: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 85%, white 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(85%, rgba(255, 255, 255, 0.85)), color-stop(100%, white));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 85%, white 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 85%, white 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 85%, white 100%);
    background: linear-gradient(to left, #C1FFF4 0%, rgba(200, 244, 236, 0.715976) 43.94%, rgba(217, 217, 217, 0) 94.8%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
  }
  .seccTxtDer .txtPersona h3 {
    text-align: left;
    font-size: 41px;
  }
  .seccTxtDer .txtPersona p {
    text-align: left;
    font-size: 25px;
  }
  .seccTxtDer .txtPersona p strong {
    font-weight: 600;
  }
  .seccTxtDer .txtPersona .soluciones ul li a {
    font-size: 25px;
    text-align: left;
  }
}
.seccTxtIzq {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.seccTxtIzq .txtPersona {
  width: 100%;
  float: left;
  position: relative;
  padding: 40px 30px 40px 7vw;
}
.seccTxtIzq .txtPersona h3 {
  width: 100%;
  text-align: left;
  font-weight: 200;
  font-size: 31px;
  text-align: center;
  color: #1E786F;
  letter-spacing: 0;
  margin: 0;
}
.seccTxtIzq .txtPersona p {
  width: 100%;
  text-align: left;
  font-weight: 700;
  text-align: center;
  font-size: 20px;
  color: #00DBB3;
  letter-spacing: 0;
  margin-top: 10px;
  margin-bottom: 0;
}
.seccTxtIzq .txtPersona p strong {
  font-weight: 600;
}
.seccTxtIzq .txtPersona .soluciones {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 23px;
}
.seccTxtIzq .txtPersona .soluciones ul {
  width: 100%;
  float: left;
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}
.seccTxtIzq .txtPersona .soluciones ul li {
  width: 100%;
  float: left;
  position: relative;
}
.seccTxtIzq .txtPersona .soluciones ul li a {
  width: 100%;
  float: left;
  position: relative;
  font-weight: 200;
  font-size: 20px;
  color: #5680DD;
  letter-spacing: 0;
  text-align: center;
}
.seccTxtIzq .txtPersona .soluciones ul li a:after {
  content: url("../images/arrowList_blue.svg");
  width: 10px;
  height: 15px;
  position: relative;
  margin-left: 10px;
}
.seccTxtIzq .contImg {
  width: 100%;
  height: 350px;
  float: left;
  position: relative;
  overflow: hidden;
}
.seccTxtIzq .contImg img {
  width: auto;
  position: absolute;
  max-width: none;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.seccTxtIzq.ttlColorAlt .txtPersona h3 {
  color: #1E786F;
}

@media only screen and (min-width: 768px) {
  .seccTxtIzq .txtPersona h3 {
    font-size: 41px;
    text-align: left;
  }
  .seccTxtIzq .txtPersona p {
    font-size: 25px;
    text-align: left;
  }
  .seccTxtIzq .txtPersona p strong {
    font-weight: 600;
  }
  .seccTxtIzq .txtPersona .soluciones ul li a {
    font-size: 25px;
    text-align: left;
  }
  .seccTxtIzq .contImg {
    height: 453px;
    overflow: hidden;
    display: block;
  }
  .seccTxtIzq .contImg img {
    width: auto;
    min-width: 100%;
    position: absolute;
    max-width: none;
    height: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .seccTxtIzq .contImg::before {
    position: absolute;
    content: "";
    background: #fff;
    width: 65%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    background: white;
    background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.85) 15%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, white), color-stop(15%, rgba(255, 255, 255, 0.85)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.85) 15%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.85) 15%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.85) 15%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, #C1FFF4 0%, rgba(200, 244, 236, 0.715976) 43.94%, rgba(217, 217, 217, 0) 94.8%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
  }
}
@media only screen and (min-width: 768px) {
  .seccTxtDer .rowAlt,
.seccTxtIzq .rowAlt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
  }
}
/*====================================================================================*/
/*  SECCION CTA TARJETAS  */
/*====================================================================================*/
.ctaTarjetas {
  width: 100%;
  float: left;
  position: relative;
  background: #fff;
  z-index: 0;
  padding-bottom: 60px;
}
.ctaTarjetas .infoTarjeta {
  width: 100%;
  float: left;
  position: relative;
  padding: 56px 15px;
}
.ctaTarjetas .infoTarjeta h3 {
  font-weight: 200;
  font-size: 31px;
  color: #1E786F;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 16px;
}
.ctaTarjetas .infoTarjeta p {
  font-weight: 200;
  font-size: 20px;
  color: #1E786F;
  letter-spacing: 0;
  text-align: center;
}
.ctaTarjetas .infoTarjeta .contBtnAf {
  margin-top: 16px;
}
.ctaTarjetas .infoTarjeta .contBtnAf a {
  padding: 15px 20px;
}
.ctaTarjetas .contImg {
  width: 100%;
  float: left;
  position: relative;
}
.ctaTarjetas .contImg img {
  width: 100%;
  float: right;
  position: relative;
}
.ctaTarjetas .contenedorBotones {
  padding: 5vh 0;
}

.ctaTarjetas.ctaTarjetasAlt2 {
  width: 100%;
  float: left;
  position: relative;
  z-index: 0;
  padding-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .ctaTarjetas .infoTarjeta .contBtnAf {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) {
  .ctaTarjetas {
    margin-top: -240px;
    padding-top: 300px;
  }
  .ctaTarjetas .contenedorBotones {
    padding: 0;
    float: left;
  }
  .ctaTarjetas .infoTarjeta h3 {
    font-size: 41px;
    text-align: left;
  }
  .ctaTarjetas .infoTarjeta p {
    font-size: 25px;
    text-align: left;
  }
  .ctaTarjetas .contImg img {
    width: 70%;
  }

  .ctaTarjetas.ctaTarjetasAlt2 {
    padding-top: 65px;
    margin-top: 0;
  }
}
.gridCuentas {
  width: 100%;
  padding-top: 45px;
  overflow: hidden;
  /*Cuentas sin Chequera Visiòn Afirme*/
  /*Sin Chequera Básica*/
  /*Visión Jr*/
  /*Visión Digital*/
}
.gridCuentas:not(.gridAltern) {
  background-color: #C1FFF4;
}
.gridCuentas h2 {
  font-family: "Hind Vadodara", sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
  float: inline;
  position: relative;
  width: auto;
  padding: 0px 25px;
  margin: 0;
}
.gridCuentas img {
  width: auto;
  position: relative;
  padding-bottom: 10px;
  margin: 0 auto;
  display: table;
}
.gridCuentas .ttlSeccion {
  margin: 0 auto;
  margin-bottom: 62px;
  display: table;
  padding: 0;
}
.gridCuentas .ttlSeccion .iconoAncla {
  float: left;
  position: relative;
  width: 100%;
}
.gridCuentas .CuentasCList {
  float: left;
  position: relative;
  width: 100%;
}
.gridCuentas .contenedorBotones {
  width: 80%;
  display: table;
  margin: 0 auto;
  margin-top: 10px;
}
.gridCuentas .contenedorBotones .contBtnAf {
  width: 100%;
  margin: 5px 0;
}
.gridCuentas .contenedorBotones .contBtnAf a {
  width: auto;
  display: table;
  margin: 0 auto;
  width: 100%;
}
.gridCuentas .contenedorBotones .btnVerde,
.gridCuentas .contenedorBotones .btnBlanco {
  padding: 11px;
}
.gridCuentas .cuenta-tarjeta {
  margin: 0 auto;
  display: table;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0px 2px 5px #0000001a;
  position: relative;
  padding: 20px 0 30px 0;
  margin-bottom: 70px;
}
.gridCuentas .cuenta-tarjeta .imgTarjeta_Credito {
  width: 100%;
  max-height: 200px;
  position: relative;
  margin-top: -50px;
}
.gridCuentas .cuenta-tarjeta .imgTarjeta_Credito img {
  max-width: 100%;
  float: none;
  margin: 0 auto;
  display: table;
  padding-bottom: 0;
  z-index: 999;
  position: relative;
}
.gridCuentas .txt-cuenta-tarjeta {
  float: left;
  position: relative;
  width: 100%;
  padding: 0 20px;
  margin-bottom: 16px;
}
.gridCuentas .txt-cuenta-tarjeta h3 {
  position: relative;
  margin: 0 auto;
  display: table;
  color: #1E786F;
  font-weight: 500;
  font-size: 22px;
  padding: 30px 0 8px 0;
  text-align: center;
}
.gridCuentas .txt-cuenta-tarjeta h5 {
  position: relative;
  color: #1E786F;
  font-family: "Hind Vadodara", sans-serif;
  font-size: 17px;
  font-weight: 400;
  margin-top: 0;
  text-align: center;
}
.gridCuentas .txt-cuenta-tarjeta h6 {
  color: #00DBB3;
  font-family: "Hind Vadodara", sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  position: relative;
  margin-top: 21px;
  margin-bottom: 6px;
}
.gridCuentas .txt-cuenta-tarjeta ul {
  list-style: none;
  padding-left: 5px;
  position: relative;
}
.gridCuentas .txt-cuenta-tarjeta ul li {
  color: #1E786F;
  font-family: "Hind Vadodara", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
}
.gridCuentas .txt-cuenta-tarjeta ul li:before {
  content: "•";
  margin-right: 8px;
}
.gridCuentas .btnsinChequeraAfirme {
  width: 100%;
  position: relative;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  float: left;
  bottom: 0;
  left: 0;
}
.gridCuentas .sinChequeraBasica {
  margin: 0 auto;
  display: table;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
  position: relative;
  padding: 20px 20px 30px 20px;
  margin-bottom: 70px;
}
.gridCuentas .sinChequeraBasica .imgTarjeta_Credito {
  width: 100%;
  position: relative;
  margin-top: -50px;
}
.gridCuentas .sinChequeraBasica .imgTarjeta_Credito img {
  width: auto;
  float: inherit;
  margin: 0 auto;
  display: table;
  padding-bottom: 0;
  z-index: 999;
}
.gridCuentas .txtsinChequeraBasica {
  float: left;
  position: relative;
  width: 100%;
  padding: 0 20px;
}
.gridCuentas .txtsinChequeraBasica h3 {
  position: relative;
  margin: 0 auto;
  display: table;
  color: #333333;
  font-family: Source Sans Pro;
  font-size: 22px;
  font-weight: 300;
  padding: 30px 0 8px 0;
  text-align: center;
}
.gridCuentas .txtsinChequeraBasica h5 {
  position: relative;
  color: #696969;
  font-family: Source Sans Pro;
  font-size: 17px;
  font-weight: 400;
  margin-top: 0;
  text-align: center;
}
.gridCuentas .txtsinChequeraBasica h6 {
  color: #96d600;
  font-family: Source Sans Pro;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  position: relative;
  margin-top: 21px;
  margin-bottom: 6px;
}
.gridCuentas .txtsinChequeraBasica ul {
  list-style: none;
  padding-left: 5px;
  position: relative;
}
.gridCuentas .txtsinChequeraBasica ul li {
  color: #696969;
  font-family: Source Sans Pro;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
}
.gridCuentas .txtsinChequeraBasica ul li:before {
  content: "- ";
}
.gridCuentas .btnsinChequeraBasica {
  width: 100%;
  position: relative;
  margin: 0 auto;
  font-family: Source Sans Pro;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  float: left;
  bottom: 0;
  left: 0;
}
.gridCuentas .btnsinChequeraBasica .btnBlanco {
  background: #FFF;
  color: #6f6f6f;
  border-radius: 3px;
  padding: 15px 15px;
  border: 2px solid #009638;
  margin: 10px 15px;
  min-width: 170px;
}
.gridCuentas .btnsinChequeraBasica .btnVerde {
  background: #009638;
  padding: 17px 50px;
  color: #fff;
  margin-top: 10px;
  border-radius: 3px;
  margin: 0 15px;
  min-width: 170px;
}
.gridCuentas .sinChequeraJr {
  margin: 0 auto;
  display: table;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
  position: relative;
  padding: 20px 20px 30px 20px;
  margin-bottom: 70px;
}
.gridCuentas .sinChequeraJr .imgTarjeta_Credito {
  width: 100%;
  position: relative;
  margin-top: -50px;
}
.gridCuentas .sinChequeraJr .imgTarjeta_Credito img {
  width: auto;
  float: inherit;
  margin: 0 auto;
  display: table;
  padding-bottom: 0;
  z-index: 999;
}
.gridCuentas .txtsinChequeraJr {
  float: left;
  position: relative;
  width: 100%;
  padding: 0 20px;
}
.gridCuentas .txtsinChequeraJr h3 {
  position: relative;
  margin: 0 auto;
  display: table;
  color: #333333;
  font-family: Source Sans Pro;
  font-size: 22px;
  font-weight: 300;
  padding: 30px 0 8px 0;
  text-align: center;
}
.gridCuentas .txtsinChequeraJr h5 {
  position: relative;
  color: #696969;
  font-family: Source Sans Pro;
  font-size: 17px;
  font-weight: 400;
  margin-top: 0;
  text-align: center;
}
.gridCuentas .txtsinChequeraJr h6 {
  color: #96d600;
  font-family: Source Sans Pro;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  position: relative;
  margin-top: 21px;
  margin-bottom: 6px;
}
.gridCuentas .txtsinChequeraJr ul {
  list-style: none;
  padding-left: 5px;
  position: relative;
}
.gridCuentas .txtsinChequeraJr ul li {
  color: #696969;
  font-family: Source Sans Pro;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
}
.gridCuentas .txtsinChequeraJr ul li:before {
  content: "- ";
}
.gridCuentas .btnsinChequeraJr {
  width: 100%;
  position: relative;
  margin: 0 auto;
  font-family: Source Sans Pro;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  float: left;
  bottom: 0;
  left: 0;
}
.gridCuentas .btnsinChequeraJr .btnBlanco {
  background: #FFF;
  color: #6f6f6f;
  border-radius: 3px;
  padding: 15px 15px;
  border: 2px solid #009638;
  margin: 10px 15px;
  min-width: 170px;
}
.gridCuentas .btnsinChequeraJr .btnVerde {
  background: #009638;
  padding: 17px 50px;
  color: #fff;
  margin-top: 10px;
  border-radius: 3px;
  margin: 0 15px;
  min-width: 170px;
}
.gridCuentas .sinChequeraDigital {
  margin: 0 auto;
  display: table;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
  position: relative;
  padding: 20px 20px 30px 20px;
  margin-bottom: 25px;
}
.gridCuentas .sinChequeraDigital .imgTarjeta_Credito {
  width: 100%;
  position: relative;
  margin-top: -50px;
}
.gridCuentas .sinChequeraDigital .imgTarjeta_Credito img {
  width: auto;
  float: inherit;
  margin: 0 auto;
  display: table;
  padding-bottom: 0;
  z-index: 999;
}
.gridCuentas .txtsinChequeraDigital {
  float: left;
  position: relative;
  width: 100%;
  padding: 0 20px;
}
.gridCuentas .txtsinChequeraDigital h3 {
  position: relative;
  margin: 0 auto;
  display: table;
  color: #333333;
  font-family: Source Sans Pro;
  font-size: 22px;
  font-weight: 300;
  padding: 30px 0 8px 0;
  text-align: center;
}
.gridCuentas .txtsinChequeraDigital h5 {
  position: relative;
  color: #696969;
  font-family: Source Sans Pro;
  font-size: 17px;
  font-weight: 400;
  margin-top: 0;
  text-align: center;
}
.gridCuentas .txtsinChequeraDigital h6 {
  color: #96d600;
  font-family: Source Sans Pro;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  position: relative;
  margin-top: 21px;
  margin-bottom: 6px;
}
.gridCuentas .txtsinChequeraDigital ul {
  list-style: none;
  padding-left: 5px;
  position: relative;
}
.gridCuentas .txtsinChequeraDigital ul li {
  color: #696969;
  font-family: Source Sans Pro;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
}
.gridCuentas .txtsinChequeraDigital ul li:before {
  content: "- ";
}
.gridCuentas .btnsinChequeraDigital {
  width: 100%;
  position: relative;
  margin: 0 auto;
  font-family: Source Sans Pro;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  float: left;
  bottom: 0;
  left: 0;
}
.gridCuentas .btnsinChequeraDigital .btnBlanco {
  color: #6f6f6f;
  border-radius: 3px;
  padding: 15px 15px;
  margin: 10px 15px;
  min-width: 170px;
}
.gridCuentas .btnsinChequeraDigital .btnVerde {
  padding: 17px 50px;
  margin-top: 10px;
  border-radius: 3px;
  margin: 0 15px;
  min-width: 170px;
}

/*Cuentas sin Chequera Visiòn Afirme*/
.gridCuentas.gridAltern .cuenta-tarjeta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
  background: linear-gradient(180deg, rgba(80, 255, 224, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);
}
.gridCuentas.gridAltern .cuenta-tarjeta .imgTarjeta_Credito {
  position: relative;
  float: left;
  width: 65%;
  height: 250px;
  overflow: hidden;
  -webkit-box-shadow: 0 28px 31px -17px #00000080, 0 1px 4px #f8c14c4d, 0 0 40px #0000001a inset;
  -moz-box-shadow: 0 28px 31px -17px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(248, 193, 76, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 28px 31px -17px #00000080, 0 1px 4px #f8c14c4d, 0 0 40px #0000001a inset;
  margin-top: -50px;
  left: 50%;
  transform: translate(-50%);
}
.gridCuentas.gridAltern .cuenta-tarjeta .imgTarjeta_Credito img {
  min-width: 100%;
  width: 150%;
  float: inherit;
  max-width: none;
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 999;
}
.gridCuentas.gridAltern .cuenta-tarjeta.EqualAltura {
  height: auto !important;
}

@media only screen and (min-width: 768px) {
  .gridCuentas {
    /*Cuentas Sin Chequera Digital*/
    /*Cuentas Sin Chequera jr*/
  }
  .gridCuentas img {
    float: left;
  }
  .gridCuentas .ttlSeccion .iconoAncla {
    width: auto;
  }
  .gridCuentas h2 {
    font-size: 41px;
    float: left;
  }
  .gridCuentas .contenedorBotones .contBtnAf input[type=button] {
    width: auto;
    display: table;
    margin: 0 auto;
    padding: 13px 5px !important;
    width: 100%;
  }
  .gridCuentas .contenedorBotones .contBtnAf a {
    padding: 13px 5px !important;
    width: 100%;
  }
  .gridCuentas .cuenta-tarjeta {
    padding: 20px 20px 30px 20px;
    margin-bottom: 50px;
  }
  .gridCuentas .cuenta-tarjeta .imgTarjeta_Credito img {
    max-width: 60%;
  }
  .gridCuentas .sinChequeraJr {
    margin-bottom: 25px;
  }
  .gridCuentas .sinChequeraBasica {
    margin-bottom: 50px;
  }
  .gridCuentas .sinChequeraDigital .imgTarjeta_Credito:before {
    height: 250px;
  }
  .gridCuentas .sinChequeraJr .imgTarjeta_Credito:before {
    height: 250px;
  }

  .CuentasConChequera .conChequeraLider {
    margin-bottom: 50px;
  }
}
.bgGris {
  background-color: #fff;
  float: left;
  position: relative;
  width: 100%;
}

.containerServicios {
  width: 100%;
  float: left;
  position: relative;
  padding: 0 0 14px;
  margin-top: -20px;
}
.containerServicios .container {
  padding: 0;
  width: 90%;
  max-width: 1170px;
}
.containerServicios .container > .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.servicios {
  width: 100%;
  float: left;
  position: relative;
  padding: 0;
}

.contIndicador,
.contContacto {
  height: 100% !important;
}

.contIndicador {
  width: 100%;
  float: left;
  position: relative;
  background: #fff;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
  padding: 18px 23px;
  margin-bottom: 10px;
  border-radius: 3px;
}

.contIndicadoresAlt {
  width: 100%;
  float: left;
  position: relative;
  border: 1px solid #1E786F;
}

.contenidoIndicador {
  width: 100%;
  float: left;
  position: relative;
}

.elementIndicador {
  width: 100%;
  float: left;
  position: relative;
}
.elementIndicador h3 {
  width: 100%;
  float: left;
  position: relative;
  text-align: left;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 7px;
  font-size: 16px;
  color: #1E786F;
  letter-spacing: 0;
}
.elementIndicador .contBtnAf.centerBtn {
  width: auto;
  float: none;
  display: table;
  margin: 0 auto;
}
.elementIndicador .contBtnAf a {
  width: auto;
}
.elementIndicador .contBtnAf input[type=button] {
  width: auto;
}

.contBtnCalculadora {
  width: 100%;
  float: left;
  position: relative;
}
.contBtnCalculadora .btnCalculadora {
  width: auto;
  float: left;
  position: relative;
  margin-top: 20px;
}
.contBtnCalculadora .btnCalculadora a {
  width: auto;
  float: left;
  font-weight: 400;
  font-size: 12px;
  color: #1E786F;
  letter-spacing: 0;
  padding: 6px 14px;
  background: #00DBB3;
  border-radius: 3px;
  transition: all 0.4s ease-in-out;
}
.contBtnCalculadora .btnCalculadora a:hover {
  background: #00B392;
  text-decoration: none;
}

.infoIndicador {
  width: 50%;
  float: left;
  position: relative;
  margin-right: 0;
}
.infoIndicador h4 {
  margin-top: 0;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 14px;
  color: #555555;
  letter-spacing: 0;
  float: left;
  width: 100%;
}
.infoIndicador p {
  font-weight: 600;
  text-align: left;
  margin-bottom: 0;
  font-size: 16px;
  color: #555555;
  letter-spacing: 0;
  float: left;
  position: relative;
  width: 100%;
}

.elementIndicadorAlt {
  width: auto;
  margin: 0 auto;
  display: table;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  float: left;
}
.elementIndicadorAlt .infoIndicador {
  width: auto;
  float: left;
  position: relative;
  margin-bottom: 6px;
  padding: 0 5px;
}
.elementIndicadorAlt .infoIndicador h4 {
  margin-top: 0;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 0;
  width: auto;
  float: left;
  padding-right: 5px;
  font-size: 14px;
  color: #1E786F;
  letter-spacing: 0;
}
.elementIndicadorAlt .infoIndicador p {
  font-weight: 400;
  text-align: center;
  margin-bottom: 0;
  width: auto;
  float: left;
  line-height: 1.2;
  font-family: Source Sans Pro;
  font-size: 14px;
  color: #555555;
  letter-spacing: 0;
}

.contPie {
  width: 100%;
  float: left;
  position: relative;
}
.contPie p {
  font-weight: 400;
  font-size: 12px;
  color: #AAAAAA;
  letter-spacing: 0;
  margin: 0;
}

.contContacto {
  width: 100%;
  float: left;
  position: relative;
  background: #fff;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
  padding: 18px 23px;
  border-radius: 3px;
}
.contContacto .chatStatus h4 {
  color: #1E786F;
}

.contenidoIndicadorAlt {
  width: 100%;
  float: left;
  position: relative;
}

.contContacto .headContacto h3 {
  width: auto;
  float: left;
  position: relative;
  margin-top: 0;
  font-weight: 700;
  font-size: 18px;
  color: #1E786F;
  letter-spacing: 0;
}
.contContacto .headContacto a {
  width: auto;
  float: right;
  position: relative;
  font-size: 15px;
  text-decoration: underline;
}

.listContacto {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 10px;
}

.listContacto ul {
  padding-left: 0;
  list-style-type: none;
  width: 100%;
  position: relative;
}

.listContacto ul li {
  width: auto;
  float: left;
  position: relative;
}

.itemContacto {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 10px;
}

.icnContacto {
  width: auto;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  align-items: center;
}

.itemContacto img {
  min-width: 25px;
  float: left;
  margin-right: 10px;
}

.itemContacto a,
.itemContacto a.telAf {
  color: #555555;
  font-size: 18px;
  width: auto;
  float: left;
}

@media only screen and (min-width: 768px) {
  .servicios {
    padding: 0 0 30px;
  }

  .containerServicios {
    padding: 0 0 40px 0;
    margin-top: -40px;
  }
  .containerServicios .container .row {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .contIndicador {
    margin-top: 0;
    margin-bottom: 0;
  }

  .infoIndicador h4 {
    margin-top: 0;
    font-size: 16px;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 0;
  }
  .infoIndicador p {
    font-size: 20px;
  }

  .elementIndicador h3 {
    font-weight: 700;
    font-size: 18px;
  }

  .contBtnCalculadora .btnCalculadora a {
    font-size: 17px;
  }
}
/* OPACITY LIGHT */
.item.backLight.opacity0::before {
  opacity: 0 !important;
}

.item.backLight.opacity10::before {
  opacity: 0.1 !important;
}

.item.backLight.opacity20::before {
  opacity: 0.2 !important;
}

.item.backLight.opacity30::before {
  opacity: 0.3 !important;
}

.item.backLight.opacity40::before {
  opacity: 0.4 !important;
}

.item.backLight.opacity50::before {
  opacity: 0.5 !important;
}

/* OPACITY DARK */
.item.backDark.opacity0::before {
  opacity: 0 !important;
}

.item.backDark.opacity10::before {
  opacity: 0.1 !important;
}

.item.backDark.opacity20::before {
  opacity: 0.2 !important;
}

.item.backDark.opacity30::before {
  opacity: 0.3 !important;
}

.item.backDark.opacity40::before {
  opacity: 0.4 !important;
}

.item.backDark.opacity50::before {
  opacity: 0.5 !important;
}

/* BACK SLIDE */
.carouselHome .carousel .carousel-inner .item.backLight::before {
  height: 100%;
  background: white;
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, white));
  background: -webkit-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.2) 100%);
  background: #415685;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#fefefe", GradientType=0);
}
.carouselHome .carousel .carousel-inner .item.backLight .carousel-caption h1 {
  color: #fff !important;
}
.carouselHome .carousel .carousel-inner .item.backLight .carousel-caption p {
  color: #fff !important;
}
.carouselHome .carousel .carousel-inner .item.backDark::before {
  opacity: 0 !important;
  background: white;
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, white));
  background: -webkit-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.2) 100%);
  background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#fefefe", GradientType=0);
}
.carouselHome .carousel .carousel-inner .item.backDark .carousel-caption h1 {
  color: #fff !important;
}
.carouselHome .carousel .carousel-inner .item.backDark .carousel-caption p {
  color: #fff !important;
}

.carouselHome {
  width: 100%;
  float: left;
  position: relative;
  padding: 0;
}
.carouselHome .carousel {
  width: 100%;
  height: 350px;
  margin-bottom: 0;
  float: left;
  position: relative;
  overflow: hidden;
}
.carouselHome .carousel .contBullets ol {
  position: relative;
  float: left;
  width: auto;
  bottom: 0;
  left: unset;
  margin-left: 0;
}
.carouselHome .carousel .contBullets ol li {
  display: list-item;
  margin-bottom: 10px;
  border-color: #C1FFF4;
}
.carouselHome .carousel .contBullets ol li.active {
  background-color: #C1FFF4;
}
.carouselHome .carousel .item {
  height: 450px;
}
.carouselHome .carousel .item:before {
  position: absolute;
  content: "";
  background-color: #242a2d;
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 1;
  background: white;
  background: -moz-linear-gradient(top, white 0%, rgba(254, 254, 254, 0) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, rgba(254, 254, 254, 0)));
  background: -webkit-linear-gradient(top, white 0%, rgba(254, 254, 254, 0) 100%);
  background: -o-linear-gradient(top, white 0%, rgba(254, 254, 254, 0) 100%);
  background: -ms-linear-gradient(top, white 0%, rgba(254, 254, 254, 0) 100%);
  background: linear-gradient(to bottom, white 0%, rgba(254, 254, 254, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#fefefe", GradientType=0);
}
.carouselHome .contBullets {
  position: absolute;
  left: 1vw;
  top: 50%;
  width: auto;
  margin-left: 0;
  -webkit-transform: translate(-50%, auto);
  -moz-transform: translate(-50%, auto);
  -ms-transform: translate(-50%, auto);
  -o-transform: translate(-50%, auto);
  transform: translate(-50%, auto);
}
.carouselHome .carousel-caption {
  top: auto;
  left: auto;
  position: relative;
  right: auto;
  left: 7%;
  width: 90%;
  margin-top: 100px;
  float: left;
  padding-top: 0;
}
.carouselHome .carousel-caption h1 {
  text-align: center;
  width: 100%;
  float: left;
  margin-top: 0;
  font-size: 25px;
  color: #333333;
  letter-spacing: 0;
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 700;
}
.carouselHome .carousel-caption p {
  text-align: center;
  width: 100%;
  float: left;
  position: relative;
  line-height: 1.5;
  font-weight: 300;
  font-size: 14px;
  color: #6f6f6f;
  letter-spacing: 0;
  text-shadow: none;
}
.carouselHome .contBtnAf.centerBtn {
  width: auto;
  display: table;
  margin: 0 auto;
  float: none;
}
.carouselHome .btnGeneral {
  margin-top: 16px;
  border-radius: 3px;
  font-size: 16px;
  float: left;
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-shadow: none;
}
.carouselHome .item .first-slide {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
}
.carouselHome .item .second-slide {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
}

.imgCarruselHome {
  width: 100%;
  float: left;
  position: relative;
}

.carouselHome .contBullets {
  position: absolute;
  left: 5vw;
  top: 45%;
  width: auto;
  margin-left: 0;
  -webkit-transform: translate(-50%, auto);
  -moz-transform: translate(-50%, auto);
  -ms-transform: translate(-50%, auto);
  -o-transform: translate(-50%, auto);
  transform: translate(-50%, auto);
}

.imgCarruselHome img {
  max-width: none;
  min-width: 100%;
  position: absolute;
  height: 450px;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, -20%);
  -moz-transform: translate(-50%, -20%);
  -ms-transform: translate(-50%, -20%);
  -o-transform: translate(-50%, -20%);
  transform: translate(-50%, -20%);
}

@media only screen and (max-width: 767px) {
  .carouselHome .carousel-caption {
    margin-top: 40px;
  }
  .carouselHome .carousel-caption .contBtnAf .btnGeneral {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 500px) {
  .imgCarruselHome img {
    max-width: auto;
    min-width: 50%;
    position: absolute;
    height: 450px;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-6%, 14%);
    -moz-transform: translate(-6%, 14%);
    -ms-transform: translate(-6%, 14%);
    -o-transform: translate(-6%, 14%);
    transform: translate(-6%, -14%);
  }
}
@media only screen and (min-width: 768px) {
  .carouselHome .carousel .carousel-inner .item.backDark::before {
    position: absolute;
    content: "";
    background-color: cyan !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    background: #333;
  }

  .carouselHome .carousel-caption {
    width: 35vw;
    margin-top: 15vh;
  }
  .carouselHome .carousel-caption h1 {
    color: #fff;
    font-size: 46px;
    font-weight: 300;
    text-align: left;
    width: 100%;
    float: left;
    margin-top: 0;
    font-size: 46px;
  }
  .carouselHome .carousel-caption p {
    color: #fff;
    font-size: 22px;
    text-align: left;
  }
  .carouselHome .carousel {
    width: 100%;
    height: 70vh;
  }
  .carouselHome .carousel .item {
    height: 70vh;
  }
  .carouselHome .carousel .item:before {
    position: absolute;
    content: "";
    background-color: #242a2d;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    background: white;
    background: -moz-linear-gradient(top, white 0%, rgba(254, 254, 254, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, rgba(254, 254, 254, 0)));
    background: -webkit-linear-gradient(top, white 0%, rgba(254, 254, 254, 0) 100%);
    background: -o-linear-gradient(top, white 0%, rgba(254, 254, 254, 0) 100%);
    background: -ms-linear-gradient(top, white 0%, rgba(254, 254, 254, 0) 100%);
    background: linear-gradient(to bottom, white 0%, rgba(254, 254, 254, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#fefefe", GradientType=0);
  }
  .carouselHome .contBtnAf.centerBtn {
    display: unset;
  }

  .carouselHome .carousel {
    width: 100%;
    height: 500px;
  }
  .carouselHome .carousel-caption {
    top: auto;
    left: auto;
    position: relative;
    right: auto;
    width: 90%;
    left: 10%;
    margin-top: 18vh;
    float: left;
    padding-top: 0;
  }

  .imgCarruselHome img {
    max-width: none;
    min-width: 100%;
    position: absolute;
    left: 50%;
    height: 600px;
    -webkit-transform: translate(-50%, -10%);
    -moz-transform: translate(-50%, -10%);
    -ms-transform: translate(-50%, -10%);
    -o-transform: translate(-50%, -10%);
    transform: translate(-50%, -10%);
  }
}
@media only screen and (min-width: 1024px) {
  .carouselHome .carousel-caption {
    top: auto;
    left: auto;
    position: relative;
    right: auto;
    width: 70%;
    left: 10%;
    margin-top: 12vh;
    float: left;
    padding-top: 0;
  }
  .carouselHome .carousel-caption p {
    text-align: left;
    width: 90%;
    padding-right: 20%;
    float: left;
    position: relative;
    line-height: 1.5;
    font-weight: 300;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .carouselHome .carousel {
    width: 100%;
    height: 70vh;
  }
  .carouselHome .carousel-caption {
    top: 0;
    left: auto;
    position: relative;
    right: auto;
    width: 50%;
    left: 10%;
    float: left;
    padding-top: 0;
  }
  .carouselHome .carousel-caption p {
    text-align: left;
    width: 90%;
    padding-right: 0;
    float: left;
    position: relative;
    line-height: 1.5;
    font-weight: 300;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0;
  }

  .imgCarruselHome img {
    max-width: none;
    min-width: 100%;
    position: absolute;
    height: auto;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
/*TABS*/
#exTab1 .tab-content {
  color: white;
  background-color: #428bca;
  padding: 5px 15px;
}

#exTab2 h3 {
  color: white;
  background-color: #428bca;
  padding: 5px 15px;
}

/* change border radius for the tab , apply corners on top*/
#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0;
}
#exTab3 .tab-content {
  color: white;
  background-color: #428bca;
  padding: 5px 15px;
}

.PruebaModal .nav-pills li {
  width: 100%;
  float: left;
  position: relative;
}

.modalAyuda {
  float: left;
  position: relative;
  width: 100%;
}
.modalAyuda .modal.in .modal-dialog {
  z-index: 99999;
}
.modalAyuda .modal-body {
  float: left;
  position: relative;
  width: 100%;
}
.modalAyuda .modal-content {
  background: none;
}
.modalAyuda .modal-content .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.modalAyuda .mostrarInfo {
  display: block;
}
.modalAyuda .ocultarInfo {
  display: none;
}
.modalAyuda .modal-left {
  float: left;
  position: relative;
  width: 100%;
  padding: 40px 20px;
  background: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.modalAyuda .modal-left .imgModal {
  width: 15%;
  position: relative;
}
.modalAyuda .modal-left .imgModal img {
  width: auto;
  position: relative;
  float: left;
}
.modalAyuda .modal-left .ttlModalLeft {
  float: left;
  position: relative;
  width: 85%;
}
.modalAyuda .modal-left .ttlModalLeft h2 {
  color: #1E786F;
  font-size: 31px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: left;
  float: left;
  position: relative;
  width: 90%;
  margin: 0px 15px;
}
.modalAyuda .modal-left .cntAyuda {
  float: left;
  position: relative;
  width: 100%;
  padding: 25px 0 0 10px;
}
.modalAyuda .modal-left .cntAyuda .txtAyuda {
  float: left;
  position: relative;
  width: 100%;
  padding: 5px 0;
}
.modalAyuda .modal-left .cntAyuda .txtAyuda p {
  color: #333333;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: left;
  margin: 0;
}
.modalAyuda .txtAyuda.margen {
  padding-top: 17px;
  float: left;
  position: relative;
  width: 100%;
}
.modalAyuda .txtAyuda ul {
  list-style: none;
  float: left;
  position: relative;
  width: 100%;
  -webkit-padding-start: 0;
  padding-left: 0;
}
.modalAyuda .txtAyuda ul li {
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
.modalAyuda .txtAyuda ul li a {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  background: transparent;
  font-weight: 200;
  font-size: 20px;
  letter-spacing: 0;
  text-align: left;
  padding: 5px;
}
.modalAyuda .txtAyuda ul li a:hover {
  text-decoration: underline;
  border-radius: 0;
}
.modalAyuda .txtAyuda ul li a:after {
  content: url(../images/arrowList-black.svg);
  width: 10px;
  height: 15px;
  position: relative;
  margin-left: 10px;
}
.modalAyuda .txtAyuda ul li.active a {
  background: #C1FFF4;
  color: #5680DD;
  border-radius: 0;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.modalAyuda .txtAyuda ul li.active a:after {
  content: url(../images/arrowList-blue.svg);
}
.modalAyuda input[type=email] {
  background: transparent;
  border-bottom: 1px solid #333;
  float: left;
  position: relative;
  width: 90%;
  font-family: Source Sans Pro;
  font-size: 20px;
  outline: none;
  font-weight: 100;
}
.modalAyuda input[type=email]::placeholder {
  font-size: 20px;
  color: #b2b2b2;
  font-weight: 100;
}
.modalAyuda input[type=email]:focus {
  border-bottom: 2px solid #009539;
  font-weight: 100;
}
.modalAyuda .contBtnAf.centerBtn {
  padding: 10px 0;
}
.modalAyuda a.btnGeneral {
  padding: 10px 40px;
}
.modalAyuda .contBtnAf a:hover {
  background: #006F2A !important;
  text-decoration: none;
  color: #fff;
}
.modalAyuda .contBtnAf input[type=button]:hover {
  background: #006F2A !important;
  text-decoration: none;
  color: #fff;
}
.modalAyuda .modal-right {
  background: #C1FFF4;
  float: left;
  position: relative;
  width: 100%;
  padding: 40px 20px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.modalAyuda .modal-right .ttlModalLeft {
  float: left;
  position: relative;
  width: 100%;
}
.modalAyuda .modal-right .ttlModalLeft h2 {
  color: #1E786F;
  font-size: 31px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: left;
  width: auto;
  float: left;
  position: relative;
  margin: 0;
}
.modalAyuda .modal-right .ttlModalLeft span {
  font-size: 31px;
  float: left;
  position: relative;
  width: auto;
  font-weight: 200;
  margin: 0;
  bottom: 6px;
}
.modalAyuda .modal-right .cntAyudaRight {
  float: left;
  position: relative;
  width: 100%;
  padding: 7px 0 0;
}
.modalAyuda .modal-right .cntAyudaRight p {
  color: #1E786F;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: left;
}
.modalAyuda .showDesktopLarge {
  display: none;
}
.modalAyuda .showMobileLarge {
  display: block;
}

.btn-cerrar {
  float: left;
  position: relative;
  width: 100%;
  background: 0;
  border: 0;
  outline: none;
}
.btn-cerrar:before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: text-top;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/cerrar.svg);
}

input[type=text] {
  background: transparent;
  border-bottom: 1px solid #333;
  float: left;
  position: relative;
  width: 90%;
  font-family: Source Sans Pro;
  font-size: 20px;
  outline: none;
  font-weight: 100;
}

input[type=button] {
  background: transparent;
  border-bottom: 1px solid #333;
  float: left;
  position: relative;
  width: 90%;
  font-family: Source Sans Pro;
  font-size: 20px;
  outline: none;
  font-weight: 100;
}

input[type=submit] {
  background: transparent;
  border-bottom: 1px solid #333;
  float: left;
  position: relative;
  width: 90%;
  font-family: Source Sans Pro;
  font-size: 20px;
  outline: none;
  font-weight: 100;
}

textarea {
  background: transparent;
  border-bottom: 1px solid #333;
  float: left;
  position: relative;
  width: 90%;
  font-family: Source Sans Pro;
  font-size: 20px;
  outline: none;
  font-weight: 100;
}

.modal-header {
  float: right;
  position: relative;
  width: auto;
  margin: -24px;
  padding: 0;
  border-bottom: 0;
}

.modal-headerMobile {
  float: right;
  position: relative;
  width: auto;
  margin: -17px 0;
  padding: 0;
  border-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .modalAyuda .modal-content {
    background: none;
  }
  .modalAyuda .modal-content .row {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .modalAyuda .modal-left {
    padding: 38px 0 30px 50px;
    min-height: 520px;
  }
  .modalAyuda .modal-left .ttlModalLeft h2 {
    margin: -5px 13px;
    width: 100%;
    font-size: 41px;
  }
  .modalAyuda .modal-left .cntAyuda .txtAyuda p {
    font-size: 25px;
  }
  .modalAyuda .modal-right {
    padding: 35px;
    min-height: 520px;
    height: 100%;
  }
  .modalAyuda .modal-right .ttlModalLeft h2 {
    font-size: 41px;
  }
  .modalAyuda .modal-right .ttlModalLeft span {
    font-size: 41px;
  }
  .modalAyuda .modal-right .cntAyudaRight p {
    font-size: 25px;
  }
  .modalAyuda .txtAyuda ul li a {
    font-size: 25px;
  }
}
@media only screen and (min-width: 992px) {
  .modalAyuda .showDesktopLarge {
    display: block;
  }
  .modalAyuda .showMobileLarge {
    display: none;
  }
  .modalAyuda .modal-left {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
  }
  .modalAyuda .modal-right {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
  }
}
.ttlHeadLg .contInfo {
  z-index: 9999;
}

/* OPACITY BACK INTERIORES */
.ttlHeadLg .contImgTtl.opacity0::before {
  opacity: 0 !important;
}
.ttlHeadLg .contImgTtl.opacity10::before {
  opacity: 0.1 !important;
}
.ttlHeadLg .contImgTtl.opacity20::before {
  opacity: 0.2 !important;
}
.ttlHeadLg .contImgTtl.opacity30::before {
  opacity: 0.3 !important;
}
.ttlHeadLg .contImgTtl.opacity40::before {
  opacity: 0.4 !important;
}
.ttlHeadLg .contImgTtl.opacity50::before {
  opacity: 0.5 !important;
}

/* BACK HEADER INTERIORES */
.ttlHeadLg .contImgTtl::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.3;
  background: white;
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, white));
  background: -webkit-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.2) 100%);
  background: #415685;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#fefefe", GradientType=0);
}

.ttlHeadLg {
  width: 100%;
  float: left;
  position: relative;
  padding-bottom: 10px;
  z-index: 1;
}
.ttlHeadLg .contImgTtl {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  height: 350px;
}
.ttlHeadLg .contImgTtl img {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ttlHeadLg .overlay {
  position: absolute;
  z-index: 0;
  bottom: 10px;
  height: 300px;
  opacity: 0.3;
  background: white;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #3ae003 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #3ae003));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #3ae003 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #3ae003 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #3ae003 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #3ae003 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#3ae003", GradientType=0);
  float: left;
  width: 100%;
}
.ttlHeadLg .contInfo {
  position: absolute;
  width: 100%;
}
.ttlHeadLg .contTtl {
  width: 100%;
  text-align: center;
  margin-top: 15vh;
}
.ttlHeadLg .contTtl h1,
.ttlHeadLg .contTtl h3,
.ttlHeadLg .contTtl p {
  color: #fff;
}
.ttlHeadLg .contTtl h1 {
  font-weight: 700;
  font-size: 25px;
  letter-spacing: 0;
}
.ttlHeadLg .contTtl h3 {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}
.ttlHeadLg .contTtl p {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0;
}

@media only screen and (min-width: 768px) {
  .ttlHeadLg .overlay {
    bottom: 0;
  }
  .ttlHeadLg .contImgTtl {
    height: 650px;
  }
  .ttlHeadLg .contInfo {
    padding: 36px 0;
  }
  .ttlHeadLg .contTtl {
    margin-top: 50px;
    padding: 36px 0;
  }
  .ttlHeadLg .contTtl h1 {
    font-size: 64px;
    line-height: 61px;
  }
  .ttlHeadLg .contTtl p {
    font-size: 24px;
  }
}
.contBread {
  width: 100%;
  float: left;
  position: relative;
  padding-top: 0;
  margin-top: 20px;
}
.contBread .breadcrumb {
  background-color: transparent;
  margin-bottom: 0;
  text-align: left;
  padding: 0;
}
.contBread .breadcrumb .active {
  color: #fff;
  font-size: 11px;
  letter-spacing: 0.93px;
}
.contBread .breadcrumb > li + li::before {
  padding: 0 5px;
  color: #fff;
  content: url("../images/angleBread.svg");
}
.contBread ol li {
  font-weight: 400;
  font-size: 11px;
}
.contBread ol li a {
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  letter-spacing: 0;
}

@media only screen and (min-width: 768px) {
  .contBread {
    width: auto;
    position: relative;
    margin-top: 0;
  }

  .breadTC ol li a {
    font-size: 14px;
  }
  .breadTC .breadcrumb .active {
    font-size: 14px;
  }
}
.compartirTC {
  padding-top: 0;
  float: right;
  position: relative;
  margin-top: -20px;
  margin-right: 10px;
}

.RedesSocialesTC {
  float: left;
  width: auto;
  position: relative;
  color: #fff;
  padding-left: 0;
}
.RedesSocialesTC p {
  font-family: Source Sans Pro;
  font-size: 12px;
  margin: 4px 0;
  font-weight: 400;
  display: none;
}

.contIconoRS_TC {
  float: left;
  position: relative;
  width: auto;
}

.iconRS_TC {
  float: left;
  position: relative;
  width: auto;
  left: 10px;
}
.iconRS_TC img {
  padding: 0 3px;
  cursor: pointer;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .compartirTC {
    width: auto;
    position: relative;
    float: right;
    padding-top: 0;
    margin-top: 0;
    margin-right: 0;
  }

  .RedesSocialesTC {
    float: left;
    width: auto;
    padding-top: 0;
  }
  .RedesSocialesTC p {
    font-size: 14px;
    text-align: right;
    display: table;
  }

  .iconRS_TC {
    left: 0;
    padding-top: 4px;
  }
  .iconRS_TC img {
    padding: 0 10px;
    cursor: pointer;
  }
}
.carousel-control.left,
.carousel-control.right {
  background: transparent;
}

.backGris:has(.seccCarruselInfo) {
  background-color: #C1FFF4;
}

.seccCarruselInfo {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 10px;
  margin-bottom: 60px;
  z-index: 9;
}
.seccCarruselInfo .carruselAfm {
  width: 100%;
  margin: 0 auto;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
  height: auto;
}
.seccCarruselInfo .carruselAfm .item {
  height: auto;
}
.seccCarruselInfo .carruselAfm .item .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.seccCarruselInfo .carruselAfm .item .contLeft {
  width: 100%;
  float: left;
  position: relative;
  height: auto;
  overflow: hidden;
}
.seccCarruselInfo .carruselAfm .item .contLeft img {
  width: 100%;
  float: left;
  position: relative;
  max-width: unset;
  height: auto;
}
.seccCarruselInfo .carruselAfm .item .contRight {
  float: left;
  width: 100%;
  position: relative;
  padding: 39px 40px 60px;
}
.seccCarruselInfo .carruselAfm .item .contRight h4 {
  font-weight: 700;
  font-size: 31px;
  color: #1E786F;
  letter-spacing: 0;
  line-height: 43px;
  margin-bottom: 16px;
}
.seccCarruselInfo .carruselAfm .item .contRight p {
  font-weight: 200;
  font-size: 20px;
  color: #1E786F;
  letter-spacing: 0;
}
.seccCarruselInfo .carruselAfm .contBtnAf {
  width: auto;
  float: left;
  position: relative;
  margin-top: 16px;
  margin-top: 1rem;
}
.seccCarruselInfo .carruselAfm .contBtnAf a {
  padding: 15px 30px;
  border-radius: 3px;
  font-size: 12px;
  float: left;
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.seccCarruselInfo .carruselAfm .controlsSlide {
  height: 30px;
  position: relative;
  width: 100%;
  float: right;
  margin-top: 20px;
}
.seccCarruselInfo .carruselAfm .carousel-indicators {
  bottom: -10px;
}
.seccCarruselInfo .carruselAfm .carousel-indicators li {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
  border: 1px solid #415685;
}
.seccCarruselInfo .carruselAfm .carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #415685;
  border: 1px solid #415685;
}
.seccCarruselInfo .carousel {
  height: 100%;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .seccCarruselInfo .carruselAfm .item .row {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) {
  .seccCarruselInfo {
    margin-top: -250px;
  }
  .seccCarruselInfo .carruselAfm {
    height: 100%;
  }
  .seccCarruselInfo .carruselAfm .item .contRight h4 {
    font-size: 41px;
  }
  .seccCarruselInfo .carruselAfm .item .contRight p {
    font-size: 25px;
  }
  .seccCarruselInfo .carruselAfm .item .contLeft {
    height: 100%;
  }
  .seccCarruselInfo .carruselAfm .item .contLeft img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .seccCarruselInfo .carruselAfm .contBtnAf a {
    font-size: 16px;
  }
  .seccCarruselInfo .carruselAfm .controlsSlide {
    width: 40%;
    margin-top: -55px;
  }
}
.seccTitle {
  width: 100%;
  float: left;
  position: relative;
}
.seccTitle .tltSeccion {
  margin: 0 auto;
  display: table;
  padding-bottom: 20px;
  padding-top: 20px;
}
.seccTitle .tltSeccion h3 {
  color: #1E786F;
  font-family: "Hind Vadodara", sans-serif;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .seccTitle .tltSeccion {
    margin: 0 auto;
    display: table;
  }
  .seccTitle .tltSeccion h3 {
    padding: 35px;
  }
}
.seccApp {
  width: 100%;
  float: left;
  background: #fff;
  padding: 20px 0 0;
}
.seccApp .contDescarga h3 {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  width: 100%;
  font-weight: 300;
  font-size: 41px;
  color: #1E786F;
}
.seccApp .contDescarga p {
  width: 60%;
  font-weight: 400;
  font-size: 16px;
  color: #1E786F;
}
.seccApp .contDescarga .contBtnAf.contorno {
  width: auto;
  margin-top: 11px;
  margin-right: 17px;
}
.seccApp .contDescarga .contenedorBotones {
  margin-top: 16px;
  margin-top: 1rem;
}
.seccApp .contimg {
  width: auto;
  margin-top: 60px;
}
.seccApp .contimg img {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .seccApp .contDescarga .contenedorBotones {
    margin-left: 0;
  }
}
.gridIcnBeneficios {
  float: left;
  position: relative;
  width: 100%;
  background: #C1FFF4;
}
.gridIcnBeneficios .tltSeccion {
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding-top: 45px;
  padding-bottom: 60px;
}
.gridIcnBeneficios .tltSeccion h2 {
  width: 100%;
  float: left;
  position: relative;
  color: #1E786F;
  font-family: "Hind Vadodara", sans-serif;
  font-size: 41px;
  font-weight: 700;
  text-align: center;
}
.gridIcnBeneficios .tltSeccion p {
  color: #1E786F;
  font-family: "Hind Vadodara", sans-serif;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  padding: 0 30px;
}
.gridIcnBeneficios .separacion {
  padding-bottom: 0px;
}
.gridIcnBeneficios .icnCtn {
  margin-bottom: 32px;
}
.gridIcnBeneficios .icnCtn .imgIcnCtn {
  float: left;
  position: relative;
  width: 100%;
  min-height: 100px;
}
.gridIcnBeneficios .icnCtn .imgIcnCtn img {
  margin: 0 auto;
  display: table;
  width: auto;
  height: 70px;
}
.gridIcnBeneficios .icnCtn p {
  color: #1E786F;
  font-family: "Hind Vadodara", sans-serif;
  font-size: 25px;
  font-weight: 300;
  text-align: center;
  padding: 10px;
}

@media only screen and (min-width: 768px) {
  .gridIcnBeneficios .separacion {
    padding-bottom: 50px;
  }
  .gridIcnBeneficios .tltSeccion p {
    font-size: 25px;
    padding: 0 30px;
  }
  .gridIcnBeneficios .row {
    margin-bottom: 80px;
  }
  .gridIcnBeneficios .row:last-of-type {
    margin-bottom: 60px;
  }
  .gridIcnBeneficios .icnCtn {
    margin-bottom: 0;
  }
}
.anclasInline {
  float: left;
  position: relative;
  width: 100%;
  background: #fff;
}
.anclasInline .cntAnclas {
  margin: 0 auto;
  display: table;
  width: 100%;
}
.anclasInline .cntAnclas a {
  color: #1E786F;
  font-family: Source Sans Pro;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  padding: 5px;
  width: 100%;
  float: left;
  border-bottom: 1px solid #e5e1e1;
}
.anclasInline .cntAnclas a:hover {
  cursor: pointer;
  text-decoration: none;
}

@media only screen and (min-width: 768px) {
  .anclasInline .cntAnclas {
    padding: 15px;
    width: auto;
  }
  .anclasInline .cntAnclas a {
    width: auto;
    font-size: 20px;
    padding: 0 40px;
    border-bottom: 0px;
  }
}
.ttlHeadImage {
  width: 100%;
  float: left;
  position: relative;
  /*Título sección header*/
}
.ttlHeadImage .contImg {
  position: relative;
  width: 100%;
  height: 385px;
  overflow: hidden;
}
.ttlHeadImage .contImg::before {
  position: absolute;
  content: "";
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 1;
  opacity: 0.25;
  background: black;
  background: -moz-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.66) 45%, rgba(0, 0, 0, 0.25) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, black), color-stop(45%, rgba(0, 0, 0, 0.66)), color-stop(100%, rgba(0, 0, 0, 0.25)));
  background: -webkit-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.66) 45%, rgba(0, 0, 0, 0.25) 100%);
  background: -o-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.66) 45%, rgba(0, 0, 0, 0.25) 100%);
  background: -ms-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.66) 45%, rgba(0, 0, 0, 0.25) 100%);
  background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0.66) 45%, rgba(0, 0, 0, 0.25) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
  background-blend-mode: multiply;
}
.ttlHeadImage .contImg img {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  left: 50%;
  object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ttlHeadImage .contBreadRedes {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  z-index: 999;
  row-gap: 16px;
  top: 0;
  width: 100%;
  left: 0;
  padding: 0px 10px;
}
.ttlHeadImage .secTituloImage {
  position: absolute;
  top: 50%;
  z-index: 999;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  width: 100%;
  padding: 0 15px;
}
.ttlHeadImage .secTituloImage h1 {
  font-size: 25px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 16px;
}
.ttlHeadImage .secTituloImage h3 {
  font-size: 12px;
  margin: 10px 0;
  font-weight: 400;
  opacity: 0.7;
  text-transform: uppercase;
}
.ttlHeadImage .secTituloImage h4 {
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 16px;
  margin: 0;
}
.ttlHeadImage .txtTltHd {
  padding-top: 30px;
  width: auto;
  margin: 0 auto;
  display: table;
  text-align: center;
}
.ttlHeadImage .contBtnAf {
  width: 100%;
}
.ttlHeadImage .contBtnAf a {
  margin: 0 auto;
  padding: 15px 45px;
  display: table;
  float: initial;
  font-weight: 600;
  letter-spacing: 1px;
}
.ttlHeadImage .contBtnAf input[type=button] {
  margin: 0 auto;
  padding: 15px 45px;
  display: table;
  float: initial;
  font-weight: 600;
  letter-spacing: 1px;
}
.ttlHeadImage .imgCont {
  position: relative;
  width: auto;
  float: right;
}
.ttlHeadImage .imgCont img {
  width: 100%;
  padding: 20px 0;
  margin: 0 auto;
  display: none;
}

@media only screen and (min-width: 768px) {
  .ttlHeadImage .secTituloImage {
    padding: 0 85px;
  }
  .ttlHeadImage .secTituloImage h3 {
    font-size: 14px;
    font-size: 14px;
  }
  .ttlHeadImage .secTituloImage h1 {
    font-size: 41px;
  }
  .ttlHeadImage .secTituloImage h4 {
    font-size: 20px;
  }
  .ttlHeadImage .contBtnAf a {
    float: left;
  }
  .ttlHeadImage .contBtnAf input[type=button] {
    float: left;
  }
  .ttlHeadImage .contBreadRedes {
    padding: 20px 100px;
  }
  .ttlHeadImage .txtTltHd {
    padding-top: 30px;
    width: 100%;
    text-align: left;
  }
  .ttlHeadImage .imgCont img {
    display: table;
  }
}
.parrafoDescripcion {
  float: left;
  position: relative;
  width: 100%;
  background: #DAFFF8;
}
.parrafoDescripcion .txtDescrip {
  margin: 0 auto;
  display: table;
  padding: 60px;
}
.parrafoDescripcion .txtDescrip p {
  width: 100%;
  float: left;
  position: relative;
  color: #1E786F;
  font-size: 25px;
  font-weight: 300;
  text-align: center;
}

.bannerServicios {
  float: left;
  position: relative;
  width: 100%;
  background: #fff;
}
.bannerServicios .contImgServicios {
  width: 100%;
  z-index: 0;
  position: relative;
  float: left;
  height: 400px;
}
.bannerServicios .imgServicios {
  position: relative;
  float: left;
  width: 100%;
  z-index: 0;
  height: 400px;
  overflow: hidden;
  padding: 60px;
}
.bannerServicios .imgServicios img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.bannerServicios .tltSeccion {
  margin: 0 auto;
  display: table;
  padding: 40px 0;
}
.bannerServicios .tltSeccion h2 {
  color: #1E786F;
  font-size: 41px;
  font-weight: 700;
  text-align: center;
}
.bannerServicios .imgSeccion {
  position: relative;
  float: left;
  width: 100%;
}
.bannerServicios .txtImgLeft {
  display: none;
  position: absolute;
  height: 100%;
  z-index: -1;
  top: 50%;
  left: 0%;
  width: 60%;
  opacity: 0.5;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}
.bannerServicios .txtImgDer {
  display: none;
  position: absolute;
  height: 100%;
  z-index: -1;
  top: 50%;
  right: 0%;
  width: 60%;
  background: #d7d7d7;
  opacity: 0.5;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}
.bannerServicios .txtImgAb {
  position: absolute;
  height: 100%;
}
.bannerServicios .txtImgAb h2 {
  width: 100%;
  float: left;
  position: relative;
  color: #1E786F;
  font-size: 30px;
  font-weight: 400;
  text-align: left;
  z-index: 999;
  margin-top: 0;
}
.bannerServicios .txtImgAb p {
  width: 100%;
  float: left;
  position: relative;
  color: #5680DD;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  z-index: 999;
}
.bannerServicios .txtImgAbDer {
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  float: left;
  z-index: 0;
  overflow: hidden;
}
.bannerServicios .txtImgAbDer h2 {
  width: 100%;
  float: left;
  color: #C1FFF4;
  font-size: 30px;
  font-weight: 400;
  text-align: left;
  z-index: 999;
  position: relative;
  margin-top: 0;
}
.bannerServicios .txtImgAbDer p {
  width: 100%;
  color: #C1FFF4;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  z-index: 999;
  float: left;
  position: relative;
}

.bannerAlt .txtImgAb .contTxtBanner {
  padding-top: 130px;
}
.bannerAlt .txtImgAbDer .contTxtBanner {
  padding-top: 130px;
}

.txtImgAb .contTxtBanner {
  width: 100%;
  position: relative;
  float: left;
  padding: 30px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.txtImgAbDer .contTxtBanner {
  width: 100%;
  position: relative;
  float: left;
  padding: 30px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (min-width: 768px) {
  .bannerServicios .tltSeccion {
    padding: 60px 0;
  }
  .bannerServicios .txtImgLeft {
    display: block;
    background-blend-mode: multiply;
    background: rgba(0, 0, 0, 0.2);
    background: -moz-linear-gradient(left, black 20%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(10%, black), color-stop(20%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, black 20%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, black 20%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, black 20%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, #C1FFF4 0%, rgba(200, 244, 236, 0.715976) 43.94%, rgba(217, 217, 217, 0) 94.8%);
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#d7d7d7", GradientType=1);
  }
  .bannerServicios .txtImgDer {
    display: block;
    opacity: inherit;
    background: linear-gradient(to left, #1E786F 0%, rgba(217, 217, 217, 0) 94.8%);
    background: -moz-linear-gradient(left, rgba(151, 215, 0, 0) 0%, rgba(77, 255, 0, 0.45));
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(151, 215, 0, 0)), rgba(77, 255, 0, 0.45));
    background: -webkit-linear-gradient(left, rgba(151, 215, 0, 0) 0%, rgba(77, 255, 0, 0.45));
    background: -o-linear-gradient(left, rgba(151, 215, 0, 0) 0%, rgba(77, 255, 0, 0.45));
    background: -ms-linear-gradient(left, rgba(151, 215, 0, 0) 0%, rgba(77, 255, 0, 0.45));
    background-blend-mode: multiply;
  }
  .bannerServicios .txtImgAb {
    width: 100%;
    height: 400px;
    float: left;
    z-index: 0;
    overflow: hidden;
  }
  .bannerServicios .txtImgAb h2 {
    font-size: 50px;
  }
  .bannerServicios .txtImgAb p {
    font-size: 20px;
  }
  .bannerServicios .txtImgAbDer h2 {
    font-size: 50px;
  }
  .bannerServicios .txtImgAbDer p {
    padding: 0;
    font-size: 20px;
  }

  .bannerAlt .txtImgAb .contTxtBanner {
    padding-top: 0;
  }
  .bannerAlt .txtImgAbDer .contTxtBanner {
    padding-top: 0;
  }

  .txtImgAb .contTxtBanner {
    width: 50%;
    top: 50%;
    left: 60px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    padding: 0;
  }

  .txtImgAbDer .contTxtBanner {
    width: 60%;
    top: 50%;
    right: 20%;
    -webkit-transform: translate(-20%, -50%);
    -moz-transform: translate(-20%, -50%);
    -ms-transform: translate(-20%, -50%);
    -o-transform: translate(-20%, -50%);
    transform: translate(-20%, -50%);
    position: absolute;
  }
}
.gridRequisitos {
  float: left;
  position: relative;
  width: 100%;
  background: #fff;
  padding-bottom: 65px;
}
.gridRequisitos .separacion {
  padding-bottom: 65px;
}
.gridRequisitos .tltSeccion {
  margin: 0 auto;
  display: table;
  padding-bottom: 20px;
}
.gridRequisitos .tltSeccion h2 {
  color: #1E786F;
  font-size: 41px;
  font-weight: 700;
  text-align: center;
  padding-top: 20px;
}
.gridRequisitos .BGWhiteCtn {
  width: 100%;
  position: relative;
  float: left;
  padding: 30px;
  background: #C1FFF4;
  margin: 20px 0;
}
.gridRequisitos .BGWhiteCtn h6 {
  color: #1E786F;
  font-size: 41px;
  font-weight: 300;
  text-align: center;
}
.gridRequisitos .BGWhiteCtn h5 {
  color: #1E786F;
  font-size: 25px;
  font-weight: 300;
  text-align: center;
}
.gridRequisitos .BGWhiteCtn p {
  color: #00DBB3;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.gridRequisitos h6.equalH6 {
  padding-top: 35px;
}

.txtDescripcionRequisito {
  float: left;
  position: relative;
  width: 100%;
}
.txtDescripcionRequisito p {
  width: 100%;
  float: left;
  position: relative;
  color: #1E786F;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
  margin-top: 10px;
  margin: 19px 0;
}

@media only screen and (min-width: 768px) {
  .gridRequisitos .tltSeccion {
    padding-bottom: 60px;
  }
  .gridRequisitos .tltSeccion h2 {
    padding-top: 65px;
  }

  .txtDescripcionRequisito p {
    font-size: 25px;
  }
}
.gridIcnBeneficiosV2 {
  float: left;
  position: relative;
  width: 100%;
  padding: 0 0 65px 0;
  background-color: #DAFFF8;
}
.gridIcnBeneficiosV2 .tltSeccion {
  margin: 0 auto;
  display: table;
  padding: 60px 0;
}
.gridIcnBeneficiosV2 .tltSeccion h2 {
  color: #1E786F;
  font-size: 31px;
  font-weight: 700;
  text-align: center;
}
.gridIcnBeneficiosV2 .tltSeccion p {
  color: #7f7f7f;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  padding: 0 30px;
}
.gridIcnBeneficiosV2 .contenedorBotones {
  padding-top: 25px;
}
.gridIcnBeneficiosV2 .icnCtn {
  float: left;
  margin: 20px 0;
  position: relative;
  width: 100%;
  padding: 20px 60px;
  background: #fff;
}
.gridIcnBeneficiosV2 .icnCtn .imgIcnCtn {
  float: left;
  position: relative;
  width: 100%;
  min-height: 120px;
}
.gridIcnBeneficiosV2 .icnCtn .imgIcnCtn img {
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.gridIcnBeneficiosV2 .icnCtn h4 {
  color: #1E786F;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
}
.gridIcnBeneficiosV2 .icnCtn p {
  color: #b2b2b2;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  text-align: center;
}

.gridIcnBeneficiosV2.gridElementVerde .icnVerde {
  float: left;
  margin: 20px 0;
  position: relative;
  width: 100%;
  padding: 20px;
  border-radius: 3px;
  box-shadow: 0px 2px 5px #0000001a;
}
.gridIcnBeneficiosV2.gridElementVerde .icnVerde .imgIcn {
  width: 100%;
  overflow: hidden;
}
.gridIcnBeneficiosV2.gridElementVerde .icnVerde .imgIcn img {
  width: 65%;
  max-width: none;
  height: auto;
  bottom: 0;
  position: absolute;
  opacity: 0.2;
  right: 0;
}
.gridIcnBeneficiosV2.gridElementVerde .icnVerde .txtIcn p {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .gridIcnBeneficiosV2 .tltSeccion h2 {
    font-size: 41px;
  }
  .gridIcnBeneficiosV2 .tltSeccion h4 {
    font-size: 25px;
    padding: 0 100px;
  }
  .gridIcnBeneficiosV2 .tltSeccion p {
    font-size: 16px;
    padding: 0 100px;
  }
  .gridIcnBeneficiosV2 .icnCtn .imgIcnCtn p {
    font-size: 25px;
  }
  .gridIcnBeneficiosV2 .icnCtn h4 {
    font-size: 25px;
  }
  .gridIcnBeneficiosV2 .icnCtn p {
    font-size: 16px;
  }

  .gridIcnBeneficiosV2 .tltSeccion h2 {
    font-size: 41px;
  }
  .gridIcnBeneficiosV2 .tltSeccion h4 {
    font-size: 25px;
    padding: 0 100px;
  }
  .gridIcnBeneficiosV2 .tltSeccion p {
    font-size: 16px;
    padding: 0 100px;
  }
  .gridIcnBeneficiosV2 .icnCtn .imgIcnCtn p {
    font-size: 25px;
  }
  .gridIcnBeneficiosV2 .icnCtn h4 {
    font-size: 25px;
  }
  .gridIcnBeneficiosV2 .icnCtn p {
    font-size: 16px;
  }
}
.tablaDetalle {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
}
.tablaDetalle .ttlSeccionAlt {
  margin: 0 auto;
  display: table;
  padding-bottom: 45px;
}
.tablaDetalle .ttlSeccionAlt .iconoAncla {
  position: relative;
  width: auto;
  margin: 0 auto;
  display: table;
}
.tablaDetalle .ttlSeccionAlt img {
  width: auto;
  float: left;
  position: relative;
}
.tablaDetalle h2 {
  font-family: Source Sans Pro;
  font-weight: 300;
  text-align: center;
  float: left;
  position: relative;
  width: auto;
  padding-left: 20px;
  margin-top: 0;
  font-size: 25px;
  color: #333333;
  letter-spacing: 0;
}
.tablaDetalle .tablaComp .categorias {
  float: left;
  width: 100%;
  padding: 13px 17px;
}
.tablaDetalle .tablaComp .ctnCategoriaUno {
  padding: 10px;
  width: 50%;
  display: table;
  margin: 0 auto;
}
.tablaDetalle .tablaComp .ctnCategoriaUno p {
  color: #1E786F;
  font-size: 4vw;
  text-align: center;
  line-height: 1.2;
  margin: 0;
}
.tablaDetalle .tablaComp .ctnCategoriaDos {
  border: 1px solid #bf9352;
  border-radius: 2%;
}
.tablaDetalle .tablaComp .ctnCategoriaDos p {
  color: #be9253;
  font-family: Source Sans Pro;
  font-size: 4vw;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
  line-height: 1.2;
  padding: 0px 5px;
  margin: 0;
}
.tablaDetalle .descripciones {
  float: left;
  position: relative;
  width: 100%;
  padding-top: 30px;
}
.tablaDetalle .lnkInfoTarjetaVerde {
  width: 70%;
  float: left;
  position: relative;
}
.tablaDetalle .lnkInfoTarjetaVerde a {
  cursor: pointer;
  text-align: left;
  width: 100%;
  float: left;
  padding: 0 5px;
  position: relative;
  margin: 0;
}
.tablaDetalle .lnkInfoTarjetaVerde.verMenos {
  background-image: url(../images/icnCaretClose.svg);
  background-repeat: no-repeat;
  background-position: center right;
  color: #009539;
}
.tablaDetalle .lnkInfoTarjetaVerde.vermas {
  background-image: url(../images/icnCaretOpen.svg) !important;
  background-position: center right;
  background-repeat: no-repeat !important;
  color: #009539;
}
.tablaDetalle .lnkInfoTarjetaOro {
  width: 70%;
  float: left;
  position: relative;
}
.tablaDetalle .lnkInfoTarjetaOro a {
  color: #009539;
  cursor: pointer;
  text-align: left;
  width: 100%;
  float: left;
  padding: 0 5px;
  position: relative;
  margin: 0;
}
.tablaDetalle .lnkInfoTarjetaOro.verMenos {
  background-image: url(../images/icnCaretClose.svg);
  background-repeat: no-repeat;
  background-position: center right;
  color: #009539;
}
.tablaDetalle .lnkInfoTarjetaOro.vermas {
  background-image: url(../images/icnCaretOpen.svg) !important;
  background-position: center right;
  background-repeat: no-repeat !important;
  color: #009539;
}
.tablaDetalle .lnkTabla.vermas {
  background-image: url("../images/flechaMas-green.svg");
  background-position: center 0%;
  background-repeat: no-repeat;
  cursor: pointer;
  padding: 10px 0;
  margin: 0 auto;
  display: table;
  color: #1E786F;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  text-align: center;
}
.tablaDetalle .lnkTabla.vermas a {
  color: #1E786F;
  text-decoration: none;
}
.tablaDetalle .lnkTabla.verMenos {
  margin: 0 auto;
  display: table;
  background-image: url("../images/flechaMenos-green.svg");
  background-position: center top;
  background-repeat: no-repeat;
  cursor: pointer;
  padding: 10px 0;
  margin: 0 auto;
  display: table;
  color: #1E786F;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  text-align: center;
}
.tablaDetalle .txtRowDesp {
  float: left;
  position: relative;
  width: 100%;
}
.tablaDetalle .categorias .txtRowDesp {
  padding: 10px;
}
.tablaDetalle .lnkRowDesp {
  width: 100%;
  float: left;
  position: relative;
}
.tablaDetalle .lnkRowDesp p {
  width: 100%;
  float: left;
  text-align: center;
  font-family: Source Sans Pro;
  font-size: 4vw;
  color: #3E3E3E;
  letter-spacing: 0;
  font-weight: 400;
  padding: 10px;
  margin: 0;
}
.tablaDetalle .lnkRowDesp a {
  width: 100%;
  float: left;
  font-family: Source Sans Pro;
  font-style: normal;
  font-stretch: normal;
  font-weight: 600;
  text-align: center;
  font-size: 4vw;
  letter-spacing: 0;
  text-transform: uppercase;
}
.tablaDetalle .lnkRowDesp span {
  width: 100%;
  float: left;
  font-family: Source Sans Pro;
  font-style: normal;
  font-stretch: normal;
  font-weight: 600;
  text-align: center;
  font-size: 4vw;
  letter-spacing: 0;
  text-transform: uppercase;
}
.tablaDetalle .txtRowDosDesp {
  float: left;
  position: relative;
  width: 100%;
}
.tablaDetalle .txtRowDosDesp p {
  float: left;
  position: relative;
  width: 100%;
  font-size: 4vw;
  color: #1E786F;
  letter-spacing: 0;
  font-weight: 300;
  margin: 0;
  text-align: center;
}
.tablaDetalle .parametros {
  float: left;
  position: relative;
  width: 100%;
  padding-top: 10px;
  margin-bottom: 45px;
}
.tablaDetalle .parametros .parametroBlanco {
  float: left;
  position: relative;
  width: 100%;
  padding: 17px 17px 10px 17px;
  background: #fff;
}
.tablaDetalle .parametros .parametroBlanco:nth-child(odd) {
  background-color: #DAFFF8;
}
.tablaDetalle .parametros .parametroGris {
  float: left;
  position: relative;
  width: 100%;
  padding: 17px 17px 10px 17px;
}
.tablaDetalle .marcaComp {
  float: left;
  position: relative;
  width: 100%;
}
.tablaDetalle .marcaComp img {
  margin: 0 auto;
  display: table;
  width: auto;
}

.instrumentos .lnkTablaAlt.vermas {
  background-image: url(../images/flechaMas.svg) !important;
  background-position: center 0% !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
  padding: 10px 0;
  margin: 0 auto;
  display: table;
  color: #7f7f7f;
  font-family: Source Sans Pro;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
}
.instrumentos .lnkTablaAlt.vermas a {
  color: #7f7f7f;
  text-decoration: none;
}
.instrumentos .lnkTablaAlt .verMas {
  float: left;
  position: relative;
  width: 100%;
  color: #7f7f7f;
}
.instrumentos .lnkTablaAlt .verMas a {
  background-image: url(../images/flechaMas.svg) !important;
  background-position: center 0% !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
  padding: 10px 0;
  margin: 0 auto;
  display: table;
  color: #7f7f7f;
  font-family: Source Sans Pro;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
}
.instrumentos .lnkTablaAlt.verMenos {
  margin: 0 auto;
  display: table;
  background-image: url(../images/flechaMenos.svg) !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
  padding: 10px 0;
  margin: 0 auto;
  display: table;
  color: #7f7f7f;
  font-family: Source Sans Pro;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .tablaDetalle {
    padding-top: 50px;
  }
  .tablaDetalle h2 {
    font-size: 41px;
  }
  .tablaDetalle .ttlSeccionAlt .iconoAncla {
    float: left;
  }
  .tablaDetalle .lnkRowDesp p {
    font-size: 18px;
    padding: 0;
    margin-top: 20px;
  }
  .tablaDetalle .lnkRowDesp a {
    font-size: 20px;
  }
  .tablaDetalle .lnkRowDesp span {
    font-size: 20px;
  }
  .tablaDetalle .tablaComp .ctnCategoriaUno {
    border: 1px solid #1E786F;
  }
  .tablaDetalle .tablaComp .ctnCategoriaUno p {
    font-size: 18px;
  }
  .tablaDetalle .txtRowDosDesp p {
    font-size: 20px;
  }
  .tablaDetalle .parametros {
    float: left;
    position: relative;
    width: 100%;
  }
}
.ttlBcoSecc {
  width: 100%;
  float: left;
  position: relative;
  padding: 70px 0;
  background-color: #DAFFF8;
}
.ttlBcoSecc .contTtlBco {
  width: 100%;
  float: left;
  position: relative;
}
.ttlBcoSecc .contTtlBco h3 {
  width: 100%;
  text-align: center;
  font-weight: 200;
  font-size: 31px;
  color: #1E786F;
  letter-spacing: 0;
}
.ttlBcoSecc .contTtlBco p {
  width: 100%;
  text-align: center;
  font-weight: 200;
  font-size: 20px;
  color: #1E786F;
  letter-spacing: 0;
}

@media only screen and (min-width: 768px) {
  .ttlBcoSecc .contTtlBco h3 {
    font-size: 41px;
  }
  .ttlBcoSecc .contTtlBco p {
    font-size: 25px;
  }
}
.verMasInfo {
  float: left;
  position: relative;
  width: 100%;
  background: #fff;
  padding-top: 30px;
}
.verMasInfo .infoCuentas {
  margin: 0 auto;
  display: table;
}
.verMasInfo .infoCuentas p {
  position: relative;
  font-size: 13px;
  font-weight: 400;
  color: #1E786F;
  text-align: left;
  margin-bottom: 10px;
}
.verMasInfo .infoCuentas span {
  position: relative;
  font-size: 12px !important;
  color: #5a5a5a !important;
  text-align: left;
  margin-bottom: 10px;
}
.verMasInfo .infoOculta {
  margin-bottom: 80px;
}
.verMasInfo .infoOculta p {
  color: #1E786F;
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  padding-bottom: 35px;
}
.verMasInfo .infoOculta p a {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  padding-bottom: 35px;
}
.verMasInfo .infoOculta strong {
  position: relative;
  color: #1E786F;
  font-size: 15px;
  text-align: left;
  font-weight: 700;
}
.verMasInfo .infoOculta strong a {
  font-size: 15px;
  text-align: left;
  padding-bottom: 35px;
}
.verMasInfo .lnkInfoCuentas {
  float: left;
  position: relative;
  width: 100%;
  background: #fff;
  color: #1E786F;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  padding-bottom: 31px;
  margin-top: -47px;
  padding-top: 20px;
}
.verMasInfo .lnkInfoCuentas img {
  margin: 0 auto;
  display: table;
}
.verMasInfo .lnkInfoCuentas h6 {
  color: #1E786F;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.verMasInfo .vermas {
  background-image: url("../images/flechaMas-green.svg");
  background-position: center 15% !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
}
.verMasInfo .vermas a {
  color: #1E786F;
  text-decoration: none;
}
.verMasInfo .verMenos {
  background-image: url("../images/flechaMenos-green.svg");
  background-position: center top !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  #masInfoTC .lnkInfoCuentas {
    margin-top: -35px;
  }
}
.ttlHeadImageAlt2 {
  width: 100%;
  float: left;
  position: relative;
  /*Título sección header*/
}
.ttlHeadImageAlt2 .contInfo {
  z-index: 999;
  position: relative;
  width: 100%;
}
.ttlHeadImageAlt2 .contImg {
  position: relative;
  float: left;
  width: 100%;
  height: 385px;
  overflow: hidden;
  background: #bcb9b9;
}
.ttlHeadImageAlt2 .contImg::before {
  position: absolute;
  content: "";
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 1;
  opacity: 0.25;
  background: #000;
  background: -moz-linear-gradient(left, #000 0%, #000000b3 45%, #0000004d 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, black), color-stop(45%, rgba(0, 0, 0, 0.66)), color-stop(100%, rgba(0, 0, 0, 0.25)));
  background: -webkit-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.66) 45%, rgba(0, 0, 0, 0.25) 100%);
  background: -o-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.66) 45%, rgba(0, 0, 0, 0.25) 100%);
  background: -ms-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.66) 45%, rgba(0, 0, 0, 0.25) 100%);
  background: linear-gradient(to right, #000 0%, #000000b3 45%, #0000004d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
  background-blend-mode: multiply;
}
.ttlHeadImageAlt2 .contImg img {
  width: auto;
  filter: blur(5px);
  min-width: 100%;
  position: absolute;
  max-width: none;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ttlHeadImageAlt2 .contBreadRedes {
  position: absolute;
  width: auto;
  z-index: 999;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  padding: 0px 10px;
}
.ttlHeadImageAlt2 .SecTituloInversion {
  position: absolute;
  top: 55%;
  left: 50%;
  z-index: 9999;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  width: 100%;
  float: left;
  padding: 0px 10px;
}
.ttlHeadImageAlt2 .SecTituloInversion h1 {
  font-size: 25px;
  font-weight: 300;
  margin-top: 0;
  text-align: center;
}
.ttlHeadImageAlt2 .SecTituloInversion h3 {
  font-size: 12px;
  margin: 0;
  text-align: center;
  font-weight: 600;
  opacity: 0.7;
  text-transform: uppercase;
}
.ttlHeadImageAlt2 .SecTituloInversion h4 {
  font-size: 14px;
  text-align: center;
  font-weight: 300;
  opacity: 0.7;
  padding-bottom: 26px;
  padding-top: 10px;
  margin: 0;
}
.ttlHeadImageAlt2 .contBtnAf {
  width: 100%;
}
.ttlHeadImageAlt2 .contBtnAf a {
  margin: 0 auto;
  padding: 15px 45px;
  display: table;
  float: initial;
  font-weight: 600;
  letter-spacing: 1px;
}
.ttlHeadImageAlt2 .contBtnAf input[type=button] {
  margin: 0 auto;
  padding: 15px 45px;
  display: table;
  float: initial;
  font-weight: 600;
  letter-spacing: 1px;
}
.ttlHeadImageAlt2 .imgCont {
  position: relative;
  width: 100%;
  float: right;
  padding-left: 10vw;
}
.ttlHeadImageAlt2 .imgCont img {
  width: auto;
  margin: 0 auto;
  display: none;
  padding: 20px;
}

.ttlHeadImageAlt2.ttlCenter .SecTituloInversion h3 {
  width: 100%;
  float: left;
  position: relative;
  text-align: center;
}
.ttlHeadImageAlt2.ttlCenter .SecTituloInversion h1 {
  width: 100%;
  float: left;
  position: relative;
  text-align: center;
}
.ttlHeadImageAlt2.ttlCenter .SecTituloInversion h4 {
  width: 100%;
  float: left;
  position: relative;
  text-align: center;
}
.ttlHeadImageAlt2.ttlCenter .SecTituloInversion .contBtnAf {
  width: auto;
  display: table;
  margin: 0 auto;
  float: none;
}

.ttlHeadImageAlt2.btnAltCafe .contBtnAf.btnAlt a {
  background: #817161;
  text-transform: none;
}
.ttlHeadImageAlt2.btnAltCafe .contBtnAf.btnAlt a:hover {
  background: #B59F8A !important;
}

@media only screen and (min-width: 768px) {
  .ttlHeadImageAlt2 .SecTituloInversion {
    padding: 0px 100px;
  }
  .ttlHeadImageAlt2 .SecTituloInversion h1 {
    font-size: 41px;
    text-align: left;
  }
  .ttlHeadImageAlt2 .SecTituloInversion h3 {
    font-size: 14px;
    text-align: left;
  }
  .ttlHeadImageAlt2 .SecTituloInversion h4 {
    font-size: 20px;
    text-align: left;
  }
  .ttlHeadImageAlt2 .contBreadRedes {
    padding: 20px 100px;
  }
  .ttlHeadImageAlt2 .imgCont img {
    display: table;
  }
  .ttlHeadImageAlt2 .contBtnAf a {
    float: left;
  }
  .ttlHeadImageAlt2 .contBtnAf input[type=button] {
    float: left;
  }
}
/*Título sección header*/
.contMapa {
  min-width: 100%;
  overflow: hidden;
}
.contMapa .contInfo {
  position: absolute;
  width: 100%;
  float: left;
  top: 0;
  opacity: 0;
  background: black;
  background: -moz-linear-gradient(top, black 0%, rgba(203, 203, 203, 0) 100%, rgba(255, 255, 255, 0) 78%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(203, 203, 203, 0)), color-stop(78%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, black 0%, rgba(203, 203, 203, 0) 100%, rgba(255, 255, 255, 0) 78%);
  background: -o-linear-gradient(top, black 0%, rgba(203, 203, 203, 0) 100%, rgba(255, 255, 255, 0) 78%);
  background: -ms-linear-gradient(top, black 0%, rgba(203, 203, 203, 0) 100%, rgba(255, 255, 255, 0) 78%);
  background: linear-gradient(to bottom, black 0%, rgba(203, 203, 203, 0) 100%, rgba(255, 255, 255, 0) 78%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff", GradientType=0);
  background-blend-mode: multiply;
}
.contMapa .contBreadRedes {
  position: absolute;
  width: auto;
  z-index: 999;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  padding: 0px 10px;
}
.contMapa .ctnHeaderIcn {
  position: absolute;
  top: 55%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.contMapa .SecTituloTC {
  position: relative;
  float: left;
  width: 100%;
}
.contMapa .SecTituloTC h1 {
  font-size: 21px;
  font-weight: 100;
  text-align: center;
  margin-top: 0;
}
.contMapa .SecTituloTC h4 {
  font-size: 14px;
  font-weight: 400;
  opacity: 0.7;
  text-align: center;
}
.contMapa .vntFlotanteMapa {
  position: relative;
  background: #fff;
  width: 100%;
  z-index: 999;
  float: left;
  margin-top: 20px;
}
.contMapa .vntFlotanteMapaMobile {
  float: left;
  position: relative;
  width: 100%;
  float: left;
  position: relative;
  width: 100%;
}
.contMapa .busqueda {
  padding: 20px 30px 0 20px;
  float: left;
  position: relative;
  width: 100%;
}
.contMapa .busqueda .txtCon {
  float: left;
  position: relative;
  width: 100%;
}
.contMapa .busqueda .txtCon p {
  color: #333333;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  text-align: left;
  margin: 0;
  margin-top: 10px;
}
.contMapa .busqueda input {
  outline: none;
  border-bottom: 2px solid #1E786F;
  background-image: url("../images/localizacion-theme2.svg");
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 25px;
  width: 100%;
  padding: 10px 0px 0px 25px;
  position: relative;
  font-size: 16px;
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
}
.contMapa .servicio {
  padding: 23px 20px 0 20px;
  float: left;
  position: relative;
  width: 100%;
}
.contMapa .servicio .txtCon p {
  color: #333333;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  text-align: left;
  margin: 0;
  margin-top: 10px;
  padding-bottom: 0;
}
.contMapa .servicio input {
  outline: none;
  border-bottom: 2px solid #009638;
  background-image: url("../images/localizacion-theme2.svg");
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 25px;
  width: 100%;
  font-size: 18px;
  padding: 10px 0px 0px 25px;
  position: relative;
  font-weight: 100;
}
.contMapa .cerrar {
  float: right;
  position: relative;
  width: auto;
}
.contMapa .cerrar button {
  background: transparent;
  border: none;
  position: relative;
  width: auto;
  outline: none;
  float: right;
}
.contMapa .cerrar img {
  position: absolute;
  right: 0px;
  border: 14px;
  width: auto;
  bottom: 10px;
}
.contMapa input::-webkit-input-placeholder {
  color: #333333;
  font-size: 18px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: left;
}
.contMapa .checkBoxes {
  padding: 20px 60px;
  float: left;
  position: relative;
  width: 100%;
}
.contMapa .checkBoxes .chkBxServicio {
  float: left;
  position: relative;
  width: 100%;
}
.contMapa .chkBxServicio input[type=checkbox] {
  display: none;
}
.contMapa .chkBxServicio input[type=checkbox]:checked + label.cajeros span {
  background: #00B392;
}
.contMapa .chkBxServicio input[type=checkbox]:checked + label.sucursales span {
  background: #00B392;
}
.contMapa .chkBxServicio input[type=checkbox]:checked + label.sucursalesCon span {
  background: #00B392;
}
.contMapa .chkBxServicio input[type=checkbox]:checked + label.centros span {
  background: #00B392;
}
.contMapa .chkBxServicio label {
  color: #333333;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: left;
}
.contMapa .chkBxServicio input[type=checkbox] + label.cajeros span {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #00B392;
  margin: 0 10px 0 0;
}
.contMapa .chkBxServicio input[type=checkbox] + label.sucursales span {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #00B392;
  margin: 0 10px 0 0;
}
.contMapa .chkBxServicio input[type=checkbox] + label.sucursalesCon span {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #00B392;
  margin: 0 10px 0 0;
}
.contMapa .chkBxServicio input[type=checkbox] + label.centros span {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #00B392;
  margin: 0 10px 0 0;
}
.contMapa .inputBuscador {
  float: left;
  position: relative;
  width: 100%;
  padding: 0 40px;
}

@media only screen and (max-width: 768px) {
  .contMapa .vntFlotanteMapa .verMasInfo .infoOculta {
    display: block !important;
  }

  .lnkInfoMapa.vermas {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .contMapa .vntFlotanteMapa {
    position: absolute;
    background: #fff;
    width: 30%;
    z-index: 999;
    top: 10%;
    left: 10%;
    -webkit-transform: translate(-10%, 0%);
    -moz-transform: translate(-10%, 0%);
    -ms-transform: translate(-10%, 0%);
    -o-transform: translate(-10%, 0%);
    transform: translate(-10%, 0%);
  }
  .contMapa .checkBoxes {
    padding: 20px 25px;
  }
  .contMapa .inputBuscador {
    padding: 0;
  }
  .contMapa .contImg #map {
    height: 800px;
  }
  .contMapa .SecTituloTC {
    padding: 0px 100px;
  }
  .contMapa .SecTituloTC h1 {
    font-size: 41px;
  }
  .contMapa .SecTituloTC h4 {
    font-size: 20px;
  }
  .contMapa .contBreadRedes {
    padding: 40px 100px;
  }
  .contMapa .imgCont img {
    display: table;
  }
  .contMapa .contBtnAf a {
    float: left;
  }
  .contMapa .busqueda input {
    font-size: 25px;
  }

  p.gm-style-pbt {
    width: 50vw;
    text-align: center;
    padding-right: 10vw;
    float: right;
  }

  .gm-style {
    color: #333333;
    font-family: Source Sans Pro !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-stretch: normal !important;
    font-weight: 400 !important;
    text-align: left;
  }
  .gm-style .gm-style-iw {
    color: #333333;
    font-family: Source Sans Pro !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-stretch: normal !important;
    font-weight: 400 !important;
    text-align: left;
  }

  .contBtnAf input[type=button] {
    float: left;
  }
}
@media only screen and (min-width: 992px) {
  .contMapa .checkBoxes {
    padding: 10px 33px 20px;
  }
  .contMapa .busqueda {
    padding: 23px 30px 0 33px;
  }
  .contMapa .servicio {
    padding: 23px 30px 0 33px;
  }
  .contMapa .servicio input {
    font-size: 25px;
  }
  .contMapa .chkBxServicio label {
    font-size: 20px;
  }
  .contMapa input::-webkit-input-placeholder {
    font-size: 25px;
  }
}
/*Para visualizar las direcciones correctamente*/
#Mapa {
  width: 100%;
  float: left;
  position: relative;
  width: 100%;
  float: left;
  position: relative;
}
#Mapa .contImg {
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
  background: #bcb9b9;
}
#Mapa .contImg #map {
  width: 100%;
  float: left;
  position: relative;
  height: 800px;
}
#Mapa .contInfo {
  z-index: 99999;
  position: absolute;
  width: 100%;
  height: 30%;
  float: left;
  top: 0;
  border: 1px solid;
}
#Mapa .verMasInfo {
  background: #ffffff;
  padding-top: 10px;
}
#Mapa .verMasInfo .vermas {
  background-image: url("../images/flechaMas-green.svg") !important;
  background-position: center 50% !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
  height: 50px;
  text-align: center;
}
#Mapa .verMasInfo .verMenos {
  background-position: center bottom !important;
  margin: 30px 0;
  text-align: center;
  padding: 10px;
}

.ubicaSucursales .direcciones .espDireccion {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .ubicaSucursales .direcciones .espDireccion {
    width: 25% !important;
  }
}
.seccionPasos {
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  background: #fff;
  padding: 10px 0;
}
.seccionPasos .cntIconosPortabilidad {
  display: table;
  position: relative;
  width: auto;
  box-sizing: border-box;
  margin: 0 auto;
  clear: both;
  display: none;
}
.seccionPasos .cntIconosPortabilidad .cntIcnoPasos {
  margin: 0 auto;
  display: table;
  width: 116px;
  padding-right: 40px;
}
.seccionPasos .imgIcono {
  display: table;
  margin: 0 auto;
  height: 70px;
}
.seccionPasos .imgIcono img {
  float: left;
  position: relative;
  height: 70px;
}
.seccionPasos .cntNumPasos {
  display: table;
  position: relative;
  width: auto;
  box-sizing: border-box;
  margin: 0 auto;
  margin-top: 10px;
  clear: both;
}
.seccionPasos .lineaPasos {
  display: none;
  position: absolute;
  top: 69px;
  left: 50%;
  z-index: -1;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
}
.seccionPasos .lineaPasos .linea {
  width: 2px;
  background: #00DBB3;
}
.seccionPasos .CtnNumeroMobile {
  float: left;
  position: relative;
  width: 100%;
}
.seccionPasos .CtnNumeroMobile .numeroMobile {
  margin: 0 auto;
  display: table;
  padding: 0 0 20px;
}
.seccionPasos .CtnNumeroMobile .numeroMobile .numeroMob {
  width: 53px;
  height: 20px;
  border: 2px solid #97d700;
  background: #ffffff;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
  margin: 0 auto;
  display: table;
  border-radius: 50%;
}
.seccionPasos .CtnNumeroMobile .numeroMobile .numeroMob p {
  color: #009539;
  font-size: 18px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
  float: left;
  position: relative;
  width: 100%;
  margin: 12px 0;
}
.seccionPasos .Pasos_numero {
  float: left;
  position: relative;
  width: 100%;
}
.seccionPasos .Pasos_numero .numero {
  width: 50px;
  height: 50px;
  border: 2px solid #00DBB3;
  background: #00DBB3;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
  margin: 0 auto;
  display: table;
  border-radius: 50%;
}
.seccionPasos .Pasos_numero .numero p {
  color: #1E786F;
  font-size: 25px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
  float: left;
  position: relative;
  width: 100%;
  margin: 5px 0 0;
}
.seccionPasos .cntTituloPasos {
  float: left;
  position: relative;
  width: 100%;
}
.seccionPasos .cntTituloPasos .ttlPasos {
  margin: 0 auto;
  margin-bottom: 24px;
  display: table;
}
.seccionPasos .cntTituloPasos .ttlPasos h2 {
  color: #1E786F;
  font-size: 39px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 700;
  text-align: center;
}
.seccionPasos .cntTxtPasos {
  position: relative;
  width: 75%;
  box-sizing: border-box;
  display: table;
  margin: 0 auto;
}
.seccionPasos .cntTxtPasos .pasosDescp {
  float: left;
  position: relative;
  width: 100%;
  padding: 0 10px;
  padding-bottom: 0;
}
.seccionPasos .cntTxtPasos .TtlPasos {
  float: left;
  position: relative;
  width: 100%;
}
.seccionPasos .cntTxtPasos .TtlPasos h3 {
  color: #555555;
  font-size: 25px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
  margin: 0;
}
.seccionPasos .cntTxtPasos .txtPasos {
  float: left;
  position: relative;
  width: 100%;
}
.seccionPasos .cntTxtPasos .txtPasos p {
  color: #b2b2b2;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  text-align: center;
  margin: 10px 0 0;
}
.seccionPasos .cntTxtPasos .txtPasos a {
  cursor: pointer;
  text-decoration: none;
}

.contElementCentro {
  width: 100%;
  float: left;
  position: relative;
  padding-top: 22px;
}

.contPaso {
  width: 100%;
  padding: 22px 0 0 0;
}

.contImgPasos {
  width: 100%;
  float: left;
  margin: 0;
  position: relative;
  margin-bottom: 10px;
}

.contFlecha {
  width: 100%;
  float: left;
  position: relative;
}
.contFlecha img {
  width: auto;
  display: table;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .seccionPasos {
    margin-bottom: 70px;
    padding: 20px 0;
  }
  .seccionPasos .Pasos_numero .numero {
    width: 79px;
    height: 79px;
  }
  .seccionPasos .Pasos_numero .numero p {
    font-size: 30px;
    margin: 12px 0;
  }
  .seccionPasos .CtnNumeroMobile .numeroMobile {
    float: left;
  }
  .seccionPasos .lineaPasos {
    display: block;
  }
  .seccionPasos .lineaPasos .linea {
    left: 50%;
    width: 2px;
    position: absolute;
    top: 0;
  }
  .seccionPasos .cntTxtPasos {
    padding-left: 0;
  }
  .seccionPasos .cntTxtPasos .TtlPasos h3 {
    font-size: 30px;
    text-align: left;
  }
  .seccionPasos .cntTxtPasos .txtPasos p {
    text-align: left;
  }
  .seccionPasos .cntTxtPasos .pasosDescp {
    padding: 0px;
    padding-bottom: 0;
  }
  .seccionPasos .cntTituloPasos .ttlPasos {
    margin-bottom: 40px;
  }
  .seccionPasos .cntTituloPasos .ttlPasos h2 {
    font-size: 41px;
    text-align: left;
  }
  .seccionPasos .cntNumPasos {
    float: left;
    margin: 0 15px;
    clear: none;
  }

  .contPaso {
    width: 100%;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .contPaso:last-child .lineaPasos {
    display: none;
  }

  .contImgPasos {
    width: auto;
    display: table;
    margin: 0 auto;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .seccionPasos .cntIconosPortabilidad {
    float: left;
    margin: 0;
    display: block;
  }
}
.ttlHeadMd {
  width: 100%;
  float: left;
  position: relative;
}
.ttlHeadMd .contImgHeader {
  position: relative;
  float: left;
  width: 100%;
  height: 385px;
  background: #bcb9b9;
  overflow: hidden;
}
.ttlHeadMd .contImgHeader img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  filter: blur(5px);
}
.ttlHeadMd .contBreadRedes {
  position: absolute;
  width: auto;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  padding: 0px 10px;
}
.ttlHeadMd .ctnHeaderIcn {
  position: absolute;
  top: 64%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.ttlHeadMd .SecTituloCuentas {
  position: relative;
  float: left;
  width: 100%;
}
.ttlHeadMd .SecTituloCuentas h1 {
  font-size: 21px;
  font-weight: 300;
  text-align: center;
  margin-top: 0;
}
.ttlHeadMd .SecTituloCuentas h3 {
  font-size: 10px;
  font-weight: 600;
  opacity: 0.7;
  letter-spacing: 1.9px;
  text-align: center;
  margin: 0;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.ttlHeadMd .SecTituloCuentas h4 {
  font-size: 14px;
  font-weight: 400;
  opacity: 0.7;
  text-align: center;
}
.ttlHeadMd .iconosCuentas {
  width: 100%;
  padding-top: 28px;
  position: relative;
  margin: 0 auto;
  display: table;
}
.ttlHeadMd .iconosCuentas p {
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  color: #fff;
  text-align: center;
}
.ttlHeadMd a.btn-filter {
  float: left;
  position: relative;
  width: 100%;
}
.ttlHeadMd a.btn-filter:hover {
  cursor: pointer;
  text-decoration: none;
}
.ttlHeadMd .iconoCatCuentas {
  margin: 0 auto;
  display: table;
  width: auto;
  float: inherit;
  position: relative;
}
.ttlHeadMd .imgIconoCuentas {
  float: left;
  position: relative;
  width: 100%;
  display: none;
  min-height: 50px;
}
.ttlHeadMd .imgIconoCuentas img {
  display: none;
}

@media only screen and (min-width: 768px) {
  .ttlHeadMd {
    height: auto;
  }
  .ttlHeadMd .ctnHeaderIcn {
    top: 50%;
  }
  .ttlHeadMd .contImgHeader {
    min-width: 100%;
    height: 100%;
    min-height: 385px;
  }
  .ttlHeadMd .contBreadRedes {
    padding: 20px 100px;
  }
  .ttlHeadMd .SecTituloCuentas h1 {
    font-size: 41px;
  }
  .ttlHeadMd .SecTituloCuentas h3 {
    font-size: 14px;
  }
  .ttlHeadMd .SecTituloCuentas h4 {
    font-size: 20px;
  }
  .ttlHeadMd .iconoCatCuentas {
    float: left;
  }
  .ttlHeadMd .iconoCatCuentas p {
    font-size: 17px;
    width: 100%;
    display: table;
    padding-top: 14px;
    margin: 0 auto;
  }
  .ttlHeadMd .iconosCuentas {
    width: auto;
    padding-top: 38px;
  }
  .ttlHeadMd .imgIconoCuentas {
    display: block;
  }
  .ttlHeadMd .imgIconoCuentas img {
    margin: 0 auto;
    display: table;
    width: auto;
  }
}
.seccDescripcion {
  width: 100%;
  float: left;
  position: relative;
  padding: 15px 0;
  overflow: hidden;
}
.seccDescripcion .ttlSeccion {
  margin: 0 auto;
  display: table;
}
.seccDescripcion .ttlSeccion h3 {
  color: #1E786F;
  font-size: 31px;
  font-weight: 700;
  text-align: center;
  margin: 0;
}
.seccDescripcion .txtDescrip {
  margin: 0 auto;
  display: table;
  padding: 20px 0px;
}
.seccDescripcion .txtDescrip p {
  color: #1E786F;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .seccDescripcion {
    width: 100%;
    float: left;
    position: relative;
    padding: 45px 0;
    overflow: hidden;
  }
  .seccDescripcion .txtDescrip p {
    font-size: 25px;
    padding-top: 30px;
  }
  .seccDescripcion h2 {
    font-size: 41px;
    padding: 5px 15px;
  }
}
.seccDocumentos {
  width: 100%;
  float: left;
  position: relative;
  padding-top: 22px;
  padding-bottom: 30px;
  background-color: #C1FFF4;
}
.seccDocumentos .ttlSeccion {
  margin: 0 auto;
  margin-bottom: 24px;
  display: table;
}
.seccDocumentos .ttlSeccion h3 {
  color: #1E786F;
  font-size: 31px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 30px 0;
}
.seccDocumentos .containerPfd {
  width: 100%;
  float: left;
  position: relative;
  padding-bottom: 100px;
}
.seccDocumentos .containerPfd .elementPdf {
  width: 100%;
  float: left;
  position: relative;
  background: #fff;
  padding: 43px 30px 75px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}
.seccDocumentos .containerPfd .elementPdf h3 {
  font-size: 28px;
  color: #1E786F;
  letter-spacing: 0;
  font-weight: 300;
  width: 100%;
  float: left;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 35px;
}
.seccDocumentos .containerPfd .elementPdf .contIcnPdf {
  width: 100%;
  float: left;
  position: relative;
}
.seccDocumentos .containerPfd .elementPdf .contIcnPdf img {
  display: table;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .seccDocumentos .ttlSeccion {
    margin-bottom: 40px;
  }
  .seccDocumentos .ttlSeccion h3 {
    font-size: 41px;
  }
  .seccDocumentos .containerPfd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    row-gap: 24px;
  }
  .seccDocumentos .containerPfd .elementPdf {
    margin-bottom: 0;
  }
}
.ctaLocaliza {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
.ctaLocaliza .conImgTtl {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  height: 350px;
}
.ctaLocaliza .conImgTtl img {
  width: auto;
  min-width: 100%;
  position: absolute;
  max-width: none;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctaLocaliza .ttlLocaliza {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctaLocaliza .ttlLocaliza h3 {
  width: 100%;
  font-weight: 200;
  font-size: 25px;
  color: #fff;
  letter-spacing: 0;
  text-align: center;
}
.ctaLocaliza .ttlLocaliza a {
  width: 100%;
  text-align: left;
  font-weight: 200;
  font-size: 12px;
  color: #fff;
  padding: 12px 7px;
  letter-spacing: 0;
  margin-top: 15px;
  margin-bottom: 0;
  text-transform: uppercase;
  text-align: center;
}
.ctaLocaliza .ttlLocaliza .contBtnAf a:hover {
  cursor: pointer;
}
.ctaLocaliza .contBtnAf {
  width: auto;
  float: inherit;
  position: relative;
  margin: 0 auto;
  margin-top: 15px;
  display: table;
}

@media only screen and (min-width: 768px) {
  .ctaLocaliza img {
    height: 300px;
  }
  .ctaLocaliza .ttlLocaliza h3 {
    font-size: 41px;
  }
  .ctaLocaliza .ttlLocaliza a {
    font-size: 16px;
    padding: 15px 10px;
  }
}
.modalAlertSalidaSitio {
  float: left;
  position: relative;
  width: 100%;
}
.modalAlertSalidaSitio .modal.in .modal-dialog {
  z-index: 99999;
}
.modalAlertSalidaSitio .modal-body {
  float: left;
  position: relative;
  width: 100%;
}
.modalAlertSalidaSitio .modal-content {
  background: none;
}
.modalAlertSalidaSitio .mostrarInfo {
  display: block;
}
.modalAlertSalidaSitio .ocultarInfo {
  display: none;
}
.modalAlertSalidaSitio .modal-left {
  float: left;
  position: relative;
  width: 100%;
  padding: 40px 20px;
  background: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.modalAlertSalidaSitio .modal-left .imgModal {
  width: 15%;
  position: relative;
}
.modalAlertSalidaSitio .modal-left .imgModal img {
  width: auto;
  position: relative;
  float: left;
}
.modalAlertSalidaSitio .modal-left .ttlModalLeft {
  float: left;
  position: relative;
  width: 85%;
}
.modalAlertSalidaSitio .modal-left .ttlModalLeft h2 {
  color: #333333;
  font-size: 31px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: left;
  float: left;
  position: relative;
  width: 90%;
  margin: 0px 15px;
}
.modalAlertSalidaSitio .modal-left .cntAyuda {
  float: left;
  position: relative;
  width: 100%;
  padding: 25px 0 0 10px;
}
.modalAlertSalidaSitio .modal-left .cntAyuda .txtAyuda {
  float: left;
  position: relative;
  width: 100%;
  padding: 5px 0;
}
.modalAlertSalidaSitio .modal-left .cntAyuda .txtAyuda p {
  color: #333333;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: left;
  margin: 0;
}
.modalAlertSalidaSitio .txtAyuda ul {
  list-style: none;
  float: left;
  position: relative;
  width: 100%;
  -webkit-padding-start: 0;
  padding-left: 0;
}
.modalAlertSalidaSitio .txtAyuda ul li {
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
.modalAlertSalidaSitio .txtAyuda ul li a {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  background: transparent;
  font-weight: 200;
  font-size: 20px;
  letter-spacing: 0;
  text-align: left;
  padding: 5px;
}
.modalAlertSalidaSitio .txtAyuda ul li a:hover {
  text-decoration: underline;
  background: #f2f2f2;
  border-radius: 0;
}
.modalAlertSalidaSitio .txtAyuda ul li a:after {
  content: url(../images/arrowList.svg);
  width: 10px;
  height: 15px;
  position: relative;
  margin-left: 10px;
}
.modalAlertSalidaSitio .txtAyuda ul li.active a {
  background: #f2f2f2;
  color: #009539;
  border-radius: 0;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.modalAlertSalidaSitio .txtAyuda .margen {
  padding-top: 17px;
  float: left;
  position: relative;
  width: 100%;
}
.modalAlertSalidaSitio input[type=email] {
  background: transparent;
  border-bottom: 1px solid #333;
  float: left;
  position: relative;
  width: 90%;
  font-size: 20px;
  outline: none;
  font-weight: 100;
}
.modalAlertSalidaSitio input[type=email]::placeholder {
  font-size: 20px;
  color: #b2b2b2;
  font-weight: 100;
}
.modalAlertSalidaSitio input[type=email]:focus {
  border-bottom: 2px solid #009539;
  font-weight: 100;
}
.modalAlertSalidaSitio .contBtnAf.centerBtn {
  padding: 10px 0;
}
.modalAlertSalidaSitio a.btnGeneral {
  padding: 10px 40px;
}
.modalAlertSalidaSitio .contBtnAf a:hover {
  text-decoration: none;
}
.modalAlertSalidaSitio .contBtnAf input[type=button]:hover {
  text-decoration: none;
}
.modalAlertSalidaSitio .modal-right {
  background: #fff;
  float: left;
  position: relative;
  width: 100%;
  padding: 40px 20px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.modalAlertSalidaSitio .modal-right .ttlModalLeft {
  float: left;
  position: relative;
  width: 100%;
}
.modalAlertSalidaSitio .modal-right .ttlModalLeft h2 {
  color: #1E786F;
  font-size: 31px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 700;
  text-align: left;
  width: auto;
  float: left;
  position: relative;
  margin: 0;
}
.modalAlertSalidaSitio .modal-right .ttlModalLeft span {
  font-size: 31px;
  float: left;
  position: relative;
  width: auto;
  font-weight: 200;
  margin: 0;
  bottom: 6px;
}
.modalAlertSalidaSitio .modal-right .txtAyuda {
  margin-bottom: 24px;
}
.modalAlertSalidaSitio .modal-right .cntAyudaRight {
  float: left;
  position: relative;
  width: 100%;
  padding: 7px 0 0;
}
.modalAlertSalidaSitio .modal-right .cntAyudaRight p {
  color: #696969;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: left;
}
.modalAlertSalidaSitio .showDesktopLarge {
  display: none;
}
.modalAlertSalidaSitio .showMobileLarge {
  display: block;
}

.btn-cerrar {
  float: left;
  position: relative;
  width: 100%;
  background: 0;
  border: 0;
  outline: none;
}
.btn-cerrar:before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: text-top;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/cerrar.svg);
}

input[type=text] {
  background: transparent;
  border-bottom: 1px solid #333;
  float: left;
  position: relative;
  width: 90%;
  font-size: 20px;
  outline: none;
  font-weight: 100;
}

input[type=button] {
  background: transparent;
  border-bottom: 1px solid #333;
  float: left;
  position: relative;
  width: 90%;
  font-size: 20px;
  outline: none;
  font-weight: 100;
}

input[type=submit] {
  background: transparent;
  border-bottom: 1px solid #333;
  float: left;
  position: relative;
  width: 90%;
  font-size: 20px;
  outline: none;
  font-weight: 100;
}

textarea {
  background: transparent;
  border-bottom: 1px solid #333;
  float: left;
  position: relative;
  width: 90%;
  font-size: 20px;
  outline: none;
  font-weight: 100;
}

.modal-header {
  float: right;
  position: relative;
  width: auto;
  margin: -24px;
  padding: 0;
  border-bottom: 0;
}

.modal-headerMobile {
  float: right;
  position: relative;
  width: auto;
  margin: -17px 0;
  padding: 0;
  border-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .modalAlertSalidaSitio .modal-left {
    padding: 38px 0 30px 50px;
    min-height: 520px;
  }
  .modalAlertSalidaSitio .modal-left .ttlModalLeft h2 {
    margin: -5px 13px;
    width: 100%;
    font-size: 41px;
  }
  .modalAlertSalidaSitio .modal-left .cntAyuda .txtAyuda p {
    font-size: 25px;
  }
  .modalAlertSalidaSitio .modal-right {
    padding: 35px;
    min-height: 520px;
    height: auto;
  }
  .modalAlertSalidaSitio .modal-right .ttlModalLeft h2 {
    font-size: 41px;
  }
  .modalAlertSalidaSitio .modal-right .ttlModalLeft span {
    font-size: 41px;
  }
  .modalAlertSalidaSitio .modal-right .cntAyudaRight p {
    font-size: 25px;
  }
  .modalAlertSalidaSitio .txtAyuda ul li a {
    font-size: 25px;
  }
}
@media only screen and (min-width: 992px) {
  .modalAlertSalidaSitio .showDesktopLarge {
    display: block;
  }
  .modalAlertSalidaSitio .showMobileLarge {
    display: none;
  }
  .modalAlertSalidaSitio .modal-left {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
  }
  .modalAlertSalidaSitio .modal-right {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
  }
}
.seccComparacion {
  float: left;
  position: relative;
  width: 100%;
  margin-top: 48px;
  background-color: #fff;
}
.seccComparacion .tltSeccion {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  display: table;
}
.seccComparacion .tltSeccion h2 {
  color: #1E786F;
  font-size: 41px;
  font-weight: 700;
  text-align: center;
}
.seccComparacion .txtDescrip {
  margin: 0 auto;
  display: table;
  padding: 20px 0px;
}
.seccComparacion .txtDescrip p {
  color: #7f7f7f;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
}
.seccComparacion .tablaComp {
  float: left;
  position: relative;
  width: 100%;
  overflow: scroll;
}
.seccComparacion .tablaComp .categorias {
  float: left;
  position: relative;
  width: 100%;
  min-width: 997px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.seccComparacion .tablaComp .ctnCategoriaUno,
.seccComparacion .tablaComp .ctnCategoriaDos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  border-radius: 2%;
}
.seccComparacion .tablaComp .ctnCategoriaUno p,
.seccComparacion .tablaComp .ctnCategoriaDos p {
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
  line-height: 1.2;
  padding: 0px 5px;
  margin: 0;
}
.seccComparacion .tablaComp .ctnCategoriaUno {
  border: 1px solid #1E786F;
}
.seccComparacion .tablaComp .ctnCategoriaUno p {
  color: #1E786F;
}
.seccComparacion .tablaComp .ctnCategoriaDos {
  border: 1px solid #00B392;
}
.seccComparacion .tablaComp .ctnCategoriaDos p {
  color: #00B392;
}
.seccComparacion .descripciones {
  float: left;
  position: relative;
  width: 100%;
  padding-top: 30px;
}
.seccComparacion .lnkInfoTarjetaVerde,
.seccComparacion .lnkInfoTarjetaOro {
  width: 70%;
  float: left;
  position: relative;
}
.seccComparacion .lnkInfoTarjetaVerde a,
.seccComparacion .lnkInfoTarjetaOro a {
  cursor: pointer;
  text-align: left;
  width: 100%;
  float: left;
  padding: 0 5px;
  position: relative;
  margin: 0;
}
.seccComparacion .lnkInfoTarjetaVerde .verMenos,
.seccComparacion .lnkInfoTarjetaOro .verMenos {
  background-image: url(../images/icnCaretClose.svg);
}
.seccComparacion .lnkInfoTarjetaVerde .vermas,
.seccComparacion .lnkInfoTarjetaOro .vermas {
  background-image: url(../images/icnCaretOpen.svg) !important;
}
.seccComparacion .lnkInfoTarjetaVerde .verMenos,
.seccComparacion .lnkInfoTarjetaVerde .vermas,
.seccComparacion .lnkInfoTarjetaOro .verMenos,
.seccComparacion .lnkInfoTarjetaOro .vermas {
  background-repeat: no-repeat;
  background-position: center right;
  color: #1E786F;
}
.seccComparacion .lnkTabla.vermas {
  background-image: url("../images/flechaMas-green.svg") !important;
  background-position: center 0% !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
  padding: 10px 0;
  margin: 0 auto;
  display: table;
  color: #1E786F;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
}
.seccComparacion .lnkTabla.vermas a {
  color: #1E786F;
  text-decoration: none;
}
.seccComparacion .lnkTabla.verMenos {
  margin: 0 auto;
  display: table;
  background-image: url("../images/flechaMenos-green.svg") !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
  padding: 10px 0;
  margin: 0 auto;
  display: table;
  color: #1E786F;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
}
.seccComparacion .txtRowDesp {
  float: left;
  position: relative;
  width: 100%;
}
.seccComparacion .txtRowDesp p {
  color: #1E786F;
  font-size: 18px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 700;
  text-align: left;
}
.seccComparacion .categorias .txtRowDesp {
  padding: 10px;
}
.seccComparacion .txtRowDosDesp {
  float: left;
  position: relative;
  width: 100%;
}
.seccComparacion .txtRowDosDesp p {
  color: #1E786F;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 700;
  text-align: left;
}
.seccComparacion .txtRowDosDesp p.center {
  text-align: center;
}
.seccComparacion .parametros {
  float: left;
  position: relative;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 24px;
}
.seccComparacion .parametros .parametroBlanco {
  float: left;
  position: relative;
  width: 100%;
  padding: 13px 17px;
  background: #DAFFF8;
  min-width: 997px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.seccComparacion .parametros .parametroGris {
  float: left;
  padding: 13px 17px;
  position: relative;
  width: 100%;
  min-width: 997px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.seccComparacion .marcaComp {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  align-items: center;
}
.seccComparacion .marcaComp img {
  margin: 0 auto;
  display: table;
  width: auto;
}

.contEsquemas {
  float: left;
  position: relative;
  width: 100%;
}
.contEsquemas .tltSeccion {
  margin: 0 auto;
  display: table;
}
.contEsquemas .tltSeccion h1 {
  color: #333333;
  font-family: Source Sans Pro;
  font-size: 41px;
  font-weight: 300;
  text-align: center;
}
.contEsquemas .txtDescrip {
  margin: 0 auto;
  display: table;
  padding: 20px 0px;
}
.contEsquemas .txtDescrip p {
  color: #7f7f7f;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
}
.contEsquemas .tablaComp {
  float: left;
  position: relative;
  width: 100%;
  padding-top: 23px;
}
.contEsquemas .tablaComp .categorias {
  float: left;
  position: relative;
  width: 100%;
}
.contEsquemas .tablaComp .ctnCategoriaUno {
  border: none;
  border-radius: 2%;
}
.contEsquemas .tablaComp .ctnCategoriaUno p {
  color: #1E786F;
  font-size: 11px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
  line-height: 1.2;
  padding: 0px 5px;
  margin: 0;
}
.contEsquemas .descripciones {
  float: left;
  position: relative;
  width: 100%;
  padding-top: 30px;
}
.contEsquemas .lnkInfoTarjetaVerde {
  width: 70%;
  float: left;
  position: relative;
}
.contEsquemas .lnkInfoTarjetaVerde a {
  color: #009539;
  cursor: pointer;
  text-align: left;
  width: 100%;
  float: left;
  padding: 0 5px;
  position: relative;
  margin: 0;
}
.contEsquemas .lnkInfoTarjetaVerde.verMenos {
  background-image: url(../images/icnCaretClose.svg);
  background-repeat: no-repeat;
  background-position: center right;
  color: #009539;
}
.contEsquemas .lnkInfoTarjetaVerde.vermas {
  background-image: url(../images/icnCaretOpen.svg) !important;
  background-position: center right;
  background-repeat: no-repeat !important;
  color: #009539;
}
.contEsquemas .lnkInfoTarjetaOro {
  width: 70%;
  float: left;
  position: relative;
}
.contEsquemas .lnkInfoTarjetaOro a {
  color: #009539;
  cursor: pointer;
  text-align: left;
  width: 100%;
  float: left;
  padding: 0 5px;
  position: relative;
  margin: 0;
}
.contEsquemas .lnkInfoTarjetaOro.verMenos {
  background-image: url(../images/icnCaretClose.svg);
  background-repeat: no-repeat;
  background-position: center right;
  color: #009539;
}
.contEsquemas .lnkInfoTarjetaOro.vermas {
  background-image: url(../images/icnCaretOpen.svg) !important;
  background-position: center right;
  background-repeat: no-repeat !important;
  color: #009539;
}
.contEsquemas .lnkTabla.vermas {
  background-image: url("../images/flechaMas-green.svg") !important;
  background-position: center 0% !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
  padding: 10px 0;
  margin: 0 auto;
  display: table;
  color: #1E786F;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
  padding-bottom: 31px;
  margin-top: -47px;
}
.contEsquemas .lnkTabla.vermas a {
  color: #1E786F;
  text-decoration: none;
}
.contEsquemas .lnkTabla.verMenos {
  margin: 0 auto;
  display: table;
  background-image: url("../images/flechaMenos-green.svg") !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
  padding: 10px 0;
  margin: 0 auto;
  display: table;
  color: #1E786F;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
}
.contEsquemas .txtRowDesp {
  float: left;
  position: relative;
  width: 100%;
}
.contEsquemas .txtRowDesp p {
  color: #1E786F;
  font-size: 15px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 700;
  text-align: left;
}
.contEsquemas .categorias .txtRowDesp {
  padding: 10px;
}
.contEsquemas .txtRowDosDesp {
  float: left;
  position: relative;
  width: 100%;
}
.contEsquemas .txtRowDosDesp p {
  color: #1E786F;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 700;
  text-align: left;
}
.contEsquemas .txtRowDosDesp p.center {
  text-align: center;
}
.contEsquemas .parametros {
  float: left;
  position: relative;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 24px;
}
.contEsquemas .parametros .parametroBlanco {
  float: left;
  position: relative;
  width: 100%;
  padding: 13px 17px;
  background: #DAFFF8;
}
.contEsquemas .parametros .parametroGris {
  float: left;
  padding: 13px 17px;
  position: relative;
  width: 100%;
}
.contEsquemas .marcaComp {
  float: left;
  position: relative;
  width: 100%;
}
.contEsquemas .marcaComp img {
  margin: 0 auto;
  display: table;
  width: auto;
}

@media only screen and (min-width: 768px) {
  .seccComparacion .descripciones .txtRowDesp p {
    font-size: 20px;
  }
  .seccComparacion .categorias .txtRowDesp {
    padding: 20px;
  }
  .seccComparacion .txtDescrip p {
    font-size: 25px;
    padding-top: 30px;
  }
  .seccComparacion .tablaComp .ctnCategoriaUno p {
    font-size: 25px;
    padding: 9px 5px;
  }
  .seccComparacion .tablaComp .ctnCategoriaDos p {
    font-size: 25px;
    padding: 9px 5px;
  }

  .contEsquemas .tablaComp .ctnCategoriaUno,
.contEsquemas .tablaComp .ctnCategoriaDos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
    border-radius: 2%;
    line-height: 1.2;
  }
  .contEsquemas .tablaComp .ctnCategoriaUno p,
.contEsquemas .tablaComp .ctnCategoriaDos p {
    font-size: 16px;
    font-size: 18px;
    padding: 9px 5px;
  }
  .contEsquemas .tablaComp .ctnCategoriaUno {
    border: 1px solid #1E786F;
    color: #1E786F;
  }
  .contEsquemas .tablaComp .ctnCategoriaDos {
    border: 1px solid #00B392;
    color: #00B392;
  }
  .contEsquemas .descripciones .txtRowDesp p {
    font-size: 20px;
  }
  .contEsquemas .categorias .txtRowDesp {
    padding: 20px;
  }
  .contEsquemas .txtDescrip p {
    font-size: 25px;
    padding-top: 30px;
  }
  .contEsquemas .lnkTabla.vermas {
    margin-top: -38px;
  }
  .contEsquemas .txtRowDesp p {
    font-size: 18px;
  }
  .contEsquemas .txtRowDosDesp p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 997px) {
  .seccComparacion .tablaComp {
    overflow: inherit !important;
  }
  .seccComparacion .tablaComp .ctnCategoriaDos p {
    font-size: 16px !important;
    padding: 9px 5px;
    overflow-wrap: break-word;
  }
  .seccComparacion .tablaComp .ctnCategoriaUno p {
    font-size: 16px !important;
    padding: 9px 5px;
    overflow-wrap: break-word;
  }
  .seccComparacion .tablaComp .categorias {
    float: left;
    position: relative;
    width: 100%;
    min-width: 100%;
  }
  .seccComparacion .parametros .parametroBlanco,
.seccComparacion .parametros .parametroGris {
    min-width: 100%;
  }
}
/* RESET INPUTS IPHONE */
input[type=date],
input[type=number],
input[type=email],
input[type=text],
input[type=button],
input[type=submit],
input[type=tel],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  border: unset;
}

.ttlHeadBusqueda {
  width: 100%;
  float: left;
  position: relative;
}
.ttlHeadBusqueda .contImgTtl {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  height: 350px;
  background: #e6e3e3;
}
.ttlHeadBusqueda .contImgTtl::before {
  position: absolute;
  content: "";
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 1;
  opacity: 0.25;
  background: black;
  background: -moz-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.66) 45%, rgba(0, 0, 0, 0.25) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, black), color-stop(45%, rgba(0, 0, 0, 0.66)), color-stop(100%, rgba(0, 0, 0, 0.25)));
  background: -webkit-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.66) 45%, rgba(0, 0, 0, 0.25) 100%);
  background: -o-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.66) 45%, rgba(0, 0, 0, 0.25) 100%);
  background: -ms-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.66) 45%, rgba(0, 0, 0, 0.25) 100%);
  background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0.66) 45%, rgba(0, 0, 0, 0.25) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
  background-blend-mode: multiply;
}
.ttlHeadBusqueda .contImgTtl img {
  width: auto;
  position: absolute;
  max-width: none;
  min-width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  filter: blur(5px);
}
.ttlHeadBusqueda .contInfo {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
  left: 0;
}
.ttlHeadBusqueda .contTtl {
  width: 100%;
  float: left;
  position: relative;
  text-align: center;
  margin-top: 15vh;
}
.ttlHeadBusqueda .contTtl h1 {
  font-weight: 300;
  font-size: 25px;
  color: #FFFFFF;
  letter-spacing: 0;
}
.ttlHeadBusqueda .contTtl p {
  opacity: 0.7;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
}
.ttlHeadBusqueda .inputBusc {
  width: 100%;
  margin: 0 auto;
  display: table;
  position: relative;
}
.ttlHeadBusqueda .inputBusc input[type=text] {
  color: #000;
  font-size: 30px !important;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300 !important;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  background: transparent;
  border-bottom: 2px solid #1E786F !important;
  display: table;
  outline: none;
  float: none;
}
.ttlHeadBusqueda .inputBusc input[type=text]::placeholder {
  color: #6e6e6e;
  font-size: 25px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
}
.ttlHeadBusqueda .inputBusc a {
  float: right;
  position: relative;
  width: 60%;
}
.ttlHeadBusqueda .inputBusc a:hover {
  cursor: pointer;
}
.ttlHeadBusqueda .inputBusc .imgBuscar {
  float: right;
  position: relative;
  width: 95%;
}
.ttlHeadBusqueda .inputBusc .imgBuscar img {
  width: auto;
  position: absolute;
  float: left;
  bottom: 10px;
}

.buscadorRes {
  float: left;
  position: relative;
  width: 100%;
  background: #fff;
  padding-bottom: 70px;
}
.buscadorRes .txtBusfacil {
  margin: 0 auto;
  display: table;
  padding-top: 65px;
}
.buscadorRes .txtBusfacil h2 {
  color: #333333;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
}
.buscadorRes .inputBusc {
  width: 100%;
  margin: 0 auto;
  display: table;
  position: relative;
}
.buscadorRes .inputBusc input[type=text] {
  color: #000;
  font-size: 30px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
  width: 60%;
  margin: 0 auto;
  background: transparent;
  border-bottom: 2px solid #1E786F !important;
  display: table;
  outline: none;
  float: none;
}
.buscadorRes .inputBusc input[type=text]::placeholder {
  color: #6e6e6e;
  font-size: 25px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
}
.buscadorRes .inputBusc a {
  float: right;
  position: relative;
  width: 60%;
}
.buscadorRes .inputBusc a:hover {
  cursor: pointer;
}
.buscadorRes .inputBusc .imgBuscar {
  float: right;
  position: relative;
  width: 45%;
}
.buscadorRes .inputBusc .imgBuscar img {
  width: auto;
  position: absolute;
  float: left;
  bottom: 10px;
}
.buscadorRes .buscadorGris {
  background: #F3F3F3;
}

/*Resultados de busqueda*/
.resultados {
  float: left;
  position: relative;
  width: 100%;
  background: #DAFFF8;
  padding: 30px 0;
}
.resultados .menuAncla {
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 20px;
}
.resultados .menuAncla .txtTtl {
  float: left;
  position: relative;
  width: 100%;
}
.resultados .menuAncla .txtTtl h2 {
  color: #b2b2b2;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  text-align: left;
}
.resultados .menuAncla ul#navi {
  float: left;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
}
.resultados .menuAncla nav ul li {
  list-style: none;
  float: left;
  width: 100%;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #e4e1e1;
}
.resultados .menuAncla nav ul li a {
  padding: 0px 0;
  height: 30px;
  margin: 2px 0;
  text-decoration: none;
  color: #009539;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
  background: transparent;
  position: relative;
  float: left;
  width: 100%;
}
.resultados a.anclas.active {
  background: #fff;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
  color: #333333;
  background-repeat: no-repeat;
  background-position: center 46%;
  background-position-x: 95%;
  margin: 0;
}
.resultados .contenidoBusqueda {
  float: left;
  position: relative;
  width: 100%;
}
.resultados .contenidoBusqueda .txtTtl h2 {
  color: #b2b2b2;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  text-align: left;
}
.resultados .contenidoBusqueda .ctnBusquedas {
  float: left;
  position: relative;
  width: 100%;
  margin: 0 0 20px;
}
.resultados .contenidoBusqueda .ctnBusquedas .panelBlanco {
  float: left;
  position: relative;
  width: 100%;
  background: #fff;
  border-radius: 1px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
}
.resultados .contenidoBusqueda .panelBlanco .ttlBusqueda {
  border-bottom: 1px solid #e5e5e5;
}
.resultados .contenidoBusqueda .panelBlanco .ttlBusqueda h2 {
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: left;
  padding: 20px;
  margin: 0;
}
.resultados .contenidoBusqueda .panelBlanco .txtBusqueda p {
  color: #6e6e6e;
  font-size: 18px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: left;
  padding: 21px;
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .ttlHeadBusqueda {
    padding-bottom: 0vh;
  }
  .ttlHeadBusqueda .contImgTtl {
    position: relative;
    width: 100%;
    height: 385px;
    float: left;
  }
  .ttlHeadBusqueda .contInfo {
    padding: 36px 0;
  }
  .ttlHeadBusqueda .contTtl {
    margin-top: 90px;
  }
  .ttlHeadBusqueda .contTtl h1 {
    font-size: 41px;
    line-height: 61px;
  }
  .ttlHeadBusqueda .contTtl p {
    font-size: 20px;
  }
  .ttlHeadBusqueda .inputBusc input[type=text] {
    color: #000;
    font-size: 30px !important;
    font-style: normal;
    font-stretch: normal;
    font-weight: 300 !important;
    text-align: center;
    width: 50%;
  }

  .buscadorRes .txtBusfacil h2 {
    font-size: 25px;
  }
  .buscadorRes .inputBusc input[type=text] {
    font-size: 35px;
    width: 50%;
  }
  .buscadorRes .inputBusc input[type=text]::placeholder {
    font-size: 35px;
  }

  .resultados {
    padding: 65px 0;
  }
  .resultados .ctnWtMenu .txtAncla p {
    font-size: 25px;
    text-align: left;
  }
  .resultados .menuAncla .txtTtl h2 {
    font-size: 14px;
  }
  .resultados .menuAncla nav ul li {
    border-bottom: none;
  }
  .resultados .menuAncla nav ul li a {
    text-align: left;
    height: 70px;
    padding: 20px 21px;
  }
  .resultados .contenidoBusqueda .txtTtl h2 {
    font-size: 14px;
  }
  .resultados .contenidoBusqueda .ctnBusquedas {
    margin: 0 0 40px;
  }
  .resultados .contenidoBusqueda .panelBlanco .ttlBusqueda h2 {
    font-size: 25px;
  }
  .resultados .contenidoBusqueda .panelBlanco .txtBusqueda p {
    font-size: 20px;
  }
  .resultados a.anclas.active {
    padding: 20px 24px;
    background-image: url(../images/flechaAncla.svg);
  }
}
.esquemasLG {
  width: 100%;
  float: left;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
}
.esquemasLG .ttlSeccionAlt {
  margin: 0 auto;
  display: table;
  padding-bottom: 45px;
}
.esquemasLG .ttlSeccionAlt .iconoAncla {
  position: relative;
  width: auto;
  margin: 0 auto;
  display: table;
}
.esquemasLG .ttlSeccionAlt img {
  width: auto;
  float: left;
  position: relative;
}
.esquemasLG h2 {
  font-weight: 700;
  text-align: center;
  float: left;
  position: relative;
  width: auto;
  padding-left: 20px;
  margin-top: 0;
  font-size: 25px;
  color: #1E786F;
  letter-spacing: 0;
}
.esquemasLG .tablaComp {
  float: left;
  position: relative;
  width: 100%;
  overflow: auto;
}
.esquemasLG .tablaComp .categorias {
  float: left;
  position: relative;
  width: 1000px;
  padding: 13px 17px 0 13px;
  padding-top: 0 !important;
}
.esquemasLG .tablaComp .categorias .colAlt {
  width: 50vw;
  float: left;
  position: relative;
}
.esquemasLG .tablaComp .ctnCategoriaUno {
  width: 95%;
  border: 1px solid #1E786F;
  border-radius: 3px;
  float: none;
  position: relative;
  padding: 10px;
  display: table;
  margin: 0 auto;
}
.esquemasLG .tablaComp .ctnCategoriaUno p {
  color: #1E786F;
  font-size: 4vw;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
  line-height: 1.2;
  margin: 0;
}
.esquemasLG .lnkInfoTarjetaVerde.verMenos {
  background-image: url(../images/icnCaretClose.svg);
  background-repeat: no-repeat;
  background-position: center right;
  color: #009539;
}
.esquemasLG .lnkInfoTarjetaVerde.vermas {
  background-image: url(../images/icnCaretOpen.svg) !important;
  background-position: center right;
  background-repeat: no-repeat !important;
  color: #009539;
}
.esquemasLG .lnkInfoTarjetaOro {
  width: 70%;
  float: left;
  position: relative;
}
.esquemasLG .lnkInfoTarjetaOro a {
  color: #009539;
  cursor: pointer;
  text-align: left;
  width: 100%;
  float: left;
  padding: 0 5px;
  position: relative;
  margin: 0;
}
.esquemasLG .lnkInfoTarjetaOro.verMenos {
  background-image: url(../images/icnCaretClose.svg);
  background-repeat: no-repeat;
  background-position: center right;
  color: #009539;
}
.esquemasLG .lnkInfoTarjetaOro.vermas {
  background-image: url(../images/icnCaretOpen.svg) !important;
  background-position: center right;
  background-repeat: no-repeat !important;
  color: #009539;
  cursor: pointer;
  padding: 10px 0;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0 auto;
  margin-top: 0px;
  display: table;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
  float: left;
  position: relative;
  width: 100%;
  background: #fff;
  padding-bottom: 31px;
  margin-top: -47px;
  padding-top: 20px;
}
.esquemasLG .lnkTabla.vermas {
  background-image: url("../images/flechaMas-green.svg") !important;
  background-position: center 17% !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
  padding: 10px 0;
  margin: 0 auto;
  display: table;
  color: #1E786F;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
  background: #fff;
  padding-bottom: 31px;
  padding-top: 20px;
  float: left;
  position: relative;
  width: 100%;
}
.esquemasLG .lnkTabla.vermas a {
  color: #1E786F;
  text-decoration: none;
}
.esquemasLG .lnkTabla .verMas {
  float: left;
  position: relative;
  width: 100%;
  color: #1E786F;
}
.esquemasLG .lnkTabla .verMas a {
  background-image: url("../images/flechaMas-green.svg") !important;
  background-position: center 0% !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
  padding: 10px 0;
  margin: 0 auto;
  display: table;
  color: #1E786F;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
}
.esquemasLG .lnkTabla.verMenos {
  margin: 0 auto;
  display: table;
  background-image: url("../images/flechaMenos-green.svg") !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
  padding: 10px 0;
  margin: 0 auto;
  display: table;
  color: #1E786F;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
}
.esquemasLG .parametros.overlayGreen:before {
  position: absolute;
  content: "";
  background-color: rgba(193, 255, 244, 0.5);
  width: 90%;
  height: 100%;
  top: 0;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.esquemasLG .parametros.overlayGrey:before {
  position: absolute;
  content: "";
  background-color: rgba(193, 255, 244, 0.25);
  width: 90%;
  height: 100%;
  top: 0;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.ttlCat {
  width: 100%;
  float: left;
  position: relative;
  padding: 20px 5px;
  height: 80px;
}
.ttlCat p {
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  color: #1E786F;
  letter-spacing: 0;
  text-transform: uppercase;
  margin: 0;
}

.fila {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px;
  background: #00DBB3;
}
.fila p {
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  color: #1E786F;
  letter-spacing: 0;
}

.fila.transparent {
  background: transparent;
}

.filaAlt {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px;
  text-align: center;
  background: #fff;
}
.filaAlt p {
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  color: #1E786F;
  letter-spacing: 0;
}

.ttlCat p,
.fila p,
.filaAlt p {
  position: relative;
  z-index: 2;
}

@media only screen and (min-width: 768px) {
  .esquemasLG {
    padding-top: 50px;
  }
  .esquemasLG .tablaComp {
    float: left;
    position: relative;
    width: 100%;
    overflow: unset;
  }
  .esquemasLG .tablaComp .categorias {
    float: left;
    position: relative;
    width: 100%;
    padding: 13px 17px 0 13px;
  }
  .esquemasLG .tablaComp .categorias .colAlt {
    width: 25%;
  }
  .esquemasLG .tablaComp .ctnCategoriaUno p {
    font-size: 18px;
  }
  .esquemasLG h2 {
    font-size: 41px;
  }
  .esquemasLG .parametros {
    float: left;
    position: relative;
    width: 100%;
  }
}
.preguntas {
  float: left;
  position: relative;
  width: 100%;
  background: #fff;
  margin-top: 32px;
}
.preguntas .menuAncla {
  float: left;
  position: relative;
  width: 100%;
}
.preguntas .menuAncla .txtTtl {
  float: left;
  position: relative;
  width: 100%;
}
.preguntas .menuAncla .txtTtl h2 {
  color: #5680DD;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  text-align: left;
}
.preguntas .menuAncla ul#navi {
  float: left;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
}
.preguntas .menuAncla nav ul li {
  list-style: none;
  float: left;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #e4e1e1;
}
.preguntas .menuAncla nav ul li a {
  padding: 0px 0;
  margin: 2px 0;
  text-decoration: none;
  color: #1E786F;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  text-align: center;
  background: transparent;
  position: relative;
  float: left;
  width: 100%;
}
.preguntas a.ancla.active {
  background: rgba(193, 255, 244, 0.6);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
  color: #5680DD;
  background-repeat: no-repeat;
  background-image: url(../images/flechaAncla.svg);
  background-position: center 46%;
  background-position-x: 95%;
  margin: 0;
}
.preguntas .acordeonesFaq {
  float: left;
  position: relative;
  width: 100%;
}
.preguntas .acordeonesFaq div {
  float: left;
}
.preguntas .acordeonesFaq .txtTtl {
  float: left;
  position: relative;
  width: 100%;
}
.preguntas .acordeonesFaq .txtTtl h2 {
  font-weight: 700;
  text-align: left;
  font-size: 14px;
  color: #5680DD;
  letter-spacing: 1.08px;
  text-transform: uppercase;
}
.preguntas #generales {
  float: left;
  position: relative;
  width: 100%;
  background: #f3f3f3;
}
.preguntas #seguridad {
  float: left;
  position: relative;
  width: 100%;
  background: #f3f3f3;
}
.preguntas #productos {
  float: left;
  position: relative;
  width: 100%;
  background: #f3f3f3;
}
.preguntas #promociones {
  float: left;
  position: relative;
  width: 100%;
  background: #f3f3f3;
}
.preguntas .contAcordion {
  width: 100%;
  padding: 0 0 43px;
  float: left;
  position: relative;
}
.preguntas .contAcordion .panel-group {
  margin-bottom: 0;
}
.preguntas .contAcordion .panel-default {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  border: none;
  padding: 0;
}
.preguntas .contAcordion .panel-default .panel-collapse {
  width: 100%;
}
.preguntas .contAcordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
  background: rgba(193, 255, 244, 0.6);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
  width: 100%;
}
.preguntas .contAcordion .panel-default > .panel-heading + .panel-collapse > .panel-body p {
  color: #415685;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: left;
}
.preguntas .contAcordion .panel-default > .panel-heading + .panel-collapse > .panel-body a.num {
  cursor: pointer;
  text-decoration: none;
  font-weight: 600;
}
.preguntas .contAcordion .panel-default > .panel-heading + .panel-collapse > .panel-body ul,
.preguntas .contAcordion .panel-default > .panel-heading + .panel-collapse > .panel-body ol {
  padding: revert;
}
.preguntas .contAcordion .panel-heading {
  background-color: transparent;
  border-radius: 0;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
  padding: 0;
  padding: 0;
  box-shadow: none;
  border: none;
}
.preguntas .contAcordion .panel-heading h4 a {
  color: #333333;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
  width: 100%;
  display: table;
  font-family: Source Sans Pro;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: left;
  padding: 17px 15px;
  outline: none;
  text-decoration: none;
}
.preguntas .contAcordion .panel-heading h4 a:hover {
  text-decoration: none;
}
.preguntas .panel-default > .panel-heading h4 a.collapsed {
  box-shadow: none;
  color: #1E786F;
}
.preguntas .panel.panel-default {
  border: none !important;
  box-shadow: none !important;
  margin-top: 0;
  width: 100%;
}
.preguntas .panel-heading h4.panel-title a span {
  float: right;
  position: relative;
}
.preguntas .panel-heading .panel-title a.collapsed span:after {
  content: url(../images/acordeonAbajo.svg);
}
.preguntas .panel-heading .panel-title a span:after {
  content: url(../images/acordeonArriba.svg);
}

.contAcordion .panel-heading {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  border: none;
  padding: 0;
  width: 100%;
}

a:focus {
  text-decoration: none;
}

@media only screen and (min-width: 768px) {
  .preguntas .ctnWtMenu .txtAncla p {
    font-size: 25px;
    text-align: left;
  }
  .preguntas .menuAncla .txtTtl h2 {
    font-size: 14px;
  }
  .preguntas .menuAncla nav ul li {
    border-bottom: none;
  }
  .preguntas .menuAncla nav ul li a {
    text-align: left;
    padding: 20px 21px;
  }
  .preguntas .acordeonFaq .txtTtl h2 {
    font-size: 14px;
  }
  .preguntas .menuAncla .txtTtl,
.preguntas .acordeonesFaq .txtTtl {
    margin-bottom: 24px;
  }
  .preguntas .contAcordion .panel-heading h4 a {
    font-size: 25px;
  }
  .preguntas .panel-default .panel-body p {
    font-size: 20px;
  }
  .preguntas a.ancla.active {
    padding: 20px 24px;
  }
}
.parrafoAlt {
  width: 100%;
  float: left;
  position: relative;
  background: #C1FFF4;
  z-index: 0;
  padding-bottom: 60px;
}
.parrafoAlt .infoTarjeta {
  width: 100%;
  float: left;
  position: relative;
}
.parrafoAlt .infoTarjeta h3 {
  font-weight: 200;
  font-size: 31px;
  color: #1E786F;
  letter-spacing: 0;
  text-align: center;
}
.parrafoAlt .infoTarjeta p {
  font-weight: 200;
  font-size: 20px;
  color: #1E786F;
  letter-spacing: 0;
  text-align: center;
  padding-top: 10px;
}
.parrafoAlt .contImg {
  width: 100%;
  float: left;
  position: relative;
}
.parrafoAlt .contImg img {
  width: 100%;
  float: left;
  position: relative;
  margin: 40px 0;
}
.parrafoAlt .contenedorBotones {
  padding: 5vh 0;
}

@media only screen and (max-width: 768px) {
  .parrafoAlt .infoTarjeta {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 768px) {
  .parrafoAlt .inTarjetaCont {
    width: 100%;
    float: left;
    position: relative;
    padding-top: 65px;
  }
  .parrafoAlt .contenedorBotones {
    padding: 0;
    float: left;
  }
  .parrafoAlt .infoTarjeta h3 {
    font-size: 41px;
    text-align: left;
  }
  .parrafoAlt .infoTarjeta p {
    font-size: 20px;
    text-align: left;
    padding-top: 0;
  }
}
.seccContactos {
  float: left;
  position: relative;
  width: 100%;
  background: #fff;
  padding-bottom: 25px;
}
.seccContactos .txtBusfacil {
  margin: 0 auto;
  display: table;
  padding-top: 65px;
}
.seccContactos .txtBusfacil h2 {
  color: #1E786F;
  font-size: 35px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  margin: 0;
  text-align: center;
}
.seccContactos .pagBusqueda {
  float: left;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.seccContactos .pagBusqueda .linkBlanco {
  background: #DAFFF8;
  margin: 0 0 35px 0;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
  float: left;
  position: relative;
  width: 100%;
}
.seccContactos .pagBusqueda .ttlPagVisitadas {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  float: left;
  position: relative;
  width: 100%;
  padding: 15px;
  border-bottom: 1px solid #5BDDD2;
}
.seccContactos .pagBusqueda .ttlPagVisitadas .icnContac {
  position: relative;
  width: auto;
  float: left;
}
.seccContactos .pagBusqueda .ttlPagVisitadas .icnContac img {
  width: auto;
  float: left;
  position: relative;
  padding: 24px 12px 24px 24px;
}
.seccContactos .pagBusqueda .ttlPagVisitadas h2 {
  color: #1E786F;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  text-align: center;
  padding: 3px 12px;
}
.seccContactos .pagBusqueda .productosLinks {
  position: relative;
  width: 100%;
  float: left;
  padding: 0 15px;
}
.seccContactos .pagBusqueda .prodLinks {
  position: relative;
  width: 100%;
  float: left;
  padding: 15px;
}
.seccContactos .pagBusqueda .txtLink {
  float: left;
  position: relative;
  width: 100%;
}
.seccContactos .pagBusqueda .txtLink a {
  font-size: 18px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
  text-align: left;
  float: left;
  position: relative;
  padding: 10px 0;
  margin: 0;
  width: auto;
}
.seccContactos .pagBusqueda .txtLink a:hover {
  cursor: pointer;
  text-decoration: none;
}
.seccContactos .pagBusqueda .txtLink p {
  color: #1E786F;
  font-size: 18px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: left;
  float: left;
  position: relative;
  padding: 10px 3px;
  margin: 0;
  width: auto;
}
.seccContactos .pagBusqueda .PdcLinks {
  float: left;
  position: relative;
  width: 100%;
  padding: 40px 0px;
}
.seccContactos .pagBusqueda .PdcLinks p {
  color: #1E786F;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  width: 100%;
  float: center;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .seccContactos .pagBusqueda .prodLinks {
    padding: 20px 25px;
  }
  .seccContactos .pagBusqueda .PdcLinks p {
    font-size: 20px;
  }
  .seccContactos .pagBusqueda .ttlPagVisitadas h2 {
    font-size: 25px;
    text-align: left;
  }
  .seccContactos .pagBusqueda .txtLink p {
    font-size: 20px;
  }
  .seccContactos .pagBusqueda .txtLink a {
    font-size: 20px;
  }
  .seccContactos .txtBusfacil h2 {
    font-size: 41px;
  }
}
.compartirArt {
  width: 100%;
  float: left;
  position: relative;
  background: #fff;
}
.compartirArt .cntRedCompartir {
  width: 100%;
  float: left;
  position: relative;
  padding-bottom: 55px;
  z-index: 999;
}
.compartirArt .cntRedCompartir .ctnWhite {
  margin: 0 auto;
  display: table;
  background: #C1FFF4;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
}
.compartirArt .cntRedCompartir .txtCompartirBlog {
  width: auto;
  position: relative;
  float: left;
}
.compartirArt .cntRedCompartir .txtCompartirBlog p {
  color: #5680DD;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  text-align: left;
  padding: 10px;
  margin: 0;
}
.compartirArt .rdsCompartirBlog {
  float: right;
  position: relative;
  width: auto;
}
.compartirArt .rdsCompartirBlog .iconoCompartirBlog {
  width: auto;
  float: left;
  position: relative;
  padding: 13px 10px;
}
.compartirArt .rdsCompartirBlog .iconoCompartirBlog img {
  width: auto;
  float: left;
  position: relative;
}
.compartirArt .lineaComp {
  position: absolute;
  width: 100%;
  height: 1px;
  background: #5680DD;
  top: 20px;
  z-index: -1;
}

@media only screen and (min-width: 768px) {
  .compartirArt .cntRedCompartir .txtCompartirBlog p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 320px) {
  .txtArtBlog {
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
  }
  .txtArtBlog .bodyBlog {
    width: 100%;
    float: left;
    position: relative;
    padding: 50px 0;
  }
  .txtArtBlog .bodyBlog .ttlPrinc {
    width: 100%;
    float: left;
    position: relative;
  }
  .txtArtBlog .bodyBlog .ttlPrinc h1 {
    color: #1E786F;
    font-size: 35px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 300;
    text-align: center;
  }
  .txtArtBlog .bodyBlog .ttlPrinc h2 {
    color: #1E786F;
    font-size: 32px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 300;
    text-align: center;
  }
  .txtArtBlog .bodyBlog .ttlPrinc h3 {
    line-height: 29px;
    color: #1E786F;
    font-size: 20px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 300;
    text-align: center;
    margin: 0;
    padding: 0 0 38px 0;
  }
  .txtArtBlog .bodyBlog .ttlPrinc h4 {
    color: #1E786F;
    font-size: 25px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 300;
    text-align: center;
    margin: 0;
    padding: 0 0 38px 0;
  }
  .txtArtBlog .bodyBlog .ttlPrinc h5 {
    color: #1E786F;
    font-size: 20px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 300;
    text-align: center;
    margin: 0;
    padding: 0 0 38px 0;
  }
  .txtArtBlog .bodyBlog .txtBlog {
    width: 100%;
    float: left;
    position: relative;
  }
  .txtArtBlog .bodyBlog .txtBlog h6 {
    color: #6e6e6e;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding-bottom: 15px;
  }
  .txtArtBlog .bodyBlog .txtBlog p {
    color: #6e6e6e;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 300;
    text-align: justify;
    margin: 0;
    padding-bottom: 15px;
  }
  .txtArtBlog .bodyBlog .txtBlog span {
    font-size: 20px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 100;
    text-align: center;
    margin: 0;
    padding-bottom: 15px;
  }
  .txtArtBlog .bodyBlog .txtBlog a {
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
  }
  .txtArtBlog .bodyBlog span.black {
    font-weight: 400 !important;
    color: #6e6e6e !important;
  }
  .txtArtBlog .bodyBlog .imgBlog {
    width: 100%;
    float: left;
    position: relative;
    padding: 30px 0;
  }
  .txtArtBlog .bodyBlog .imgBlog img {
    width: 100%;
    float: left;
    position: relative;
    max-width: unset;
    height: auto;
  }
  .txtArtBlog .bodyBlog .listaBlog {
    float: left;
    position: relative;
    width: 100%;
  }
  .txtArtBlog .bodyBlog .listaBlog ul {
    float: left;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0 23px;
  }
  .txtArtBlog .bodyBlog .listaBlog ul li {
    color: #6e6e6e;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 300;
    text-align: justify;
    padding: 10px 0;
  }
  .txtArtBlog .bodyBlog .listaBlog ul li a {
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
  }
}
@media only screen and (min-width: 768px) {
  .txtArtBlog .bodyBlog .ttlPrinc h1 {
    font-size: 41px;
  }
  .txtArtBlog .bodyBlog .ttlPrinc h2 {
    font-size: 35px;
  }
  .txtArtBlog .bodyBlog .ttlPrinc h3 {
    font-size: 25px;
    text-align: left;
  }
  .txtArtBlog .bodyBlog .ttlPrinc h4 {
    font-size: 20px;
    text-align: left;
  }
  .txtArtBlog .bodyBlog .ttlPrinc h5 {
    font-size: 22px;
  }
  .txtArtBlog .bodyBlog .ttlPrinc h6 {
    font-size: 20px;
  }
  .txtArtBlog .bodyBlog .txtBlog p {
    font-size: 20px;
    text-align: left;
  }
  .txtArtBlog .bodyBlog .txtBlog h6 {
    font-size: 20px;
    text-align: left;
  }
  .txtArtBlog .bodyBlog .txtBlog span {
    font-size: 25px;
  }
  .txtArtBlog .bodyBlog .listaBlog ul li {
    font-size: 20px;
  }
}
.seccArticulos {
  width: 100%;
  float: left;
  position: relative;
  background: #DAFFF8;
  padding: 61px 0 45px;
}
.seccArticulos .tltSeccion {
  margin: 0 auto;
  display: table;
  padding-bottom: 40px;
}
.seccArticulos .tltSeccion h3 {
  color: #1E786F;
  font-size: 31px;
  font-weight: 300;
  text-align: center;
  margin: 0;
}
.seccArticulos .tltSeccion p {
  color: #7f7f7f;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  padding: 0 30px;
  margin-top: 15px;
  margin-bottom: 0;
}
.seccArticulos .contTtlArt {
  width: 100%;
  float: left;
  position: relative;
  padding-bottom: 25px;
}
.seccArticulos .contTtlArt h3 {
  font-weight: 200;
  font-size: 31px;
  color: #1E786F;
  letter-spacing: 0;
  margin-top: 0;
  width: 100%;
  text-align: center;
  float: left;
}
.seccArticulos .contTtlArt p {
  font-weight: 200;
  font-size: 20px;
  color: #6f6f6f;
  text-align: center;
  letter-spacing: 0;
  width: auto;
  float: left;
}
.seccArticulos .contTtlArt a {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0;
  width: auto;
  float: right;
  position: relative;
  text-decoration: underline;
  margin-top: 8px;
}
.seccArticulos .contTtlArtAlt h3 {
  font-size: 20px !important;
  color: #1E786F;
  letter-spacing: 0;
  margin-top: 0;
  width: auto;
  text-align: left;
  float: left;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  margin-top: 0;
}
.seccArticulos .contTtlArtAlt a {
  margin-top: 4px !important;
}
.seccArticulos .contArticulos {
  width: 100%;
  float: left;
  position: relative;
}
.seccArticulos .elementArt {
  width: 100%;
  float: left;
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
}
.seccArticulos .elementArt .contimg {
  width: 100%;
  float: left;
  position: relative;
  height: 245px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  overflow: hidden;
}
.seccArticulos .elementArt .contimg img {
  width: auto;
  height: 100%;
  object-fit: cover;
  float: left;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.seccArticulos .elementArt .infoArt {
  width: 100%;
  float: left;
  position: relative;
  padding: 19px 24px 22px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.seccArticulos .elementArt .infoArt h4 {
  width: 100%;
  font-weight: 500;
  font-size: 25px;
  color: #1E786F;
  letter-spacing: 0;
  line-height: 27px;
  margin-bottom: 0;
  margin-top: 0;
  text-align: left;
}
.seccArticulos .elementArt .infoArt p {
  width: 100%;
  float: left;
  position: relative;
  font-weight: 400;
  font-size: 16px;
  color: #1E786F;
  letter-spacing: 0;
  margin: 10px 0 0;
  text-align: left;
}
.seccArticulos .elementArt .infoArt a {
  font-weight: 200;
  font-size: 18px;
  letter-spacing: 0;
  margin-top: 15px;
  float: left;
  position: relative;
}
.seccArticulos .elementArt .infoArt ol, .seccArticulos .elementArt .infoArt ul {
  padding: inherit;
}

@media only screen and (min-width: 768px) {
  .seccArticulos .contTtlArt h3 {
    font-size: 41px;
    text-align: left;
  }
  .seccArticulos .contTtlArt p {
    font-size: 25px;
    text-align: left;
  }
  .seccArticulos .contTtlArt a {
    font-size: 14px;
  }
  .seccArticulos .contTtlArtAlt h3 {
    font-size: 25px !important;
  }
  .seccArticulos .tltSeccion h3 {
    font-size: 41px;
  }
  .seccArticulos .tltSeccion p {
    font-size: 20px;
    padding: 0 100px;
  }
}
.gridBlog {
  width: 100%;
  float: left;
  position: relative;
  background: #fff;
  padding: 92px 0 15px;
}
.gridBlog .tltSeccion {
  margin: 0 auto;
  display: table;
  padding-bottom: 40px;
}
.gridBlog .tltSeccion h3 {
  color: #1E786F;
  font-size: 31px;
  font-weight: 500;
  text-align: center;
  margin: 0;
}
.gridBlog .tltSeccion p {
  color: #1E786F;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  padding: 0 30px;
  margin-top: 15px;
  margin-bottom: 0;
}
.gridBlog .contTtlArt {
  width: 100%;
  float: left;
  position: relative;
  padding-bottom: 25px;
}
.gridBlog .contTtlArt h3 {
  color: #1E786F;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  text-align: center;
  margin-top: 0;
  float: left;
}
.gridBlog .contTtlArt a {
  font-weight: 400;
  font-size: 12px;
  color: #1E786F;
  letter-spacing: 0;
  width: auto;
  float: right;
  position: relative;
  text-decoration: underline;
  margin-top: 8px;
}
.gridBlog .contArticulos {
  width: 100%;
  float: left;
  position: relative;
}
.gridBlog .elementArt {
  width: 100%;
  float: left;
  margin: 0 0 20px;
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}
.gridBlog .elementArt .contimg {
  width: 100%;
  float: left;
  position: relative;
  height: 245px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  overflow: hidden;
}
.gridBlog .elementArt .contimg img {
  width: auto;
  height: 100%;
  object-fit: cover;
  float: left;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.gridBlog .elementArt .infoArt {
  width: 100%;
  float: left;
  position: relative;
  padding: 19px 24px 22px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.gridBlog .elementArt .infoArt h4 {
  width: 100%;
  font-weight: 500;
  font-size: 25px;
  color: 700;
  letter-spacing: 0;
  line-height: 27px;
  margin-bottom: 0;
  margin-top: 0;
  text-align: left;
}
.gridBlog .elementArt .infoArt a.lnkCategoria {
  width: auto;
  color: #5680DD;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  text-align: left;
  background: #DAFFF8;
  padding: 5px 15px;
  float: left;
  margin-bottom: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.gridBlog .elementArt .infoArt a.lnkCategoria:hover {
  text-decoration: none;
  opacity: 0.7;
}
.gridBlog .elementArt .infoArt p {
  width: 100%;
  float: left;
  position: relative;
  font-weight: 400;
  font-size: 16px;
  color: #1E786F;
  letter-spacing: 0;
  margin: 10px 0 0;
  text-align: left;
}
.gridBlog .elementArt .infoArt a {
  font-weight: 200;
  font-size: 18px;
  letter-spacing: 0;
  margin-top: 15px;
  float: left;
  position: relative;
}
.gridBlog .elementArt .infoArt ol, .gridBlog .elementArt .infoArt ul {
  padding: inherit;
}

@media only screen and (min-width: 768px) {
  .gridBlog .tltSeccion h3 {
    font-size: 41px;
  }
  .gridBlog .tltSeccion p {
    font-size: 20px;
    padding: 0 100px;
  }
  .gridBlog .contTtlArt h3 {
    font-size: 25px;
    text-align: left;
  }
  .gridBlog .contTtlArt p {
    font-size: 25px;
    text-align: left;
  }
  .gridBlog .contTtlArt a {
    font-size: 14px;
  }
}
.contPaginador {
  width: 100%;
  float: left;
  position: relative;
}
.contPaginador nav {
  display: table;
  margin: 0 auto;
  width: auto;
}
.contPaginador nav ul {
  margin-bottom: 0;
}
.contPaginador nav ul li a {
  background-color: transparent;
  border: none;
  background-color: transparent;
  border: none;
  font-size: 25px;
  color: #1E786F;
  letter-spacing: 4px;
  line-height: 22px;
  font-weight: 300;
}
.contPaginador nav ul li a span {
  background-color: transparent;
  border: none;
  background-color: transparent;
  border: none;
  font-size: 25px;
  color: #1E786F;
  letter-spacing: 4px;
  line-height: 22px;
  font-weight: 300;
}
.contPaginador .pagination > li > a:hover {
  color: #5680DD;
  background-color: transparent;
  border-color: transparent;
}
.contPaginador .pagination > li > a:focus {
  color: #5680DD;
  background-color: transparent;
  border-color: transparent;
}
.contPaginador .pagination > li > span:hover {
  color: #5680DD;
  background-color: transparent;
  border-color: transparent;
}
.contPaginador .pagination > li > span:focus {
  color: #5680DD;
  background-color: transparent;
  border-color: transparent;
}
.contPaginador .pagination > li > a.active {
  color: #5680DD;
  font-weight: 700;
}

.pagination > .disabled > span {
  cursor: not-allowed;
  background-color: transparent;
  border-color: transparent;
}
.pagination > .disabled > span:hover {
  cursor: not-allowed;
  background-color: transparent;
  border-color: transparent;
}
.pagination > .disabled > span:focus {
  cursor: not-allowed;
  background-color: transparent;
  border-color: transparent;
}
.pagination > .disabled > a {
  cursor: not-allowed;
  background-color: transparent;
  border-color: transparent;
}
.pagination > .disabled > a:hover {
  cursor: not-allowed;
  background-color: transparent;
  border-color: transparent;
}
.pagination > .disabled > a:focus {
  cursor: not-allowed;
  background-color: transparent;
  border-color: transparent;
}

.tipoDeCambio {
  background: #fff;
  float: left;
  position: relative;
  width: 100%;
  padding-top: 45px;
}
.tipoDeCambio h2 {
  font-size: 28px;
  font-weight: 300;
  text-align: center;
  float: left;
  position: relative;
  width: auto;
  padding: 5px 20px;
  margin-top: 0;
}
.tipoDeCambio img {
  width: auto;
  float: left;
  position: relative;
  padding-bottom: 10px;
}
.tipoDeCambio .ttlSeccion {
  margin: 0 auto;
  display: table;
}
.tipoDeCambio .ttlSeccion .iconoAncla {
  position: relative;
  width: auto;
  margin: 0 auto;
  display: table;
}
.tipoDeCambio .CuentasCList {
  float: left;
  position: relative;
  width: 100%;
  padding-top: 13vh;
  overflow: hidden;
}
.tipoDeCambio .contDol {
  float: left;
  position: relative;
  width: 100%;
  padding: 45px 0;
}
.tipoDeCambio .contDol .row {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
  border: 1px solid #C1FFF4;
}
.tipoDeCambio .contDol .row .no-padding:last-of-type {
  padding: 0;
}
.tipoDeCambio .bgWhiteDol {
  background: #fff;
  width: 100%;
  float: left;
  padding: 30px 10px 24px 10px;
}
.tipoDeCambio .bgWhiteDol .txtDolar {
  margin: 0 auto;
  display: table;
}
.tipoDeCambio .bgWhiteDol .txtDolar h3 {
  color: #1E786F;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
}
.tipoDeCambio .bgWhiteDol .txtDolar h2 {
  font-size: 39px;
  color: #5680DD;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
}
.tipoDeCambio .aclaracion {
  width: 100%;
  z-index: 999;
  float: left;
  position: relative;
  margin-top: 30px;
}
.tipoDeCambio .aclaracion p {
  color: #1E786F;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  text-align: left;
}
.tipoDeCambio .imgDol {
  position: relative;
  float: left;
  width: 100%;
  height: 250px;
  overflow: hidden;
}
.tipoDeCambio .imgDol::before {
  position: absolute;
  content: "";
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 1;
  opacity: 0.5;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 26%, #1bb337 63%, #118a29 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(26%, rgba(255, 255, 255, 0)), color-stop(63%, #1bb337), color-stop(100%, #118a29));
  background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 26%, #1bb337 63%, #118a29 100%);
  background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 26%, #1bb337 63%, #118a29 100%);
  background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 26%, #1bb337 63%, #118a29 100%);
  background: linear-gradient(to left, #1E786F 0%, rgba(217, 217, 217, 0) 94.8%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#118a29", GradientType=1);
}
.tipoDeCambio .imgDol img {
  width: auto;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  max-width: none;
  height: auto;
  padding-bottom: 0;
  position: absolute;
  max-width: none;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.tipoDeCambio .borde {
  width: 1px;
  height: 50px;
  position: absolute;
  background: #1E786F;
  left: 50%;
  top: 37%;
  z-index: 3;
  transform: translate(-50%, -50%);
}

@media only screen and (min-width: 768px) {
  .tipoDeCambio h2 {
    padding: 5px 20px;
    font-size: 41px;
  }
  .tipoDeCambio .aclaracion {
    margin-top: 48px;
    bottom: 0;
  }
  .tipoDeCambio .ttlSeccion .iconoAncla {
    float: left;
  }
  .tipoDeCambio .imgDol {
    height: 329px;
  }
  .tipoDeCambio .bgWhiteDol {
    padding: 100px 40px 24px 40px;
  }
  .tipoDeCambio .bgWhiteDol .txtDolar h3 {
    font-size: 25px;
  }
  .tipoDeCambio .bgWhiteDol .txtDolar h2 {
    font-size: 48px;
  }
  .tipoDeCambio .contBtnAf {
    width: auto;
    float: left;
  }
  .tipoDeCambio .borde {
    width: 1px;
    height: 120px;
    top: 50%;
    z-index: 3;
    transform: translate(-50%, -50%);
  }
}
.Convertir {
  background: #fff;
  float: left;
  position: relative;
  width: 100%;
  padding-top: 45px;
}
.Convertir h2 {
  font-size: 28px;
  font-weight: 300;
  text-align: center;
  float: left;
  position: relative;
  width: auto;
  padding: 5px 20px;
  margin-top: 0;
}
.Convertir img {
  width: auto;
  float: left;
  position: relative;
  padding-bottom: 10px;
}
.Convertir .ttlSeccion {
  margin: 0 auto;
  display: table;
}
.Convertir .ttlSeccion .iconoAncla {
  margin: 0 auto;
  display: table;
  position: relative;
  width: auto;
}
.Convertir .contDol {
  float: left;
  position: relative;
  width: 100%;
  padding: 45px 0;
}
.Convertir .bgWhiteDol {
  background: #fff;
  width: 100%;
  float: left;
  padding: 30px 10px 24px 10px;
}
.Convertir .bgWhiteDol .txtDolar {
  margin: 0 auto;
  display: table;
}
.Convertir .bgWhiteDol .txtDolar h3 {
  color: #7f7f7f;
  font-size: 25px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  margin: 0;
  text-align: center;
}
.Convertir .bgWhiteDol .txtDolar h2 {
  font-size: 48px;
  color: #5680DD;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
}
.Convertir .bgWhiteDol .txtDolar .input-info input[type=text] {
  color: #5680DD;
  font-size: 39px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
  width: 80%;
  margin: 0 auto;
  border-bottom: 1px solid #b2b2b2;
  display: table;
}
.Convertir .bgWhiteDol .txtDolar .input-info input[type=text]:focus {
  outline: none !important;
}
.Convertir .bgWhiteDol .txtDolar .input-info::placeholder {
  color: #b2b2b2;
  font-size: 39px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
  border-bottom: none !important;
}
.Convertir .aclaracion {
  position: relative;
  width: 100%;
  float: left;
  margin-top: 40px;
}
.Convertir .aclaracion p {
  color: #b2b2b2;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  text-align: left;
}
.Convertir .imgDol {
  position: relative;
  float: left;
  width: 100%;
  height: 329px;
  overflow: hidden;
}
.Convertir .imgDol::before {
  position: absolute;
  content: "";
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 1;
  opacity: 0.5;
  background-blend-mode: multiply;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 26%, #1bb337 63%, #118a29 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(26%, rgba(255, 255, 255, 0)), color-stop(63%, #1bb337), color-stop(100%, #118a29));
  background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 26%, #1bb337 63%, #118a29 100%);
  background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 26%, #1bb337 63%, #118a29 100%);
  background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 26%, #1bb337 63%, #118a29 100%);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(151, 215, 0, 0.45) 26%, #009d05 63%, #009639 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#118a29", GradientType=1);
}
.Convertir .imgDol img {
  width: auto;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  max-width: none;
  height: auto;
  padding-bottom: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding-bottom: 0;
}
.Convertir .iconoConvertir {
  width: auto;
  position: absolute;
  background: #fff;
  z-index: 33;
  left: 50%;
  top: 28%;
  transform: translate(-50%, -50%);
}
.Convertir .iconoConvertir img {
  background: #FFF;
  width: 80%;
  margin: 0 auto;
  display: table;
  float: inherit;
}
.Convertir .btnAbsolute {
  position: relative;
  z-index: 999;
  -webkit-box-shadow: 9px 21px 95px -27px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 9px 21px 95px -27px rgba(0, 0, 0, 0.75);
  box-shadow: 9px 21px 95px -27px rgba(0, 0, 0, 0.75);
  width: 100%;
  float: left;
  margin-top: 30px;
}
.Convertir .btnAbsolute a {
  padding: 10px 40px;
  color: #fff;
  border-radius: 3px;
  font-size: 16px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  position: relative;
  display: table;
  margin: 0 auto;
}
.Convertir .input-info {
  width: auto;
  position: relative;
  float: left;
}

@media only screen and (min-width: 768px) {
  .Convertir .btnAbsolute {
    margin-top: 46px;
  }
  .Convertir .iconoConvertir {
    top: 35%;
  }
  .Convertir .iconoConvertir img {
    float: left;
    width: auto;
  }
  .Convertir h2 {
    padding: 5px 20px;
    font-size: 41px;
  }
  .Convertir .ttlSeccion .iconoAncla {
    float: left;
  }
  .Convertir .bgWhiteDol {
    padding: 50px 40px 24px 40px;
  }
  .Convertir .bgWhiteDol .txtDolar .input-info input[type=text] {
    width: 90%;
    font-size: 48px;
  }
  .Convertir .bgWhiteDol .txtDolar .input-info::placeholder {
    font-size: 48px;
  }
  .Convertir .aclaracion {
    bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .Indicadores .txtDolar .floatUp {
    width: 100% !important;
  }

  .Indicadores .txtDolar .floatDown {
    width: 100% !important;
  }
}
.Indicadores {
  background: #fff;
  float: left;
  position: relative;
  width: 100%;
  padding: 65px 0;
}
.Indicadores h2 {
  font-size: 28px;
  font-weight: 300;
  text-align: center;
  float: left;
  position: relative;
  width: auto;
  padding: 5px 20px;
  margin-top: 0;
}
.Indicadores img {
  width: auto;
  float: left;
  position: relative;
  padding-bottom: 10px;
}
.Indicadores .ttlSeccion {
  margin: 0 auto;
  display: table;
}
.Indicadores .ttlSeccion .iconoAncla {
  margin: 0 auto;
  display: table;
  position: relative;
  width: auto;
}
.Indicadores .CuentasCList {
  float: left;
  position: relative;
  width: 100%;
  padding-top: 13vh;
  overflow: hidden;
}
.Indicadores .contDol {
  float: left;
  position: relative;
  width: 100%;
  padding: 45px 0;
}
.Indicadores .bgWhiteDol {
  background: #fff;
}
.Indicadores .bgWhiteDol .txtDolar {
  margin: 0 auto;
  display: table;
  padding: 20px 0 50px 0px;
}
.Indicadores .bgWhiteDol .txtDolar h3 {
  color: #7f7f7f;
  font-size: 25px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
}
.Indicadores .txtDolar .floatUp {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: table;
}
.Indicadores .txtDolar .floatUp h3 {
  color: #1E786F;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 700;
  text-align: center;
  float: left;
  position: relative;
  width: 100%;
  padding: 0 10px;
}
.Indicadores .txtDolar .floatUp p {
  color: #b2b2b2;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  text-align: center;
  width: 100%;
  float: left;
  position: relative;
  padding: 16px 10px;
}
.Indicadores .txtDolar .floatDown {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: table;
}
.Indicadores .txtDolar .floatDown h3 {
  color: #1E786F;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 700;
  text-align: center;
  float: left;
  position: relative;
  width: 100%;
  padding: 0 10px;
}
.Indicadores .txtDolar .floatDown p {
  color: #b2b2b2;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  text-align: center;
  width: 100%;
  float: left;
  position: relative;
  padding: 16px 10px;
}
.Indicadores .aclaracion {
  position: absolute;
  bottom: 78px;
  z-index: 999;
  width: 100%;
  left: 50%;
  transform: translate(-50%, 50%);
}
.Indicadores .aclaracion p {
  color: #b2b2b2;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .Indicadores h2 {
    font-size: 41px;
  }
  .Indicadores .ttlSeccion .iconoAncla {
    float: left;
  }
  .Indicadores .bgWhiteDol .txtDolar {
    padding: 26px 60px 42px 60px;
  }
  .Indicadores .aclaracion {
    width: auto;
  }
  .Indicadores .txtDolar .floatUp {
    width: auto;
  }
  .Indicadores .txtDolar .floatUp h3 {
    font-size: 25px;
    text-align: left;
  }
  .Indicadores .txtDolar .floatUp p {
    font-size: 25px;
    text-align: left;
  }
  .Indicadores .txtDolar .floatDown {
    width: auto;
  }
  .Indicadores .txtDolar .floatDown h3 {
    font-size: 25px;
    text-align: left;
  }
  .Indicadores .txtDolar .floatDown p {
    font-size: 25px;
    text-align: left;
  }
}
.opcionesBusqueda {
  float: left;
  position: relative;
  width: 100%;
}
.opcionesBusqueda .txtBusfacil {
  margin: 0 auto;
  display: table;
  padding-top: 65px;
}
.opcionesBusqueda .txtBusfacil h2 {
  color: #1E786F;
  font-size: 35px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 700;
  margin: 0;
  text-align: center;
}
.opcionesBusqueda .pagBusqueda {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 32px;
  float: left;
  padding-top: 50px;
  margin-bottom: 65px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.opcionesBusqueda .pagBusqueda .linkBlanco {
  background: #DAFFF8;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
  float: left;
  position: relative;
  width: 100%;
  height: 100% !important;
}
.opcionesBusqueda .pagBusqueda .ttlPagVisitadas {
  float: left;
  position: relative;
  width: 100%;
}
.opcionesBusqueda .pagBusqueda .ttlPagVisitadas h2 {
  color: #1E786F;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
  padding: 19px 30px;
  border-bottom: 1px solid #5BDDD2;
}
.opcionesBusqueda .pagBusqueda .productosLinks {
  position: relative;
  width: 100%;
  float: left;
  padding: 0 15px;
}
.opcionesBusqueda .pagBusqueda .prodLinks {
  position: relative;
  width: 100%;
  float: left;
  padding: 20px 25px;
}
.opcionesBusqueda .pagBusqueda .txtLink {
  float: left;
  position: relative;
  width: 100%;
}
.opcionesBusqueda .pagBusqueda .txtLink a {
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: center;
  width: 100%;
  float: left;
  position: relative;
  padding: 10px 0;
  margin: 0;
}
.opcionesBusqueda .pagBusqueda .txtLink a:hover {
  cursor: pointer;
  text-decoration: none;
}
.opcionesBusqueda .pagBusqueda .PdcLinks {
  float: left;
  position: relative;
  width: 100%;
  padding: 40px 0px;
}
.opcionesBusqueda .pagBusqueda .PdcLinks p {
  color: #1E786F;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  width: 100%;
  float: center;
  position: relative;
}
.opcionesBusqueda .imgPdcLinks {
  float: left;
  position: relative;
  width: 100%;
  min-height: 60px;
}
.opcionesBusqueda .imgPdcLinks img {
  width: auto;
  position: relative;
  margin: 0 auto;
  display: table;
}

@media only screen and (min-width: 768px) {
  .opcionesBusqueda .txtBusfacil h2 {
    font-size: 41px;
  }
  .opcionesBusqueda .pagBusqueda {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .opcionesBusqueda .pagBusqueda .PdcLinks p {
    font-size: 18px;
  }
  .opcionesBusqueda .pagBusqueda .ttlPagVisitadas h2 {
    font-size: 25px;
    text-align: left;
  }
  .opcionesBusqueda .pagBusqueda .txtLink a {
    font-size: 25px;
    text-align: left;
    padding: 5px 0;
  }
}
.error500 {
  float: left;
  position: relative;
  width: 100%;
}
.error500 .cntError {
  width: auto;
  max-width: 70%;
  position: relative;
  margin: 0 auto;
  display: table;
  padding: 50px 10px;
}
.error500 .cntError .imgLogo {
  float: left;
  position: relative;
  width: 100%;
}
.error500 .cntError .imgLogo img {
  margin: 0 auto;
  display: table;
  padding: 50px 0;
}
.error500 .cntError .txtError500 {
  margin: 0 auto;
  display: table;
}
.error500 .cntError .txtError500 h1 {
  color: #1E786F;
  font-size: 39px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 700;
  text-align: center;
}
.error500 .cntError .txtError500 p {
  color: #1E786F;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  text-align: center;
  padding-top: 11px;
}
.error500 .cntError .tlfError {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 25px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.error500 .cntError .tlfUno {
  text-align: center;
  width: 100%;
  padding-bottom: 10px;
  position: relative;
}
.error500 .cntError .tlfUno p {
  color: #1E786F;
  font-size: 18px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  text-align: center;
  position: relative;
  width: auto;
}
.error500 .cntError a {
  color: #5680DD;
  font-size: 18px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  text-align: left;
  padding: 0 10px;
}
.error500 .cntError a:hover {
  text-decoration: none;
  cursor: pointer;
}
.error500 .cntError .tlfDos {
  text-align: center;
  position: relative;
  width: 100%;
}
.error500 .cntError .tlfDos p {
  color: #1E786F;
  font-size: 18px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  text-align: center;
  position: relative;
  width: auto;
}

@media only screen and (max-width: 555px) {
  
  #myBtn {
    bottom: 105px;
    right: 15px;
  }

  .error500 .cntError .tlfError {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .error500 .cntError {
    padding: 100px 150px;
  }
  .error500 .cntError .txtError500 h1 {
    font-size: 41px;
  }
  .error500 .cntError .txtError500 p {
    font-size: 20px;
  }
  .error500 .cntError .tlfError {
    padding: 35px 0;
  }
  .error500 .cntError .tlfUno {
    float: left;
    padding-bottom: 0px;
  }
  .error500 .cntError .tlfUno p {
    font-size: 20px;
    float: left;
  }
  .error500 .cntError a {
    font-size: 20px;
  }
  .error500 .cntError .tlfDos {
    float: left;
  }
  .error500 .cntError .tlfDos p {
    font-size: 20px;
    float: left;
  }
  .error500 .tlfUno a {
    float: left;
  }
  .error500 .tlfDos a {
    float: left;
  }
}
@media only screen and (min-width: 992px) {
  .error500 .cntError .tlfUno {
    width: auto;
    float: right;
  }
}
.ubicaSucursales {
  float: left;
  position: relative;
  width: 100%;
  background: #fff;
  padding-top: 48px;
  padding-bottom: 65px;
}
.ubicaSucursales .ubicaciones {
  float: left;
  position: relative;
  width: 100%;
}
.ubicaSucursales .ubicaciones .TituloUbicaciones {
  margin: 0 auto;
  display: table;
}
.ubicaSucursales .ubicaciones .TituloUbicaciones .iconoUbicacion {
  position: relative;
  width: 10%;
  display: table;
  margin: 0 auto;
}
.ubicaSucursales .ubicaciones .TituloUbicaciones .iconoUbicacion img {
  margin: 0 auto;
  display: table;
  width: 100%;
}
.ubicaSucursales .ubicaciones .TituloUbicaciones .ttlUbicacion {
  float: left;
  position: relative;
  width: auto;
}
.ubicaSucursales .ubicaciones .TituloUbicaciones .ttlUbicacion h2 {
  color: #1E786F;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  text-align: center;
}
.ubicaSucursales .ubicaciones .TituloUbicaciones .ttlUbicacion a {
  text-decoration: none;
  cursor: pointer;
}
.ubicaSucursales .direcciones {
  position: relative;
  width: auto;
}
.ubicaSucursales .direcciones .espDireccion {
  float: left;
  position: relative;
  width: 100%;
  padding: 15px;
  margin: 10px 0;
}
.ubicaSucursales .direcciones .espDireccion .ttlDirecciones .ttlTipo h3 {
  color: #00B392;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 700;
  text-align: left;
  margin: 0;
  padding: 0;
}
.ubicaSucursales .direcciones .espDireccion .ttlDirecciones .ttlDonde h2 {
  color: #1E786F;
  font-size: 18px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  text-align: left;
  margin: 5px 0;
  padding: 0;
}
.ubicaSucursales .direcciones .espDireccion .Indicaciones {
  float: left;
  position: relative;
  width: 100%;
}
.ubicaSucursales .direcciones .espDireccion .Indicaciones .imgDireccion {
  float: left;
  position: relative;
  width: 15%;
  margin: 5px 0;
}
.ubicaSucursales .direcciones .espDireccion .Indicaciones .imgDireccion img {
  width: auto;
  max-width: 45%;
  float: left;
  position: relative;
}
.ubicaSucursales .direcciones .espDireccion .Indicaciones .txtDireccion {
  float: left;
  position: relative;
  width: 85%;
}
.ubicaSucursales .direcciones .espDireccion .Indicaciones .txtDireccion p {
  color: #1E786F;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  text-align: left;
  width: auto;
  float: left;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .ubicaSucursales .ubicaciones .TituloUbicaciones {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    column-gap: 24px;
  }
  .ubicaSucursales .ubicaciones .TituloUbicaciones .iconoUbicacion {
    float: left;
    width: auto;
    margin: 0;
  }
  .ubicaSucursales .ubicaciones .TituloUbicaciones .ttlUbicacion h2 {
    font-size: 25px;
  }
  .ubicaSucursales .direcciones {
    float: none;
  }
  .ubicaSucursales .direcciones .espDireccion {
    padding: 30px 0 0;
    margin: 0;
  }
  .ubicaSucursales .direcciones .espDireccion .ttlDirecciones .ttlDonde h2 {
    font-size: 20px;
  }
  .ubicaSucursales .direcciones .espDireccion .Indicaciones .txtDireccion p {
    font-size: 16px;
  }
}
.ctaInteresar {
  float: left;
  position: relative;
  width: 100%;
  height: auto;
}
.ctaInteresar .txtInteres {
  float: left;
  position: relative;
  width: 100%;
  background: #fff;
  height: 260px;
}
.ctaInteresar .txtInteres .alignText {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.ctaInteresar .txtInteres p {
  margin: 0 auto;
  display: table;
  color: #1E786F;
  font-size: 25px;
  font-weight: 700;
  text-align: left;
  padding: 0 15px;
}
.ctaInteresar .imgsegInt {
  position: relative;
  float: left;
  width: 100%;
  height: 260px;
  overflow: hidden;
}
.ctaInteresar .imgsegInt img {
  width: auto;
  min-width: 100%;
  position: absolute;
  max-width: none;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctaInteresar .icnoImg {
  width: 100%;
  position: absolute;
  top: 320px;
  padding: 0 45px;
}
.ctaInteresar .icnoImg a.containerlnk {
  width: auto;
  display: table;
  margin: 0 auto;
  margin-top: 50px;
}
.ctaInteresar .icnoImg p {
  color: #1E786F;
  font-size: 31px;
  font-weight: 300;
  text-align: center;
  float: left;
  position: relative;
  width: auto;
  padding: 0 15px;
  padding: 0 15px;
  text-align: center;
}
.ctaInteresar .ctnImgIc {
  width: auto;
  position: relative;
  margin: 0 auto;
  display: table;
}
.ctaInteresar .ctnImgIc img {
  width: auto;
  display: table;
  float: left;
}
.ctaInteresar .txtImgLeft {
  display: none;
  position: absolute;
  height: 100%;
  top: 50%;
  left: 0%;
  width: 60%;
  opacity: 0.5;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  padding: 30px;
}

@media only screen and (min-width: 768px) {
  .ctaInteresar {
    height: 260px;
  }
  .ctaInteresar .icnoImg {
    width: auto;
    top: 40%;
    padding: 0;
    right: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 4;
  }
  .ctaInteresar .icnoImg p {
    font-size: 41px;
  }
  .ctaInteresar .icnoImg a.containerlnk {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 50px;
  }
  .ctaInteresar .txtImgLeft {
    display: block;
    z-index: 3;
    opacity: 1;
    background: #f0f0f0;
    background: -moz-linear-gradient(left, #f0f0f0 0%, #f0f0f0 22%, #f0f0f0 37%, rgba(240, 240, 240, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #f0f0f0), color-stop(22%, #f0f0f0), color-stop(37%, #f0f0f0), color-stop(100%, rgba(240, 240, 240, 0)));
    background: -webkit-linear-gradient(left, #f0f0f0 0%, #f0f0f0 22%, #f0f0f0 37%, rgba(240, 240, 240, 0) 100%);
    background: -o-linear-gradient(left, #f0f0f0 0%, #f0f0f0 22%, #f0f0f0 37%, rgba(240, 240, 240, 0) 100%);
    background: -ms-linear-gradient(left, #f0f0f0 0%, #f0f0f0 22%, #f0f0f0 37%, rgba(240, 240, 240, 0) 100%);
    background: linear-gradient(to right, white 0%, white 37%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0", endColorstr="#f0f0f0", GradientType=1);
  }
}
@media only screen and (min-width: 992px) {
  .ctaInteresar .ctnImgIc {
    float: left;
  }
}
/*====================================================================================*/
/* SECCION NOTICIAS - AVISOS  */
/*====================================================================================*/
@media only screen and (min-width: 768px) {
  .carouselAvisosAlt.carousel .item {
    height: 30vh !important;
  }
}
/*====================================================================================*/
/* CARRUSEL NOTICIAS  */
/*====================================================================================*/
.carruselNoticias {
  width: auto;
  position: relative;
  float: left;
  background: #C1FFF4;
  padding: 4vw 4vw 6vw;
}

.carrusel {
  width: 100%;
  float: left;
  position: relative;
  padding: 0;
  background: #F7F7F7;
}

.ttlCarrusel {
  width: 100%;
  float: left;
  margin-bottom: 32px;
}
.ttlCarrusel h3 {
  float: left;
  position: relative;
  margin-top: 0;
  color: #1E786F;
  font-size: 30px;
  font-weight: 300;
}
.ttlCarrusel a {
  text-decoration: underline;
  float: right;
  position: relative;
  margin-top: 10px;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 0;
}

.carouselNoticiasAlt {
  width: 100%;
  height: auto !important;
  float: left;
  position: relative;
  margin-bottom: 0 !important;
}
.carouselNoticiasAlt .carousel-inner .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.carouselNoticiasAlt .carousel-indicators {
  bottom: 0;
  margin-bottom: 0;
  top: 0;
  margin-top: 6px;
}
.carouselNoticiasAlt .carousel-indicators li {
  border: 1px solid #1E786F;
}
.carouselNoticiasAlt .carousel-indicators li.active {
  background-color: #1E786F;
}
.carouselNoticiasAlt .controlsSlide {
  width: 100%;
  float: left;
  position: relative;
  height: 30px;
  margin-top: 24px;
}

.carouselNoticiasAlt.carousel .item {
  height: auto !important;
}

.contLeft {
  width: 100%;
  float: left;
  position: relative;
}

.contLeftImagen {
  width: 100%;
  height: 272px;
  float: left;
  position: relative;
  overflow: hidden;
}
.contLeftImagen img {
  width: auto;
  float: left;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.contRight {
  width: 100%;
  background: transparent;
  padding: 20px;
  float: left;
  position: relative;
}
.contRight > p {
  overflow: hidden;
  max-height: inherit;
  height: 120px;
}

.contRight h4 {
  width: 100%;
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 20px;
  color: #1E786F;
  letter-spacing: 0;
  margin-top: 0;
}

.contRight p {
  width: 100%;
  color: #1E786F;
  font-size: 16px;
  margin-bottom: 20px;
}

.footCarrusel {
  width: 100%;
  float: left;
  position: relative;
  bottom: 0;
}

.contDatCarousel {
  width: auto;
  float: left;
  position: relative;
  margin-top: 14px;
}

.catNoticia {
  font-size: 12px;
  color: #97D700;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 900;
}

@media only screen and (max-width: 768px) {
  .carouselNoticiasAlt .carousel-inner .row {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (min-width: 767px) {
  .carouselNoticiasAlt {
    min-height: 272px;
  }
  .carouselNoticiasAlt .footCarrusel {
    position: absolute;
  }

  .carruselNoticias {
    padding: 4vw 4vw 4vw;
  }

  .carouselNoticiasAlt.carousel .item {
    height: 272px !important;
    float: left;
  }
}
/*====================================================================================*/
/* CARRUSEL AVISOS  */
/*====================================================================================*/
.carruselAvisos {
  width: auto;
  position: relative;
  float: left;
  background: #C1FFF4;
  padding: 4vw;
  padding-top: 30px;
}

.carouselAvisosAlt {
  width: 100%;
  height: auto !important;
  float: left;
  position: relative;
  margin-bottom: 0 !important;
}
.carouselAvisosAlt .controlsSlide {
  width: 100%;
  float: left;
  position: relative;
  height: 30px;
  margin-top: 24px;
}
.carouselAvisosAlt .carousel-indicators {
  bottom: 0;
  margin-bottom: 0;
  top: 0;
  margin-top: 6px;
}
.carouselAvisosAlt .carousel-indicators li {
  border: 1px solid #1E786F;
}
.carouselAvisosAlt .carousel-indicators li.active {
  background-color: #1E786F;
}
.carouselAvisosAlt .footCarrusel {
  position: absolute;
}

.carouselAvisosAlt.carousel .item {
  padding: 20px;
  height: 272px !important;
}

.contSlideAviso {
  width: 100%;
  float: left;
  position: relative;
  height: 100%;
}
.contSlideAviso h4 {
  margin-bottom: 18px;
}
.contSlideAviso > p {
  max-height: 60%;
  overflow: hidden;
}
.contSlideAviso pre {
  display: none;
}

@media only screen and (min-width: 768px) {
  .carouselAvisosAlt {
    min-height: 272px;
  }

  .carruselAvisos {
    padding: 4vw 4vw 4vw;
  }

  .carouselAvisosAlt.carousel .item {
    height: 272px !important;
  }
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: auto;
}

.contLeftImagen img {
  width: auto;
  float: left;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footCarrusel {
  width: 100%;
  float: left;
  position: absolute;
  top: 230px;
}

.foot-vmas {
  width: auto;
  float: left;
  position: absolute;
  top: 258px;
  text-align: right;
  right: 0px;
  padding-right: 20px;
}
.foot-vmas a {
  width: 100%;
  font-weight: 200;
  font-size: 18px;
  letter-spacing: 0;
  float: left;
  text-align: right;
  padding-right: 20px;
}

.contRight {
  width: 100%;
  min-height: 250px;
  max-height: 250px;
  margin-bottom: 45px;
  background: transparent;
  padding: 30px;
  float: left;
  position: relative;
}

.contSlideAviso h4 {
  width: 100%;
  margin-bottom: 18px;
  font-weight: 500;
  font-size: 18px;
  color: #1E786F;
  letter-spacing: 0;
  margin-top: 0;
}
.contSlideAviso p {
  width: 100%;
  color: #1E786F;
  font-size: 16px;
  margin-bottom: 20px;
}

.carouselAvisosAlt.carousel .item {
  padding: 10px 20px;
}

.contDatCarousel {
  width: auto;
  float: left;
  position: relative;
  margin-top: -20px;
}

.contBtnAf.btnRight {
  position: absolute;
  right: 0;
  top: -30px;
}

@media only screen and (min-width: 768px) {
  .contRight {
    padding: 20px;
    margin-bottom: 0;
  }
  .contRight p {
    font-size: 14px;
  }

  .carouselNoticiasAlt .footCarrusel {
    position: absolute;
    top: 220px;
  }

  .carouselAvisosAlt .footCarrusel {
    top: 246px;
  }

  .contDatCarousel {
    margin-top: -35px;
  }

  .carouselNoticiasAlt.carousel .item {
    height: 272px !important;
    float: left;
    width: 100%;
  }

  .contSlideAviso p {
    font-size: 14px;
  }

  .contBtnAf.btnRight {
    top: -50px;
  }

  .foot-vmas {
    width: auto;
    float: left;
    position: absolute;
    top: 242px;
    left: 20px;
  }
  .foot-vmas a {
    width: auto;
  }

  .hiddenMobile {
    display: none !important;
  }
}
@media only screen and (min-width: 1024px) {
  .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: auto;
  }

  .contRight p {
    font-size: 16px;
  }

  .contSlideAviso p {
    font-size: 16px;
  }

  .foot-vmas {
    right: 0;
    width: auto;
    float: left;
    position: absolute;
    top: 219px;
    left: auto !important;
  }
}
@media (min-width:768px) and (max-width:910px) {
    .contUserTools{
        float: inline-end;
        position: relative;
        margin-top: -40px;
    }

	.menuAfirme .navbar-nav{
		padding-left: 20px;
	}
}