.w-60 { width: 60% !important } .w-70 { width: 70% !important } @media all and (min-width: 576px) { .w-sm-100 { width: 100% !important } } .d-initial { display: initial !important } @media all and (min-width: 576px) { .d-sm-initial { display: initial !important } } @media all and (min-width: 768px) { .d-md-initial { display: initial !important } } @media all and (min-width: 992px) { .d-lg-initial { display: initial !important } .d-lg-none { display: none !important } } @media all and (min-width: 1200px) { .d-xl-initial { display: initial !important } .d-xl-none { display: none !important } } .space-top-2 { padding-top: 9.6rem } .space-bottom-2 { padding-bottom: 9.6rem } body { font-family: 'Open Sans', sans-serif } html { font-size: 6.6px } @media all and (min-width: 576px) { html { font-size: 6.5px } } @media all and (min-width: 768px) { html { font-size: 7.5px } } @media all and (min-width: 992px) { html { font-size: 9px } } @media all and (min-width: 1200px) { html { font-size: 10px } } h1 { font-weight: 700; font-size: 3.8rem; margin-bottom: 0.7rem; line-height: 4.9rem } .h1-light { font-weight: 300; font-size: 5rem; line-height: 5.8rem } .h1-semibold { font-size: 5rem; font-weight: 600; line-height: 6rem } h2 { font-weight: 700; margin-bottom: 0.7rem; font-size: 2.9rem; line-height: 4rem } .h2-light { font-weight: 300; margin-bottom: 0.7rem; font-size: 4.5rem; line-height: 5.1rem } .h2-light b { font-weight: 600 } .h2-semibold { font-weight: 600; margin-bottom: 0.7rem; font-size: 2.9rem; line-height: 4rem } h3 { font-size: 2.2rem; line-height: 3rem } .h3-light { font-size: 2.2rem; font-weight: 300; line-height: 3rem } .h3-semibold { font-size: 2.2rem; font-weight: 600; line-height: 3rem } .h4-regular { font-size: 1.8rem; font-weight: 400; line-height: 2.5rem } .h4-semibold { font-size: 1.8rem; font-weight: 600; line-height: 2.5rem } .h5-light { font-size: 1.3rem; font-weight: 200; line-height: 2rem } .h5-regular { font-size: 1.3rem; font-weight: 400 } .txt-light { font-weight: 300 } .txt-light b { font-weight: 600 } .txt-regular { font-weight: 400 } .txt-semibold { font-weight: 600 } .txt-50 { font-size: 5rem; line-height: 5.8rem } .txt-45 { font-size: 4.5rem; line-height: 6.1rem } .txt-42 { font-size: 4.2rem; line-height: 4.7rem } .txt-40 { font-size: 4rem; line-height: 5.4rem } .txt-37 { font-size: 3.7rem; line-height: 5rem } .txt-30 { font-size: 3rem; line-height: 4.1rem } .txt-28 { font-size: 2.8rem } .txt-26 { font-size: 2.6rem; line-height: 3.5rem } .txt-25 { font-size: 2.5rem; line-height: 3.4rem } .txt-24 { font-size: 2.4rem; line-height: 3.3rem } .txt-22 { font-size: 2.2rem; line-height: 3.2rem } .txt-18 { font-size: 2rem; line-height: 3.1rem } @media all and (min-width: 768px) { .txt-24 { font-size: 2.4rem; line-height: 3.3rem } .txt-22 { font-size: 2.2rem; line-height: 3rem } .txt-18 { font-size: 1.8rem; line-height: 2.5rem } } .color-lafise { color: #00583C } .color-lafise-2 { color: #00583C } .color-esmeralda { color: #086 } .color-text { color: #4d4d4d } .color-white { color: #fff } .title-hero { font-family: Open Sans; font-style: normal; font-weight: 300; font-size: 5em; line-height: 1.3em; color: #00583c } .subtitle-hero { font-family: Open Sans; font-style: normal; font-weight: 300; font-size: 3em; line-height: 1.3em; color: #4d4d4d } @media all and (min-width: 768px) { .h5-md-regular { font-size: 1.23rem; font-weight: 600; line-height: 2.5rem } } @media all and (min-width: 768px) { .h5-md-regular { font-size: 1.23rem; font-weight: 600; line-height: 2.5rem } } .btn.focus, .btn:focus { -webkit-box-shadow: none; box-shadow: none } .btn-lafise { border-radius: 0; font-weight: 400; font-size: 2rem; padding: 1.5rem 6.6rem 1.3rem } .btn-lafise:hover, .btn-lafise:visited, .btn-lafise:focus { -webkit-box-shadow: none; box-shadow: none; color: #fff } .btn-color-lafise { background-color: #00583C; color: #fff } .btn-color-espemarlda { background-color: #086; color: #fff } .is-no-touch .btn-color-lafise:hover { background-color: #33ba75; color: #fff } .is-no-touch .btn-color-espemarlda:hover { background-color: #33ba75; color: #fff } .btn-lafiseblanco { border-radius: 0; font-weight: 400; font-size: 1.5rem; padding: 0.7rem 2.5rem 0.7rem } .btn-color-blanco { background-color: #fff; border: #086 1px solid; color: #086 !important } .btn-color-blanco:hover, .btn-color-blanco:focus, .btn-color-blanco:active { background-color: #086; color: #fff !important } .btn-esmeralda-transparente { border: #086 1px solid; color: #086 !important; background-color: rgba(0, 136, 102, 0) } .is-no-touch .btn-esmeralda-transparente:hover { background-color: #086; color: #fff !important } .btn-lafiseblancosolobordes { border-radius: 0; font-weight: 400; font-size: 1.5rem; padding: 0.7rem 2.5rem 0.7rem } .btn-lafiseblancosolobordes:hover { background-color: #fff; border: #086 1px solid; color: #086 } .btn-color-verde-claro { background-color: #008866; color: #fff } .btn-color-verde-claro:hover { background-color: black } .icon-contacts { background: url("./../imagenes/default/icons/Banco-LAFISE-Contacto.svg") no-repeat center center; width: 46px; height: 46px; display: inline-block; background-size: 25px 25px } .icon-location { background: url("./../imagenes/default/icons/Banco-LAFISE-Ubicacion.svg") no-repeat center center; width: 46px; height: 46px; display: inline-block; background-size: 25px 25px } .icon-questions { background: url("./../imagenes/default/icons/Banco-LAFISE-Preguntas-Frecuentes.svg") no-repeat center center; width: 46px; height: 46px; display: inline-block; background-size: 25px 25px } .icon-menu { background: url("./../imagenes/default/icons/Banco-LAFISE-Menu.svg"); width: 19px; height: 15px; display: inline-block } .icon-down { background: #0fa35f; width: 45px; height: 100% } .icon-down:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #008762 } .container { max-width: 1180px } .container-fluid { max-width: 1180px } .img-content { position: relative; width: 100% } .img-content img { width: 100% } @-ms-viewport { max-zoom: 1 } @-o-viewport { max-zoom: 1 } @viewport { max-zoom: 1 } header { z-index: 1 } header a { color: #fff; text-decoration: none } header a:hover { text-decoration: none } header .container { padding: 0 } @media all and (min-width: 576px) { .header { position: relative } .header:before { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 80px; background: #00583C } .header .container { padding: 0 15px } } @media all and (min-width: 768px) { .header:before { height: 48px } } #logo { background: #00583C } #logo a { display: block; text-align: center } #logo img { display: inline-block; width: 100%; height: auto; max-width: 181px; padding: 20px } @media all and (min-width: 576px) { #logo { background: none } #logo a { text-align: left; position: relative; left: -20px } } @media all and (min-width: 768px) { #logo a { background-color: #00583C; height: 98px; line-height: 98px; left: 0; text-align: center } #logo img { max-width: 268px; width: 158px; width: 100% } } @media all and (min-width: 992px) { #logo a { height: 118px; line-height: 118px } } @media all and (min-width: 1200px) { #logo img { max-width: 262px } } .header.regional #logo img { padding-top: 19px; padding-left: 16px; padding-right: 16px; padding-bottom: 18px } @media all and (min-width: 576px) { .header.regional #logo img { padding-top: 25px; padding-left: 21px; padding-right: 20px; padding-bottom: 24px } } .header .nav-transversal { text-align: right; height: 48px; padding: 0; position: absolute; top: 0; right: 44px; font-size: 0; z-index: 1 } .header .nav-transversal a { font-weight: 300; font-size: 1.4rem; height: 48px; padding: 0; display: inline-block; position: relative; padding: 0; border-right: 1px solid #ABABAB } .header .nav-transversal a:after { content: ""; display: none; width: 1px; height: 13px; background-color: #fff; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0 } .header .nav-transversal a:first-child { border-left: 1px solid #ABABAB } .header .nav-transversal a:last-child:after { margin-right: 0 } @media all and (min-width: 576px) { .header .nav-transversal { right: 33.33%; margin-right: 44px } } .is-no-touch .header .nav-transversal a { -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out } .is-no-touch .header .nav-transversal a .icon { -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; opacity: 1 } .is-no-touch .header .nav-transversal a:hover { color: #8CC63E } .is-no-touch .header .nav-transversal a:hover .icon { opacity: 0.6 } @media all and (min-width: 768px) { .header .nav-transversal { height: 48px; margin: 0; right: 0; position: relative } .header .nav-transversal a { padding: 0 10px; font-size: 12px; line-height: 48px; height: 48px; border: none !important } .header .nav-transversal a:after { display: inline-block } } @media all and (min-width: 1200px) { .header .nav-transversal a { font-size: 14px } } .btn-menu-mobile { padding-right: 0 } .btn-menu-mobile a { color: #00583C; display: block; height: 48px; position: relative; margin-left: -15px; padding-left: 15px; padding-right: 15px; width: 104px } .btn-menu-mobile i, .btn-menu-mobile span { display: inline-block; vertical-align: middle } .btn-menu-mobile span { padding-left: 13px; line-height: 13px; font-size: 13px; font-weight: 700; text-transform: uppercase } .btn-menu-mobile .center-content { position: relative; top: 50%; left: 0; content: ""; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .btn-menu-mobile a { background-color: #fff; -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out } .is-no-touch .btn-menu-mobile a:hover { background-color: #ddd; color: #444 } .btn-menu-mobile a.is-active { background-color: #ddd; color: #444 } .main-menu { position: absolute; width: 100%; left: 0; top: 48px; background: #fff; z-index: 99; padding: 0 } .main-menu a { font-family: "Open Sans"; font-weight: 400; font-size: 15px; color: #545454 } .main-menu ul { margin: 0; padding: 0 } .main-menu ul li { margin: 0; padding: 0; list-style: none } .main-menu .primary-content { text-align: left; position: relative; border-top: 2px solid #5abc4f; border-bottom: 2px solid #5abc4f; font-size: 0 } .main-menu { max-height: 0px; overflow: hidden; -webkit-transition: max-height 0.8s cubic-bezier(0, 1, 0, 1) -0.1s; transition: max-height 0.8s cubic-bezier(0, 1, 0, 1) -0.1s } .main-menu.is-active { max-height: 9999px; -webkit-transition-timing-function: cubic-bezier(0.5, 0, 1, 0); transition-timing-function: cubic-bezier(0.5, 0, 1, 0); -webkit-transition-delay: 0s; transition-delay: 0s } .no-touch .main-menu a { opacity: 1; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out } .no-touch .main-menu a:visited, .no-touch .main-menu a:focus, .no-touch .main-menu a:active, .no-touch .main-menu a:focus-within { color: #545454 } .no-touch .main-menu a:hover { color: #5abc4f } @media all and (min-width: 768px) { .main-menu { text-align: right; position: relative; width: auto; left: auto; top: auto; z-index: 0; padding: 0; background: none; height: 50px } .main-menu a { text-align: center } .main-menu .primary-content { display: inline-block; border: none; padding-right: 15px } .main-menu { max-height: none; overflow: visible; -webkit-transition: none; transition: none } .main-menu.is-active { max-height: 9999px; -webkit-transition: none; transition: none } } @media all and (min-width: 1200px) { .main-menu { height: 70px } } @media all and (min-width: 1200px) { .main-menu .primary-content { padding-right: 0 } } .main-menu .primary { display: block; vertical-align: top } .main-menu .primary>a { font-weight: 700; border-bottom: 1px solid #ddd; padding: 14px 10px; display: block; font-size: 13px; position: relative } .main-menu .primary>a:after { display: block !important } .main-menu .primary ul.col-12 { padding: 0 15px } .main-menu .primary ul.col-12>li>a { display: block; border-bottom: 1px solid #5abc4f; padding: 10px 0; font-weight: 700 } .main-menu .primary:last-child>a { border: none } .main-menu .primary.has-submenu>a:after { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #545454; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: none } .main-menu .primary.has-submenu.is-active>a { background-color: #00583C; color: #fff } .main-menu .primary.has-submenu.is-active>a:after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; border-top: none } .is-no-touch .main-menu .primary>a { -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out } .is-no-touch .main-menu .primary:hover>a { color: #8CC63E } .is-no-touch .main-menu .primary.is-active:hover>a { color: #fff } @media all and (min-width: 768px) { .main-menu .primary-content { vertical-align: top } .main-menu .primary { display: inline-block } .main-menu .primary>a { position: relative; padding: 0 0.9px; height: 50px; border: none; font-size: 12px; line-height: 50px } .main-menu .primary>a span { display: inline-block; vertical-align: middle } .main-menu .primary>a:after { bottom: 0; background-color: #ddd; content: ""; font-size: 20px; font-weight: 300; right: 0; line-height: 20px; display: block; border: none; width: 1px; height: 25px; cursor: default !important } .main-menu .primary>a:last-child:after { display: none } .main-menu .primary>a:after, .main-menu .primary.has-submenu>a:after { width: 1px; height: 25px; right: 0; display: block; -webkit-transform: none; transform: none; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); bottom: auto; border: none; position: absolute } .main-menu .primary ul.col-12>li>a { padding: 0 0 5px } .main-menu .primary .col-12 ul a { padding: 2px 0 } .main-menu .primary.has-submenu>a:before { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #5abc4f; position: absolute; bottom: 0px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: "" } .main-menu .primary.has-submenu>a:before { opacity: 0; -webkit-transition: opacity 0.3s ease-in-out, bottom 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, bottom 0.3s ease-in-out } .is-no-touch .main-menu .primary.has-submenu.is-active>a { color: #545454 } .is-no-touch .main-menu .primary.has-submenu:hover a:before { opacity: 1; bottom: 7px; -webkit-transition-delay: 0.1s; transition-delay: 0.1s } .is-touch .main-menu .primary.is-active.has-submenu>a:before { opacity: 1; bottom: 7px; -webkit-transition-delay: 0.3s; transition-delay: 0.3s } .header.blb .main-menu .primary>a { padding: 0 0.9rem; font-size: 1.3rem } } @media all and (min-width: 992px) { .main-menu .primary>a { font-size: 15px; height: 70px; line-height: 70px } } @media all and (min-width: 1200px) { .main-menu .primary>a { padding: 0 17px; font-size: 0 } .main-menu .primary>a span { line-height: 15px; font-size: 15px; display: inline-block } .header.blb .main-menu .primary>a { padding: 0 1.7rem; font-size: 0 } } .main-menu .sub-menu { width: 100%; background: #eaeaea; z-index: 1 } .main-menu .sub-menu a { font-size: 12px; text-align: left } .main-menu .sub-menu .container-fluid { border-bottom: 2px solid #5abc4f } .main-menu .sub-menu .container-fluid>.row { margin-bottom: -1px } .main-menu .sub-menu .col-12 ul { padding-left: 30px } .main-menu .sub-menu .col-12 ul li { line-height: 12px } .main-menu .sub-menu .col-12 ul a { line-height: 12px; display: inline-block; padding: 10px 0 } .main-menu .sub-menu { max-height: 0px; overflow: hidden; -webkit-transition: max-height 0.8s cubic-bezier(0, 1, 0, 1) -0.1s; transition: max-height 0.8s cubic-bezier(0, 1, 0, 1) -0.1s } .main-menu .primary.is-active .sub-menu { max-height: 9999px; -webkit-transition-timing-function: cubic-bezier(0.5, 0, 1, 0); transition-timing-function: cubic-bezier(0.5, 0, 1, 0); -webkit-transition-delay: 0s; transition-delay: 0s } .is-no-touch .main-menu .sub-menu a { -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out } .is-no-touch .main-menu .sub-menu a:hover { color: #8CC63E } @media all and (min-width: 768px) { .main-menu .sub-menu { top: 35px; position: absolute; left: -15px } .main-menu .sub-menu .container-fluid { padding-top: 17px; padding-bottom: 17px; border-top: 2px solid #5abc4f } .main-menu .sub-menu .container-fluid>.row { margin-bottom: auto } .main-menu .sub-menu .col-12 ul { padding-top: 9px; padding-left: 15px } .main-menu .sub-menu .col-12 ul li:last-child { padding-bottom: 12px } .main-menu .sub-menu .col-12 ul a { padding: 5px 0 } .main-menu .sub-menu .col-12>li { padding-bottom: 7px } .is-no-touch .main-menu .sub-menu { display: block; max-height: none; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s linear, visibility 0s linear 0.4s; transition: opacity 0.3s linear, visibility 0s linear 0.4s } .is-no-touch .main-menu .primary:hover .sub-menu { -webkit-transition: opacity 0.2s linear 0.1s, visibility 0s linear; transition: opacity 0.2s linear 0.1s, visibility 0s linear; visibility: visible; opacity: 1 } .main-menu .primary .sub-menu { display: block; top: 43px } .main-menu .primary.has-submenu.is-active .sub-menu { display: block } .main-menu .primary.has-submenu.is-active>a { background-color: transparent; color: #8CC63E } .main-menu .primary.has-submenu.is-active>a:after { border: none } } @media all and (min-width: 992px) { .main-menu .primary .sub-menu { top: 63px } .main-menu .primary.has-submenu>a:before { bottom: -5px } .is-no-touch .main-menu .primary.has-submenu:hover a:before { bottom: 7px !important } .is-touch .main-menu .primary.is-active.has-submenu>a:before { bottom: 7px !important } } @media all and (min-width: 1200px) { .main-menu .primary .sub-menu { left: 0 } } @media all and (min-width: 768px) { .header.regional .main-menu .primary>a { line-height: 15px } .header.regional .main-menu .primary>a span { vertical-align: top; padding-top: 11px } } @media all and (min-width: 992px) { .header.regional .main-menu .primary>a { line-height: 15px } .header.regional .main-menu .primary>a span { padding-top: 24px; min-width: 80px } } @media all and (min-width: 1200px) { .header.regional .main-menu .primary>a span { vertical-align: top; padding-top: 24px } } @media all and (min-width: 768px) { .header.blp .sub-menu { width: 200%; left: -100% } .header.blrd .sub-menu { width: 150%; left: -50% } } .bancanet { padding: 0; position: relative; z-index: 1 } .bancanet .btn-bancanet { display: block; font-size: 0; height: 48px; width: 100%; text-indent: -9999em; color: transparent; border-radius: 0; position: relative; border: none; background-color: #43bb6c; padding: 0 } .bancanet .btn-bancanet:before, .bancanet .btn-bancanet:after { content: ""; position: absolute; left: 15px; top: 50%; background-repeat: no-repeat; width: 123px; height: 13px; display: block; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .bancanet .btn-bancanet:before { background-image: url("./../imagenes/default/header/Banco-LAFISE-Bancanet.svg"); background-color: #868888; z-index: 2 } .bancanet .btn-bancanet:after { background-image: url("./../imagenes/default/header/Banco-LAFISE-Bancanet.svg"); background-color: #43bb6c; z-index: 1 } .bancanet .icon { position: absolute; top: 0; right: 0 } @media all and (min-width: 768px) { .bancanet { z-index: 1 } } .bancanet .dropdown-menu { background: #bbb; border-radius: 0; border: none; width: 100%; margin: 0 0 0 0; padding: 0; display: block } .bancanet .dropdown-menu a { color: #fff; display: block; font-size: 11px; font-weight: 700; line-height: 11px; padding: 10px; text-transform: uppercase; border-bottom: 1px solid #aaa; border-top: 1px solid #ccc } .bancanet .dropdown-menu a:first-child { border-top: none } .bancanet .dropdown-menu a:last-child { border-bottom: none } .bancanet .dropdown .dropdown-toggle:before { opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out } .bancanet .dropdown .btn-bancanet { -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out } .bancanet .dropdown.is-active-menu .dropdown-toggle:before { opacity: 1 } .bancanet .dropdown.is-active-menu .btn-bancanet { background-color: #868888 } .bancanet .dropdown.is-active-menu .btn-bancanet .icon { background-color: #717372 } .bancanet .dropdown.is-active-menu .btn-bancanet .icon:before { border-bottom: 5px solid #404040; border-top: none } .bancanet .dropdown .dropdown-menu { max-height: 0px; overflow: hidden; -webkit-transition: max-height 0.8s cubic-bezier(0, 1, 0, 1) -0.1s; transition: max-height 0.8s cubic-bezier(0, 1, 0, 1) -0.1s } .bancanet .dropdown.is-active-menu .dropdown-menu { max-height: 9999px; -webkit-transition-timing-function: cubic-bezier(0.5, 0, 1, 0); transition-timing-function: cubic-bezier(0.5, 0, 1, 0); -webkit-transition-delay: 0s; transition-delay: 0s } .is-no-touch .bancanet .dropdown-menu a { background: #bbb; -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out } .is-no-touch .bancanet .dropdown-menu a:hover { background-color: #00583C } .icon-down { background: #0fa35f; width: 45px; height: 100% } .icon-down:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #008762 } .module-search { position: relative; padding: 0 } .module-search a { background: url("./../imagenes/default/icons/icono-buscar.svg") center center no-repeat; display: block; text-indent: -99999em; height: 48px; width: 45px; cursor: pointer; position: relative; float: right; background-color: #acacac; background-size: 19px 17px } .module-search a { -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out } .module-search a.is-active { background-color: #8CC63E } .is-no-touch .module-search a:hover { background-color: #8CC63E } @media all and (min-width: 768px) { .module-search a { width: 100%; background-color: #00583C } } .breadcrumbs { background: #eeeeee; font-size: 12px; color: #999999; padding-top: 7px; padding-bottom: 7px; cursor: default } .breadcrumbs a { font-weight: 600; color: #086; -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out } .breadcrumbs a:hover { color: #00583C; text-decoration: none } .breadcrumbs .separator { display: inline-block; padding-left: 5px; padding-right: 5px; cursor: default } .breadcrumbs span { font-weight: 400; color: #086; cursor: default } .breadcrumbs span.no-link { font-weight: 600; color: #086 } .footer { padding-top: 4.9rem; padding-bottom: 4.9rem; background-color: #00583C; color: #8aac9d } .footer a { color: #8aac9d; text-decoration: none; font-size: 1.8rem } .footer ul { margin: 0; padding: 0 } .footer li { list-style: none; position: relative; padding: 0 0 9px 14px } .footer li:before { position: absolute; content: ""; width: 0; height: 0; top: 3px; left: 0; border-top: 0.6rem solid transparent; border-bottom: 0.6rem solid transparent; border-left: 1rem solid #8aac9d } .footer h5 { color: #fff; font-size: 1.6rem } @media all and (min-width: 768px) { .footer h5 { font-size: 1.23rem } .footer a { font-size: 1.3rem } } .footer .footer-logo { display: block; max-width: 182px; width: 100%; padding-bottom: 2.5rem } .footer .footer-logo img { width: 100% } .footer .col-n-1 p { font-size: 2rem; font-weight: 200; line-height: 2.4rem; color: #fff } .footer .col-n-1 .logo-2 { padding-top: 1.2rem; max-width: 161px } .footer .col-n-2 .sub-col { display: inline-block; vertical-align: top } .footer .col-n3 { padding-top: 4.9rem } .footer .col-n3 .btn { border-radius: 0; padding: 17px 9px 15px; font-size: 12px; color: #fff } @media all and (min-width: 768px) { .footer .col-n-1 { padding-left: 24px } .footer .col-n-1 .logo-2 { padding-bottom: 0 } .footer .col-n-1 p { font-size: 1.4rem } } @media all and (min-width: 1200px) { .footer .col-n3 { padding-left: 98px } } .footer .sub-col-1 { width: 100%; padding-top: 5rem } .footer .sub-col-1 ul { margin: 0; padding: 1.9rem 0 0 0 } .footer .sub-col-1 ul li { list-style: none } .footer .sub-col-1 h5 { padding-top: 1px } .footer .sub-col-2 { width: 100% } .footer .sub-col-3 { padding-top: 5rem } .footer .sub-col-3 ul { padding-left: 0; padding-top: 1.9rem } .footer .sub-col-3 h5 { padding-top: 1px } .regional .footer .sub-col-2 { padding-top: 5rem } @media all and (min-width: 576px) { .footer .sub-col-1 { width: 40% } .footer .sub-col-1 ul { padding-right: 20px } .footer .sub-col-2 { width: 40%; padding-top: 5rem } .footer .sub-col-2 ul { padding-top: 5rem; padding-right: 20px } .footer .sub-col-3 { width: 18% } } @media all and (min-width: 768px) { .footer .sub-col-1 { padding-top: 0 } .footer .sub-col-2 ul { padding-top: 0; padding-left: 20px } .footer .sub-col-3 { padding-top: 0 } } @media all and (min-width: 1200px) { .footer .sub-col-1 { padding-left: 33px; width: auto } .footer .sub-col-1 ul { padding-right: 0 } .footer .sub-col-2 { width: auto } .footer .sub-col-2 ul { padding-right: 0 } .footer .sub-col-3 { width: auto; padding-left: 54px } } .is-no-touch .footer a { -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out } .is-no-touch .footer a:hover { color: #fff } .is-no-touch .footer a.btn { -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out } .footer .copyright { padding-top: 9.8rem; padding-bottom: 1.4rem; color: #fff } .footer .copyright a { color: #5abc4f; font-weight: 600 } .footer .copyright .separator { color: #00583C; font-size: 0; height: 0 } @media all and (min-width: 992px) { .footer .copyright .separator { color: #fff; padding: 0 5px; height: auto } } @media all and (min-width: 576px) { .regional .footer .sub-col-1, .regional .footer .sub-col-2 { width: 40% } .regional .footer .sub-col-3 { width: 18% } .regional .footer .sub-col-2 h5 { padding-left: 20px } .regional .footer .sub-col-2 ul { padding-top: 1.9rem; max-width: 250px; padding-right: 0 } .regional .footer .sub-col-2 ul li { display: inline-block; width: 45%; vertical-align: top } .regional .footer .sub-col-3 { padding-left: 0 } } @media all and (min-width: 768px) { .regional .footer .sub-col-1 { width: 30% } .regional .footer .sub-col-2 { width: 50%; padding-top: 0 } .regional .footer .sub-col-2 ul { padding-left: 0; max-width: 100% } .regional .footer .sub-col-2 h5 { padding-left: 0 } } @media all and (min-width: 1200px) { .regional .footer .sub-col-1 { width: 40% } .regional .footer .sub-col-2 { width: 40% } } .go-top { text-decoration: none; border: 0 none; display: block; height: 6rem; width: 6rem; line-height: 6rem; text-align: center; background: #02ba70; color: #ffffff; text-align: center; text-transform: uppercase; border-radius: 5rem; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; position: fixed; right: 30px; bottom: 10%; font-size: 0; -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, opacity 0.3s ease-out; transition: transform 0.3s ease-in-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-in-out; opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); z-index: 99 } .go-top:before { content: ""; background-image: url("./../imagenes/default/footer/arrow-up2.svg"); width: 1.8rem; height: 1.8rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-size: 1.8rem 1.8rem } .go-top.in { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } @media all and (min-width: 768px) { .has-animations .animated-item { position: relative; -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; -webkit-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) } .has-animations .animated-item.n1 { -webkit-transition-delay: 0ms; transition-delay: 0ms } .has-animations .animated-item.n2 { -webkit-transition-delay: 250ms; transition-delay: 250ms } .has-animations .animated-item.n3 { -webkit-transition-delay: 500ms; transition-delay: 500ms } .has-animations .animated-item.n4 { -webkit-transition-delay: 750ms; transition-delay: 750ms } .has-animations .animated-item.n5 { -webkit-transition-delay: 1000ms; transition-delay: 1000ms } .has-animations .animated-item.n6 { -webkit-transition-delay: 1250ms; transition-delay: 1250ms } .has-animations .animated-item.n7 { -webkit-transition-delay: 1500ms; transition-delay: 1500ms } .has-animations .animated-item.n8 { -webkit-transition-delay: 1750ms; transition-delay: 1750ms } .has-animations .animated-item.n9 { -webkit-transition-delay: 2000ms; transition-delay: 2000ms } .has-animations .animated-item[data-direction="top"] { -webkit-transform: translateY(-50px); transform: translateY(-50px) } .has-animations.inview .animated-item { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @media all and (min-width: 768px) { .carousel[data-inview-animation="true"] h2, .carousel[data-inview-animation="true"] h3, .carousel[data-inview-animation="true"] p { position: relative; opacity: 0; -webkit-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) } .carousel[data-inview-animation="true"] h2 { -webkit-transform: translateY(20px); transform: translateY(20px) } .carousel[data-inview-animation="true"] h3, .carousel[data-inview-animation="true"] p { -webkit-transform: translateY(-20px); transform: translateY(-20px) } .carousel[data-inview-animation="true"] .btn { position: relative; -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) } .carousel[data-inview-animation="true"] .carousel-item.active h2, .carousel[data-inview-animation="true"] .carousel-item.active h3, .carousel[data-inview-animation="true"] .carousel-item.active p, .carousel[data-inview-animation="true"] .carousel-item.active .btn { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } .carousel[data-inview-animation="true"] .carousel-item.active h2 { -webkit-transition-delay: 0ms; transition-delay: 0ms } .carousel[data-inview-animation="true"] .carousel-item.active h3, .carousel[data-inview-animation="true"] .carousel-item.active p { -webkit-transition-delay: 0ms; transition-delay: 0ms } .carousel[data-inview-animation="true"] .carousel-item.active .btn { -webkit-transition-delay: 250ms; transition-delay: 250ms } } .banner-content .btn { margin-top: 3rem } .banner-image { padding-top: 9.6rem; padding-bottom: 9.6rem; background-position: bottom center; background-size: cover } .banner-image[data-mobile=true] { padding-top: 0; padding-bottom: 0 } .banner-image[data-mobile=true] .banner-image-mobile { background-size: cover } .banner-image[data-mobile=true][data-content-position=top] .banner-image-mobile { padding-top: 9.6rem; padding-bottom: 46.6rem; background-position: bottom center } .banner-image[data-mobile=true][data-content-position=bottom] .banner-image-mobile { padding-bottom: 9.6rem; padding-top: 46.6rem } @media all and (min-width: 475px) { .banner-image[data-mobile=true][data-content-position=top] .banner-image-mobile { background-position: center } } @media all and (min-width: 576px) { .banner-image[data-mobile=true] { padding-top: 9.6rem; padding-bottom: 9.6rem } .banner-image[data-mobile=true] .banner-image-mobile { padding-top: 0 !important; padding-bottom: 0 !important } } @media all and (max-width: 576px) { .banner-image[data-mobile=true] { background-image: none } } @media all and (min-width: 576px) { .banner-image[data-mobile=true] .banner-image-mobile { background-image: none !important } } @media all and (min-width: 576px) { .image-content[data-mobile=true] .image-content-mobile { background-image: none !important } } @media all and (max-width: 575px) { .image-content[data-mobile=true] { background-image: none !important } } .carousel .image-content[data-mobile=true] { padding-top: 0 } .carousel .image-content-mobile { background-repeat: no-repeat; background-size: auto 300px; background-position: top center; padding-top: 9.6rem } @media all and (min-width: 576px) { .banner-image[data-mobile=true] .banner-image-mobile { background-image: none !important } } @media all and (max-width: 575px) { .banner-image[data-mobile=true] { background-image: none !important } } .banner .banner-image[data-mobile=true] { padding-top: 0; padding-bottom: 0 } .banner .banner-image[data-mobile=true] .banner-image-mobile { padding-top: 11.5rem; padding-bottom: 51.5rem; background-position: bottom center; background-repeat: no-repeat; background-size: 572px auto } @media all and (min-width: 576px) { .banner .banner-image[data-mobile=true] .banner-image-mobile { padding: 0 } } @media all and (min-width: 576px) { .banner .banner-image[data-mobile=true] { background-size: cover; padding-top: 11.5rem; padding-bottom: 11.5rem } } .icon-feature-1 { background-image: url("./../imagenes/regional/miweb/icons/feature-icon-1.svg"); width: 28px; height: 30px; background-size: 28px 30px; display: inline-block } .icon-feature-2 { background-image: url("./../imagenes/regional/miweb/icons/feature-icon-2.svg"); width: 23px; height: 42px; background-size: 23px 42px; display: inline-block } .icon-feature-3 { background-image: url("./../imagenes/regional/miweb/icons/feature-icon-3.svg"); width: 23px; height: 32px; background-size: 23px 32px; display: inline-block } .icon-feature-4 { background-image: url("./../imagenes/regional/miweb/icons/feature-icon-4.svg"); width: 32px; height: 30px; background-size: 32px 30px; display: inline-block } .icon-feature-5 { background-image: url("./../imagenes/regional/miweb/icons/feature-icon-5.svg"); width: 21px; height: 40px; background-size: 21px 40px; display: inline-block } .icon-feature-6 { background-image: url("./../imagenes/regional/miweb/icons/feature-icon-6.svg"); width: 35px; height: 40px; background-size: 35px 40px; display: inline-block } .mi-web-section-2 { padding-top: 11.5rem; padding-bottom: 11.5rem; overflow: hidden } .mi-web-section-2 h2 { font-weight: 600; color: #00583C } .mi-web-section-2 .btn { margin-top: 1em } @media all and (min-width: 768px) { .mi-web-section-2 { padding-bottom: 0; overflow: visible } } @media all and (min-width: 1200px) { .mi-web-section-2 h2 { padding-top: 1.6rem; word-spacing: 1px } .mi-web-section-2 .col-right { padding-right: 0; padding-left: 12px } .mi-web-section-2 .btn { margin-left: 2px } } .mi-web-section-2 .images-container { position: relative; max-width: 273px; width: 100%; height: 358px; padding-bottom: 11.5rem; margin: 0 auto; margin-top: 25px } .mi-web-section-2 .images-container .img-1 { position: absolute; top: -25px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 385px } .mi-web-section-2 .images-container .img-2 { position: absolute; top: -12px; left: 15.89%; width: 53.21%; max-width: 298px } .mi-web-section-2 .images-container .img-3 { position: absolute; top: 12px; left: 2.29%; width: 41.07%; max-width: 243px } .mi-web-section-2 .images-container .img-4 { position: absolute; top: 51px; max-width: 136px; left: 50%; width: 43.3%; -webkit-transform: translateX(40%); transform: translateX(40%) } @media all and (min-width: 576px) { .mi-web-section-2 .images-container { height: 457px; max-width: 529px } .mi-web-section-2 .images-container .img-1 { width: 57% } .mi-web-section-2 .images-container .img-4 { top: 118px } } @media all and (min-width: 768px) { .mi-web-section-2 .images-container { height: 228px; max-width: 394px; padding-bottom: 0 } .mi-web-section-2 .images-container:before { -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.8); box-shadow: 0 0 25px rgba(0, 0, 0, 0.8); width: 297px; height: 210px; margin-top: -22px; margin-left: -15px } .mi-web-section-2 .images-container .img-4 { top: 61px } .mi-web-section-2 .images-container .img-1 { left: 28.39%; width: 58%; max-width: 325px; -webkit-transform: none; transform: none } .mi-web-section-2 .images-container .img-4 { left: 67.32%; width: 24.3%; -webkit-transform: none; transform: none } } @media all and (min-width: 768px) { .mi-web-section-2 .images-container { margin-top: 0; width: 396px; max-width: none } .mi-web-section-2 .images-container .img-4 { top: 61px } } @media all and (min-width: 992px) { .mi-web-section-2 .images-container { height: 300px; width: 505px } .mi-web-section-2 .images-container .img-4 { top: 94px } } @media all and (min-width: 1200px) { .mi-web-section-2 .images-container { height: 335px; width: 560px } .mi-web-section-2 .images-container .img-4 { top: 118px } } .mi-web-section-3 { background: #00583c; background: -webkit-gradient(linear, left bottom, left top, from(#00583c), to(#33ba75)); background: linear-gradient(0deg, #00583c 0%, #33ba75 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00583c", endColorstr="#33ba75", GradientType=1); padding-top: 11.5rem; padding-bottom: 11.5rem } .mi-web-section-3 p { font-size: 1.8rem; color: #fff; line-height: 2.5rem } @media all and (min-width: 1200px) { .mi-web-section-3 .col-left { padding-left: 7.1px } .mi-web-section-3 .col-right { padding-right: 0; padding-left: 59px; position: relative; left: 8px } } .mi-web-section-3 .box { position: relative; padding-left: 60px; padding-bottom: 4.1rem } .mi-web-section-3 .box .icon { position: absolute; left: 0; top: 4px } .mi-web-section-3 .box.n6 { padding-bottom: 0 } @media all and (min-width: 768px) { .mi-web-section-3 .box { padding-left: 0 } .mi-web-section-3 .box.n2 { padding-bottom: 6.5rem } .mi-web-section-3 .box.n1, .mi-web-section-3 .box.n4 { min-height: 134px } .mi-web-section-3 .box.n2, .mi-web-section-3 .box.n5 { min-height: 128px } .mi-web-section-3 .box:last-child { padding-bottom: 0 } .mi-web-section-3 .box .icon-feature-1 { left: -58px; top: 6px } .mi-web-section-3 .box .icon-feature-2 { left: -54px; top: 6px } .mi-web-section-3 .box .icon-feature-3 { left: -54px; top: 6px } .mi-web-section-3 .box .icon-feature-4 { left: -61px; top: 7px } .mi-web-section-3 .box .icon-feature-5 { left: -52px; top: 4px } .mi-web-section-3 .box .icon-feature-6 { left: -64px; top: 4px } } @media all and (min-width: 1200px) { .mi-web-section-3 .box.n1, .mi-web-section-3 .box.n4, .mi-web-section-3 .box.n2, .mi-web-section-3 .box.n5 { min-height: none } } #mi-web-carousel { color: #00583C; padding-bottom: 7rem } #mi-web-carousel h2 { padding-bottom: 0.3rem } #mi-web-carousel .image-content { background-size: auto 300px; background-repeat: no-repeat } #mi-web-carousel .btn { margin-top: 2.4rem } #mi-web-carousel .align-left .image-content { background-position: top right } #mi-web-carousel .align-right .image-content { background-position: top left } #mi-web-carousel .center { padding-top: 300px; min-height: 365px } @media all and (min-width: 576px) { #mi-web-carousel .item-2, #mi-web-carousel .item-5 { color: #fff } #mi-web-carousel .carousel-item .image-content { background-size: cover; background-position: center center; padding-bottom: 11.5rem } #mi-web-carousel .center { padding-top: 0; min-height: 156px } } @media all and (min-width: 768px) { #mi-web-carousel { padding-bottom: 35px } #mi-web-carousel .center { min-height: 215px } } @media all and (min-width: 992px) { #mi-web-carousel .center { min-height: 240px } } @media all and (min-width: 1200px) { #mi-web-carousel h2 { word-spacing: -1px } #mi-web-carousel .left-side { padding-left: 15px } } #mi-web-carousel .carousel-indicators { margin-bottom: 0 } #mi-web-carousel .carousel-indicators li { width: 16px; height: 16px; background-color: #c4c4c4; border-radius: 100%; margin-left: 5px; margin-right: 5px; border: 0 } #mi-web-carousel .carousel-indicators li.active { background-color: #4D4D4D } #mi-web-carousel .carousel-control-prev, #mi-web-carousel .carousel-control-next { width: 20px; height: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 115px; display: none } #mi-web-carousel .carousel-control-prev { left: 11px } #mi-web-carousel .carousel-control-prev span { background-image: url("./../imagenes/regional/miweb/slider/nav-left.svg") } #mi-web-carousel .carousel-control-next { right: 11px } #mi-web-carousel .carousel-control-next span { background-image: url("./../imagenes/regional/miweb/slider/nav-right.svg") } @media all and (min-width: 576px) { #mi-web-carousel .carousel-indicators { bottom: -15px } #mi-web-carousel .carousel-indicators li { margin-left: 25px; margin-right: 25px } } @media all and (min-width: 768px) { #mi-web-carousel .carousel-control-prev, #mi-web-carousel .carousel-control-next { margin-top: -35px } #mi-web-carousel .carousel-control-prev { left: 30px } #mi-web-carousel .carousel-control-next { right: 30px } } @media all and (min-width: 992px) { #mi-web-carousel .carousel-control-prev, #mi-web-carousel .carousel-control-next { display: block } } #mi-web-section-4 .icon-pasos-1 { background-image: url("./../imagenes/regional/miweb/pasos/icon-1.svg"); width: 89.7142857143%; height: 94.262295082%; display: inline-block; background-size: 100%; background-repeat: no-repeat } #mi-web-section-4 .icon-pasos-2 { background-image: url("./../imagenes/regional/miweb/pasos/icon-2.svg"); width: 100%; height: 93.4426229508%; display: inline-block; background-size: 100%; background-repeat: no-repeat } #mi-web-section-4 .icon-pasos-3 { background-image: url("./../imagenes/regional/miweb/pasos/icon-3.svg"); width: 64.5714285714%; height: 94.262295082%; display: inline-block; background-size: 100%; background-repeat: no-repeat } #mi-web-section-4 .icon-pasos-4 { background-image: url("./../imagenes/regional/miweb/pasos/icon-4.svg"); width: 77.1428571429%; height: 100%; display: inline-block; background-size: 100%; background-repeat: no-repeat } #mi-web-section-4 { padding-top: 11.5rem; padding-bottom: 11.5rem } #mi-web-section-4 .section-header p { padding: 0; margin: 0 } #mi-web-section-4 .section-content { padding-top: 10rem } #mi-web-section-4 .section-content .h4-regular { padding-top: 14px } #mi-web-section-4 .section-content .col-8 { padding-left: 20px; padding-right: 20px } #mi-web-section-4 .icon-container { width: 78.75px; height: 54.9px; margin: 0 auto 17px auto } #mi-web-section-4 .section-footer { padding-top: 3.9rem } @media all and (min-width: 576px) { #mi-web-section-4 .icon-container { width: 61.25px; height: 42.7px; margin: 0 auto 3.8rem auto } } @media all and (min-width: 768px) { #mi-web-section-4 .icon-container { width: 131.25px; height: 91.5px } } @media all and (min-width: 1200px) { #mi-web-section-4 .icon-container { min-height: 127px; width: 175px; height: 122px } #mi-web-section-4 .icon-container .icon { -webkit-transform: none; transform: none } } #mi-web-section-4 .box:nth-child(1) { padding-bottom: 5em } #mi-web-section-5 h2 { padding-bottom: 5.4rem } #mi-web-section-5 .col-left { padding-bottom: 5.4rem } #mi-web-section-5 .col-left li { position: relative; padding-left: 33px; padding-bottom: 2.3rem } #mi-web-section-5 .col-left li:before { content: ''; background-image: url("./../imagenes/regional/miweb/icons/checks_gray.svg"); width: 18px; height: 17px; background-size: 18px 17px; position: absolute; top: 3px; left: 0 } @media all and (min-width: 768px) { #mi-web-section-5 .col-left { padding-bottom: 0 } #mi-web-section-5 .col-left ul { padding-top: 1px; padding-left: 15px } } @media all and (min-width: 1200px) { #mi-web-section-5 .col-left ul { padding-left: 40px } #mi-web-section-5 .col-left li { padding-left: 49px } } #mi-web-section-5 .col-right { color: #fff } #mi-web-section-5 .img-content { text-align: center; padding-top: 7.3rem; padding-bottom: 7.3rem; background-repeat: no-repeat; background-size: cover; min-height: 280px; max-width: 222px; margin: 0 auto; background-position: center bottom } #mi-web-section-5 .btn { margin-top: 2.5rem } .is-webp #mi-web-section-5 .img-content { background-image: url("./../imagenes/regional/miweb/bg-pricing.webp") } @media all and (min-width: 576px) { #mi-web-section-5 .img-content { max-width: 350px; min-height: 400px } } @media all and (min-width: 768px) { #mi-web-section-5 .col-right h1 { padding-bottom: 0.4rem } #mi-web-section-5 .col-right p { letter-spacing: 0.5px; word-spacing: -1px } #mi-web-section-5 .img-content { max-width: none; min-height: 502px } } @media all and (min-width: 992px) { #mi-web-section-5 .img-content { padding-left: 81px; text-align: left; min-height: 564px } } .mi-web-section-6 { padding-top: 11.5rem; overflow: hidden } @media all and (min-width: 576px) { .mi-web-section-6 .img-content { min-height: 780px } } .mi-web-formulario { padding-top: 11.5rem; padding-bottom: 11.5rem } .seccion-pricing { padding-bottom: 9.6rem } .seccion-pricing .section-block-1 { color: #4d4d4d; padding-top: 9.6rem; padding-bottom: 7.4rem; background-color: #FAFAFA } .seccion-pricing .section-block-1 .title h2 { padding-bottom: 7.5rem; margin: 0 } .seccion-pricing .section-block-2 { padding-top: 5.1rem } .seccion-pricing .section-block-2 thead th { font-size: 3rem; border-bottom: 2px solid #086; border-top: none; font-weight: 600 } .seccion-pricing .section-block-2 thead th.txt-2 { font-weight: 400; width: 95px; text-align: center } .seccion-pricing .section-block-2 thead th.txt-3 { font-weight: 400; color: #086; width: 95px; text-align: center } .seccion-pricing .section-block-2 tbody td { padding-top: 15px; padding-bottom: 14px; border-top: 1px solid #E4E4E4 } .seccion-pricing .section-block-2 tbody td.txt-2 { background-color: #FAFAFA } .seccion-pricing .section-block-2 tbody td.txt-2, .seccion-pricing .section-block-2 tbody td.txt-3 { text-align: center } .seccion-pricing .section-block-2 tbody tr:last-child td { border-bottom: 1px solid #E4E4E4 } .seccion-pricing .section-block-2 table { color: #4d4d4d } @media all and (min-width: 768px) { .seccion-pricing .section-block-2 thead th.txt-1 { padding: 0 0 19px 24px } .seccion-pricing .section-block-2 thead th.txt-2, .seccion-pricing .section-block-2 thead th.txt-3 { width: 200px } .seccion-pricing .section-block-2 tbody td.txt-1 { padding-left: 2.4rem } } .pricing-box { background-color: #fff; border-radius: 5px; border: 1px solid #E4E4E4; padding: 3.3rem 3.1rem 3rem 3.4rem; margin-bottom: 3.4rem } .pricing-box .pricing-title-content { overflow: hidden; border-bottom: 1px solid #EAEAEA; padding-bottom: 0.9rem; padding-top: 4px } .pricing-box .pricing-title-content h4 { float: left } .pricing-box .pricing-title-content .price { float: right; line-height: 5.5rem; position: relative; top: -8px } .pricing-box .price { font-size: 5.5rem; font-weight: 600 } .pricing-box .price small { font-weight: 300; font-size: 2.5rem } .pricing-box ul { margin: 0; padding: 10px 0 0 0 } .pricing-box li { margin: 0; padding: 0.8rem 0 0.9rem 3.5rem; font-size: 1.8rem; font-weight: 400; list-style: none; position: relative; z-index: 0 } .pricing-box li:before { content: ''; width: 2.2rem; height: 2.2rem; position: absolute; top: 1.1rem; left: 0; background: url("./../imagenes/regional/miweb/icons/dot-check.svg"); background-size: 2.2rem 2.2rem } .pricing-box li.all-more:after { content: ''; position: absolute; top: 0; left: -3.5rem; bottom: 0; right: -3.1rem; z-index: -1; background: #086; background: -webkit-gradient(linear, left top, right top, from(#086), to(#33ba75)); background: linear-gradient(90deg, #086 0%, #33ba75 100%) } .pricing-box li.all-more { color: #fff } .pricing-box li.all-more:before { background-image: url("./../imagenes/regional/miweb/icons/dot-check-white.svg") } .pricing-box .btn { margin: 22px auto 13px; display: block; width: 201px; padding-left: 0; padding-right: 0 } .green-box { border-color: #33BA75 } .green-box ul { padding-top: 0 } .white-box .btn { background-color: #fff; color: #086; border: 1px solid #086 } .icon-available { width: 2.423rem; height: 2.02rem; background-image: url("./../imagenes/regional/miweb/icons/icon-available.svg"); background-size: 2.423rem 2.02rem; display: inline-block } .icon-no-available { width: 2.211rem; height: 2.211rem; background-image: url("./../imagenes/regional/miweb/icons/icon-no-available.svg"); background-size: 2.211rem 2.211rem; display: inline-block } .mi-web-section-6-v2-logos { background: #00583c; background: -webkit-gradient(linear, left bottom, left top, from(#00583c), to(#33ba75)); background: linear-gradient(0deg, #00583c 0%, #33ba75 100%); padding-top: 9.6rem; padding-bottom: 9.6rem } .mi-web-section-6-v2-logos h3 { color: #fff; padding-bottom: 4.8rem } .mi-web-section-6-v2-logos a { opacity: 1; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; display: block } .mi-web-section-6-v2-logos a:hover { opacity: 0.6 } .mi-web-section-6-v2-logos img { display: inline-block; width: 100%; height: auto; vertical-align: middle } .mi-web-section-6-v2-logos .row.section-content { padding-bottom: 2.4rem } .mi-web-section-6-v2-logos .logo-1 img { max-width: 15rem } .mi-web-section-6-v2-logos .logo-2 img { max-width: 15rem; padding-top: 10px } .mi-web-section-6-v2-logos .logo-3 img { max-width: 14.3rem } .mi-web-section-6-v2-logos .logo-4 img { max-width: 22rem } .mi-web-section-6-v2-logos .logo-1, .mi-web-section-6-v2-logos .logo-2, .mi-web-section-6-v2-logos .logo-3, .mi-web-section-6-v2-logos .logo-4 { line-height: 8.5rem } .mi-web-section-6-v2-logos .logo-5 img { max-width: 16rem } .mi-web-section-6-v2-logos .logo-6 img { max-width: 17rem } .mi-web-section-6-v2-logos .logo-7 img { max-width: 19.9rem } .mi-web-section-6-v2-logos .logo-8 img { max-width: 15rem } .mi-web-section-6-v2-logos .logo-5, .mi-web-section-6-v2-logos .logo-6, .mi-web-section-6-v2-logos .logo-7, .mi-web-section-6-v2-logos .logo-8 { line-height: 11.3rem } @media all and (min-width: 768px) { header .main-menu .primary>a { padding-left: 15px; padding-right: 15px } } @media all and (min-width: 992px) { .banner.secundary-hero .banner-image { padding-top: 11.5rem; padding-bottom: 11.5rem; background-position-x: 70% } } .home .banner-image-mobile { background-position: top center !important } .link2 a { color: #00583c !important; cursor: pointer !important; font-size: 16px !important; font-weight: 400 !important; }