/*! * baguetteBox.js * @author feimosi * @version 1.11.1 * @url https://github.com/feimosi/baguetteBox.js */#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}} :root { --c-w: #ffffff; --c-b: #000000; --c-g: #676767; --c-g-2: #383838; --c-1: #002e5d; --c-2: #ffac42; --c-3: #f3f3ee; --c-4: #FF8F00; --f-1: 'Hind Siliguri', sans-serif; --f-2: 'Poppins', sans-serif; } .btn-primary { background-color: var(--c-2); border-color: var(--c-2); border-radius: 3px; color: var(--c-w); font-family: var(--f-2); font-size: 12px; font-weight: 600; text-transform: uppercase; } .btn.btn-primary:hover, :not(.btn-check)+.btn:active, .btn.btn-primary:active, .btn.btn-primary:focus-visible { background-color: var(--c-4); border-color: var(--c-4); } .btn:focus-visible { box-shadow: 0 0 1px 3px rgba(255,172,67,0.5); } .c-1 { color: var(--c-1); } .c-2 { color: var(--c-2); } .bg-1 { background-color: var(--c-1); color: #fff; } .bg-1 label { color: var(--c-g); } .bg-2 { background-color: var(--c-2); } .bg-3 { background-color: var(--c-3); } .resaltar { text-transform: uppercase; color: var(--c-1); font-weight: 700; } body { padding-top: 44px; } @media screen and (min-width:992px) { body { padding-top: 88px; } } .bg-light { background-color: #f8f9fa; } .fixed-top { left: 0; position: fixed; right: 0; top: 0; z-index: 1030; } .label-hidden { border: 0; clip: rect(0,0,0,0); height: 1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } .lead { font-size: 1.25rem; font-weight: 300; } .navbar { background-color: #3a3a3a; padding: 0; } .navbar > .container { position: relative; } .navbar-brand { padding-bottom: 0.5rem; padding-left: 0.5rem; padding-top: 0.5rem; } .navbar-brand img { display: block; width: 160px; height: auto; } @media screen and (min-width:992px) { .navbar-brand { padding-left: 0; } .navbar-brand img { max-width: 320px; width: auto; } } .navbar-collapse { background-color: #3a3a3a; bottom: 0; display: block; left: 100%; position: fixed; top: 0; transform: translateX(0%); transition: transform 0.6s, visibility 0.6s; visibility: hidden; width: 100%; z-index: 9999; } .navbar-collapse.open { visibility: visible; transform: translateX(-100%); } .navbar-nav.main-nav > .nav-item > .nav-link { color: #a4a4a4; font-size: 1.2rem; font-weight: 500; padding: 1rem; position: relative; } .navbar-nav > .nav-item > .nav-link:hover { text-decoration: none; } .main-nav > .nav-item.active > .nav-link { color: #fff; } .idiomas { display: flex; justify-content: center; list-style: none; margin: 0.4rem 0.7rem; padding: 0; } .idiomas li { margin-left: 10px; } .idiomas a { border: 1px solid rgba(255,255,255,0.6); border-radius: 0.25rem; color: rgba(255,255,255,0.6); font-size: 0.8rem; padding: 0.15rem 0.25rem; text-decoration: none; transition: all 0.4s; } .idiomas a:hover, .idiomas .active { color: rgba(255,255,255,1); } @media screen and (min-width: 992px) { .navbar-brand { padding-bottom: 1rem; padding-top: 1rem; } .navbar-collapse { position: static; top: 0; transform: translateX(0%); visibility: visible; } .navbar-nav.main-nav > .nav-item { margin: 0 1rem; } .navbar-nav.main-nav > .nav-item:last-child { margin: 0 0 0 1rem; } .navbar-nav.main-nav > .nav-item > .nav-link { border-top: none; font-size: 1rem; font-weight: 500; padding: 0; text-transform: uppercase; transition: all 0.3s; } .navbar-nav.main-nav > .nav-item > .nav-link:last-child { border-bottom: 0; } .main-nav .nav-item .nav-link:hover { color: #ffffff; } .idiomas { display: flex; justify-content: flex-start; list-style: none; margin: 0; position: absolute; right: 0; top: -0.3rem; } .idiomas li { margin-left: 10px; } .idiomas a { border: 1px solid rgba(255,255,255,0.6); border-radius: 0.25rem; color: rgba(255,255,255,0.6); font-size: 0.75rem; padding: 0.15rem 0.25rem; text-decoration: none; transition: all 0.4s; } .idiomas a:hover, .idiomas .active { border: 1px solid rgba(255,255,255,1); color: rgba(255,255,255,1); } } .navbar-collapse-header { background-color: #3a3a3a; font-size: 1.37rem; padding: .5rem 1rem; position: relative; } .navbar-collapse-close { color: #666; cursor: pointer; left: 1rem; position: absolute; top: .5rem; } .navbar-collapse-close img { vertical-align: top; width: 25px; } @media screen and (min-width: 992px) { .navbar-collapse-header { display: none; } } .navbar-toggler { padding: 5px; } .portada.mb-call { margin-bottom: 52px; } .call-to-action { background-color: #3a3a3a; border-top: 1px solid #5c5c5c; padding-bottom: 0.5rem; padding-top: 0.5rem; z-index: 1020; } .call-to-action.call-fixed { left: 0; position: fixed; right: 0; top: 43px; z-index: 1020; } .call-to-action .btn { padding: 0.3rem 0.6rem; } @media screen and (min-width:992px) { .call-to-action { padding-bottom: 0.75rem; padding-top: 0.75rem; } .call-to-action.call-fixed { top: 114px; } .call-to-action.call-fixed.no-subnav { top: 87px; } .call-to-action .btn { padding: 0.375rem 0.75rem; } } .footer { background-color: #3a3a3a; color: #fff; padding-bottom: 1rem; padding-top: 1rem; } .footer a { color: white; } .footer-img { max-width: 300px; } .whatsapp, .telefono { padding: 0.8rem; border-radius: 50%; background-color: #00E676; position: fixed; bottom: 1.5rem; right: 1.5rem; box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); } .telefono { background-color: #007e32; } .whatsapp img, .telefono img { width: 35px; height: auto; } body { color: var(--c-g); font-family: var(--f-1); font-weight: 400; text-rendering: optimizeLegibility; padding-top: 104px; } @media screen and (min-width: 992px) { body { padding-top: 160px; } } a { color: var(--c-1); } .bg-1 a { color: var(--c-w); } .bg-1 label a { color: var(--c-g); } h1, h2, h3, h4, h5, h6 { color: var(--c-g-2); font-family: var(--f-2); font-weight: 600; } h1 { color: var(--c-1); } h2 { color: var(--c-1); font-size: 22px; } h3 { font-size: 23px; } h4 { font-size: 18px; } @media screen and (min-width:992px) { h2 { font-size: 28px; } } .pretitle-h1 { color: var(--c-2); text-transform: uppercase; font-size: 20px; line-height: 30px; text-align: center; letter-spacing: 2px; font-weight: 600; } .pretitle-h1::after { content: ''; display: block; width: 83px; height: 3px; background-color: var(--c-2); margin-bottom: 18px; margin-top: 4px; margin-left: auto; margin-right: auto; } .title-h1 { color: var(--c-1); text-align: center; font-size: 32px; line-height: 42px; padding-bottom: 10px; } @media screen and (min-width:992px) { .title-h1 { font-size: 56px; line-height: 66px; padding-bottom: 25px; } } .title-1 { font-size: 26px; } .texto-1 { font-size: 17px; } @media screen and (min-width:992px) { .title-1 { font-size: 32px; } .texto-1 { font-size: 22px; } } .img-400 { width: 100%; max-width: 400px; } code { color: var(--c-2); } .btn-scroll { cursor: pointer; } .table-light { --bs-table-color: var(--c-g-2); } .table-warning { --bs-table-color: var(--c-g-2); --bs-table-bg: var(--c-2); --bs-table-border-color: #bd8033; } .navbar { background-color: var(--c-1); } .navbar-collapse { background-color: var(--c-1); } .navbar-collapse-header { background-color: var(--c-1); } .navbar-brand img { max-width: 80px; } @media screen and (min-width:992px) { .navbar-brand img { max-width: 160px; } } .navbar-toggler { border: 0; } .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } @media screen and (min-width: 992px) { .navbar-expand-lg .navbar-nav { align-items: center; } } .navbar-nav.main-nav > .nav-item { margin-bottom: 0; } .navbar-nav.main-nav > .nav-item > .nav-link { color: var(--c-w); font-family: var(--f-2); font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; } .navbar-nav.main-nav > .nav-item.active > .nav-link { color: var(--c-2); } @media screen and (min-widht:992px) { .navbar-nav.main-nav > .nav-item > .nav-link::before { content: ''; display: block; width: 0; height: 2px; background-color: var(--c-2); transition: width 0.35s ease-in-out; transform-origin: center; position: absolute; bottom: -2px; left: 0; } .navbar-nav.main-nav > .nav-item.active > .nav-link::before, .navbar-nav.main-nav > .nav-item > .nav-link:hover::before { width: 100%; } } .dropdown-menu { margin: 0 16px; } .dropdown-menu li { margin-bottom: 0; } .dropdown-item { color: var(--c-1); text-transform: uppercase; } .dropdown-item:hover { color: var(--c-2); } @media screen and (min-width:992px) { .dropdown-menu { padding: 0; box-shadow: 0 4px 6px rgba(0,0,0,0.4); margin: 2px 0 0 0; } .dropdown-menu li { margin-bottom: 0; } .dropdown-item:hover { color: var(--c-2); background-color: var(--c-1); } } .bottom-bar { width: 100%; background-color: var(--c-3); box-shadow: 0 3px 4px rgba(0,0,0,0.1); text-align: center; padding: 10px 0; } .bottom-bar-text { color: var(--c-1); margin-bottom: 0; font-size: 12px; text-transform: uppercase; font-weight: 700; display: flex; justify-content: center; align-items: center; line-height: 1; } @media screen and (min-width:992px) { .bottom-bar-text { font-size: 20px; display: inline-block; } } .footer { background-color: var(--c-1); } .footer a { text-decoration: none; } .footer-img { width: 100%; max-width: 220px; } .footer-legales-texto { font-size: 13px; text-decoration: none; } .portada { position: relative; } .portada-content { background-color: var(--c-3); padding: 20px; } .portada-title { color: var(--c-1); font-size: 22px; font-weight: 700; } .portada-text { font-size: 16px; } @media screen and (min-width:768px) { .portada-content { position: absolute; bottom: 50px; left: 50px; background-color: transparent; padding: 0; } .portada-title { color: var(--c-2); font-size: 28px; font-weight: 700; text-shadow: 0 0 2px rgba(0,0,0,0.4); } .portada-text { color: var(--c-w); font-size: 16px; text-shadow: 0 0 2px rgba(0,0,0,0.4); } } @media screen and (min-width:992px) { .portada-title { font-size: 42px; } .portada-text { font-size: 22px; } } .listado { list-style: none; padding: 0; } .listado-item { background-image: url('../img/iconos/check-circle.svg'); background-repeat: no-repeat; background-size: 20px 20px; background-position: 0px 3px; padding-left: 32px; } .listado-title { font-size: 20px; text-transform: uppercase; } ul li, ol li { color: var(--c-g); margin-bottom: 16px; } ul li::marker, ol li::marker { color: var(--c-2); } .list-index { list-style: none; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; } .list-index > li { position: relative; margin-bottom: 16px; padding-left: 20px; flex-basis: 100%; } .list-index > li::before { content: ''; display: block; width: 6px; height: 6px; background-color: var(--c-2); border-radius: 50%; position: absolute; top: 12px; left: 5px; } .list-index > li span, .list-index > li a { text-decoration: none; font-size: 20px; color: var(--c-g); cursor: pointer; } .list-index > li span:hover, .list-index > li a:hover { text-decoration: underline; } @media screen and (min-width:992px) { .list-index { justify-content: space-around; } .list-index > li { flex-basis: 33.33333%; padding-left: 20px; } } .horizontal { display: flex; flex-direction: column; margin-top: 32px; margin-bottom: 32px; } .horizontal-title { border-bottom: 3px solid var(--c-2); padding-bottom: 16px; margin-bottom: 20px; text-align: center; color: var(--c-1); } .horizontal > p { text-align: center; } @media screen and (min-width:768px) { .horizontal {; flex-direction: row; } .horizontal-title { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; border-right: 3px solid var(--c-2); padding-right: 16px; margin-right: 20px; min-width: 300px; display: flex; align-items: center; text-align: left; } .horizontal > p { text-align: left; } } @media screen and (min-width:992px) { .horizontal-title { min-width: 400px; } } .card { border: 0; width: 100%; } .card-body { background-color: var(--c-3); display: flex; flex-direction: column; align-items: flex-start; } .card-title, .card-title a { color: var(--c-1); text-decoration: none; } .thumbnail-box { position: relative; display: block; } .thumbnail-box::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(0, 46, 93, 0.45); opacity: 0; transition: opacity 0.35s ease; } .thumbnail-box::after { content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; background-image: url('../img/iconos/expand.svg'); background-position: center center; background-repeat: no-repeat; background-size: 40px 40px; opacity: 0; transition: opacity 0.35s ease; } .thumbnail-box:hover::before, .thumbnail-box:hover::after { opacity: 1; } .contacto-info { } .contacto-info-icon { width: auto; height: 32px; } .contacto-info-enlace { margin-left: 16px; font-size: 20px; color: var(--c-1); text-decoration: none; } .contacto-info-enlace:hover { text-decoration: underline; } .calculadora-header { background-image: url('../img/paginas/calculadora/gradient-bg.png'); background-size: cover; background-position: unset; color: var(--c-w); } .calculadora-header-container, .calculadora-info-container { padding: 32px; } .calculadora-header .title-h1, .calculadora-header h2 { text-align: left; color: var(--c-w); } .calculadora-info-container li::marker { font-size: 25px; } .estudio-instalacion { margin-bottom: -7px; } .estudio-instalacion iframe { width: 100%; height: calc(100vh - 160px); } @media screen and (min-width:992px) and (max-width:1199px) { .calculadora-header .title-h1 { font-size: 42px; } } #pdcc-modal-bg #pdcc-modal-container #pdcc-modal-header p.title { color: var(--c-1); } #pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info #pdcc-modal-acceptance div#pdcc-modal-accept { background-color: var(--c-2); } #pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-accept-all { background-color: var(--c-2); }