@font-face { font-family: 'Catamaran'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/catamaran-400.woff2) format('woff2'); }
@font-face { font-family: 'Catamaran'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/catamaran-500.woff2) format('woff2'); }
@font-face { font-family: 'Catamaran'; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/catamaran-600.woff2) format('woff2'); }
@font-face { font-family: 'Catamaran'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/catamaran-700.woff2) format('woff2'); }
@font-face { font-family: 'Catamaran'; font-style: normal; font-weight: 800; font-display: swap; src: url(../fonts/catamaran-800.woff2) format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-display: swap; src: url(../fonts/open-sans-300.woff2) format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/open-sans-400.woff2) format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/open-sans-600.woff2) format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/open-sans-700.woff2) format('woff2'); }
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden]{display:none}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}[role=button]{cursor:pointer}.h1,.h2,.h3,h1,h2,h3{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}p{margin:0 0 10px}.small,small{font-size:85%}.text-center{text-align:center}.text-uppercase{text-transform:uppercase}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.row{margin-right:-15px;margin-left:-15px}.col-md-6,.col-xs-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-12{float:left}.col-xs-12{width:100%}@media (min-width:992px){.col-md-6{float:left}.col-md-6{width:50%}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=checkbox]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled]{background-color:#eee;opacity:1}.form-control[disabled]{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control{line-height:34px}}.form-group{margin-bottom:15px}.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox{margin-top:-5px}input[type=checkbox].disabled,input[type=checkbox][disabled]{cursor:not-allowed}.checkbox.disabled label{cursor:not-allowed}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active:focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled]{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled{pointer-events:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.open>a{outline:0}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav>li>a>img{max-width:none}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse{max-height:200px}}.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}@media (min-width:768px){.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.media{margin-top:15px}.media:first-child{margin-top:0}.media{overflow:hidden;zoom:1}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel>.panel-collapse>.table,.panel>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption{padding-right:15px;padding-left:15px}.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.table+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.container:after,.container:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.container:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.panel-body:after,.row:after{clear:both}.hidden{display:none!important}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}
:root {
--primario: #0a0a0a;
--secundario: #ffcb00;
--transparencia: lightgreen;
--familia_fuente: "Open Sans", sans-serif;
}
:root {
--primario__e: #0a0a0a;
--primario_oscuro__e: #0a0a0a;
--secundario: #ffcb00;
--light__e: #fff;
--color_fuente: #ffcb00;
--titulo: "Catamaran", sans-serif;
--texto: "Open Sans", sans-serif;
}
html {
scroll-behavior: smooth;
}
body {
font-family: "Open Sans", sans-serif;
background-color: var(--primario__e) !important;
overflow-x: hidden;
}
a,
a:active,
a:hover,
a:focus,
a:visited {
text-decoration: none;
}
ul.list-unstyled {
margin-bottom: 0;
}
.ventana_cookie p {
color: #000;
}
.separa-5 {
height: 5px;
}
.separa-10 {
height: 10px;
}
.separa-20 {
height: 20px;
}
.separa-30 {
height: 30px;
}
.separa-50 {
height: 50px;
}
.w-100 {
width: 100%;
}
.h-100 {
height: 100%;
}
.titulo {
font-size: 55px;
line-height: 60px;
font-family: var(--titulo);
font-weight: 800;
color: var(--color_fuente) !important;
margin-bottom: 0;
margin-top: 0;
}
.titulo-lg {
font-size: 60px;
line-height: 65px;
}
.titulo-sm {
font-size: 30px;
line-height: 35px;
}
.antetitulo {
color: var(--primario__e);
font-family: var(--titulo);
font-size: 20px;
font-weight: 600;
}
.parrafo {
font-size: 16px;
line-height: 32px;
margin-bottom: 0;
}
p {
color: #e2e2e2;
}
.interiores p {
color: var(--light__e);
}
.text-light {
color: var(--light__e);
}
.text-shadow {
filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.45));
}
.full {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.row-align-center {
display: flex;
align-items: center;
}
.row-align-center::before,
.row-align-center::after {
content: unset;
}
.flex {
display: flex;
}
.flex-column {
display: flex;
flex-direction: column;
}
.block {
display: block;
}
.justify-center {
justify-content: center;
}
.items-center {
align-items: center;
}
.content-center {
align-content: center;
}
.bg-fixed {
background-attachment: fixed;
}
.object-contain {
object-fit: contain;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.overflow-hidden {
overflow: hidden;
}
.limitar {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
line-clamp: 1;
-webkit-line-clamp: 1;
}
.limitar_3 {
-webkit-line-clamp: 3;
line-clamp: 3;
}
.animation {
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
.hover-effect {
transform: perspective(1px) translateZ(0);
position: relative;
transition: all ease-out 0.3s;
overflow: hidden;
}
.hover-effect::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transform: scaleX(0);
transform-origin: center;
transition: all ease-out 0.3s;
z-index: -1;
}
.hover-effect:hover:before,
.hover-effect:focus:before,
.hover-effect:active:before {
transform: scaleX(1);
}
.custom-button {
width: 280px;
height: 70px;
border-radius: 25px;
background-color: transparent;
font-size: 15px;
border: 2px solid transparent;
background-color: var(--light__e);
color: var(--primario__e);
column-gap: 10px;
z-index: 1;
}
.custom-button:hover,
.custom-button:active {
color: var(--primario__e);
background-color: var(--secundario);
}
.custom-button:focus {
color: var(--primario__e);
}
.custom-button::before {
background-color: var(--light__e);
border-radius: inherit;
}
.custom-button img {
width: 20px;
transition: filter 0.3s linear;
}
.navbar-fixed-top {
z-index: 10;
margin-top: 20px;
}
.barra_reducida .navbar-fixed-top {
filter: drop-shadow(0px 5px 7.5px rgba(0, 0, 0, 0.1));
background-color: var(--primario__e);
margin-top: 0px;
}
.navbar-brand {
padding: 0;
height: auto;
left: 75px;
z-index: 2;
}
.barra_ampliada .navbar-brand {
width: 275px;
top: 13px;
}
.barra_reducida .navbar-brand {
width: 180px;
top: 15px;
}
.navbar-brand>img {
width: 100%;
}
.navbar-nav {
column-gap: 15px;
margin-right: 40px;
}
.barra_ampliada .navbar-nav {
height: 105px;
}
.barra_reducida .navbar-nav {
height: 90px;
}
.navbar-nav::after,
.navbar-nav::before {
content: unset;
}
.navbar-nav>li {
height: fit-content;
display: flex;
align-items: center;
background-color: #fff;
border-radius: 25px;
}
.navbar-nav>li>a {
height: 100%;
color: var(--primario__e);
font-family: var(--titulo);
font-size: 15px;
padding: 20px;
display: inline-flex;
white-space: nowrap;
text-transform: uppercase;
transition: all 0.2s linear;
}
nav .navbar-nav>li>a:hover,
nav .navbar-nav>.active>a,
nav .navbar-nav>.active>a:hover {
background-color: transparent;
filter: drop-shadow(0 0 1px var(--light__e));
padding: 21px;
font-weight: 700;
}
.nav>li>a:focus,
.nav>li>a:hover {
background-color: transparent;
}
nav .navbar-nav>li.active .hover-effect:before,
nav .navbar-nav>li .hover-effect:hover:before,
nav .navbar-nav>li .hover-effect:focus:before,
nav .navbar-nav>li .hover-effect:active:before {
transform: scaleX(1);
background-color: transparent;
}
.superior {
height: 55px;
width: calc(100% - 300px);
margin-left: auto;
background-image: linear-gradient(270deg,
rgba(7, 38, 79, 0.99) 0%,
transparent 100%);
z-index: 1;
font-family: var(--titulo);
}
.barra_ampliada .superior {
margin-top: 0;
}
.barra_reducida .superior {
margin-top: -55px;
}
.sidebar-wrapper {
position: fixed;
top: 0;
width: 33%;
max-width: 250px;
height: calc(100% - 52px);
top: 52px;
overflow-y: auto;
background-color: var(--primario__e);
opacity: 0;
z-index: 100;
}
.sidebar-wrapper.right {
right: 0;
transform: translateX(100%);
}
.toggled .sidebar-wrapper {
opacity: 1;
transform: translateX(0%);
}
.sidebar-wrapper::-webkit-scrollbar {
width: 0px;
height: 0;
}
.right-toggle {
right: 0;
}
.navbar-toggle {
margin: 0;
padding: 15px;
border-radius: 0;
border: unset;
height: 52px;
width: 52px;
}
.navbar-toggle,
.navbar-toggle:focus,
.navbar-toggle:hover {
background-color: var(--secundario);
}
.toggled .navbar-toggle,
.toggled .navbar-toggle:focus,
.toggled .navbar-toggle:hover {
background-color: #ecbc00;
}
.sidebar-nav {
margin-bottom: 0;
}
.sidebar-wrapper .sidebar-nav li a {
text-indent: 20px;
color: var(--light__e);
font-size: 14px;
font-weight: 400;
padding: 20px 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
transition: all 0.2s ease-in-out;
position: relative;
}
.sidebar-wrapper .sidebar-nav li>a::after {
content: "";
position: absolute;
bottom: 0;
width: 200px;
height: 1px;
left: 50%;
transform: translateX(-50%);
border-bottom: 1px solid var(--secundario);
}
.sidebar-wrapper .sidebar-nav li.active a,
.sidebar-wrapper .sidebar-nav li a:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.sidebar-wrapper .sidebar-nav>li {
display: contents;
}
.sidebar-wrapper .sidebar-nav li img {
margin-left: 10px;
height: 24px;
}
#manto-movil {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
z-index: -1;
background: rgba(0, 0, 0, 0.5);
}
#manto-movil.toogled {
z-index: 2;
opacity: 1;
}
.button-fixed {
position: fixed;
flex-flow: column;
row-gap: 18px;
top: 50%;
transform: translateY(-50%);
z-index: 99;
right: 30px;
align-items: end;
transition: all 0.3s linear;
}
.button-fixed a {
width: 50px;
height: 50px;
border-radius: 20px;
}
.sidebar-wrapper .contenedor-img {
margin: 15px 7px;
height: 45px;
width: 45px;
display: block;
border-radius: 17px;
transition: all 0.2s linear;
}
.sidebar-wrapper a img {
width: 45px;
height: 45px;
}
.sidebar-wrapper .contenedor-img:hover {
scale: 1.05;
}
.button-fixed a img {
width: 100%;
height: 100%;
padding: 2px;
}
.banner {
height: 100vh;
z-index: 1;
background-color: var(--primario__e);
}
.banner-container {
top: -100px;
}
.banner .forma_banner {
width: 100%;
height: 100%;
top: -100px;
left: -400px;
transition: all 0.3s linear;
}
.banner h2 {
margin-right: 70px;
}
.banner .degradado {
background-image: linear-gradient(90deg,
rgba(7, 38, 79, 0.99) 0%,
rgba(22, 63, 121, 0.639) 50%,
transparent 100%);
}
.contenedor-flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.contenedor-flex .texto {
flex: 0 0 50%;
position: relative;
top: 20%;
}
.contenedor-flex .imagen {
flex: 0 0 50%;
z-index: 3;
}
@media (min-width: 2700px) {
.banner .forma_banner {
width: 100% !important;
height: 100% !important;
top: -100px !important;
left: -1000px !important;
}
}
@media (min-width: 2300px) {
.banner .forma_banner {
width: 100%;
height: 100%;
top: -100px;
left: -600px;
}
}
@media (max-width: 992px) {
.barra_ampliada .interiores {
height: 52px !important;
position: relative;
z-index: 10;
}
.button-fixed {
display: none;
}
.interiores .navbar-header .navbar-brand {
top: 0 !important;
left: -13px;
}
.bloqueInformacionAi .img-container .img-radius-sm {
position: relative;
top: 45px;
}
.contenedor-flex .texto {
flex: 0 0 100%;
}
.banner .forma_banner {
width: 150% !important;
height: 100%;
top: -60px;
left: -300px;
}
.banner h2 {
margin: 0;
}
.forma-informativa-2 {
top: 40px !important;
left: 140px;
}
}
@media (max-width: 500px) {
.bloqueInformacionAi {
padding-top: 0 !important;
}
}
.bloqueInformacionAi {
background-size: cover;
background-attachment: fixed;
}
.bloqueInformacionAi .antetitulo {
font-size: 15px;
color: var(--secundario);
font-family: var(--titulo);
}
.bloqueInformacionAi .titulo {
font-size: 35px;
line-height: 40px;
color: var(--light__e) !important;
margin-top: 8px;
margin-bottom: 20px;
}
.bloqueInformacionAi .parrafo {
font-size: 16px;
line-height: 26px;
font-family: var(--texto);
}
.bloqueInformacionAi .custom-button {
color: #ffffff;
background-color: var(--color_boton);
font-size: 14px;
border-radius: 5px;
border: 1px solid transparent;
padding: 10px 30px;
}
.bloqueInformacionAi .custom-button::before {
background-color: #ffffff;
}
.bloqueInformacionAi .custom-button:focus,
.bloqueInformacionAi .custom-button:active,
.bloqueInformacionAi .custom-button:hover {
color: var(--primario);
}
.bloqueInformacionAi .row-align-center {
display: flex;
align-items: end;
gap: 80px;
}
.bloqueInformacionAi ul {
list-style: none;
padding: 0;
}
.bloqueInformacionAi ul>li {
color: var(--light__e);
margin-bottom: 30px;
font-size: 16px;
font-weight: 700;
color: #e2e2e2;
}
.bloqueInformacionAi ul>li:last-child {
margin-bottom: 0;
}
.bloqueInformacionAi .img-container {
display: flex;
bottom: -15px;
}
.bloqueInformacionAi .img-container img {
object-fit: cover;
filter: drop-shadow(0 0 25px rgba(0, 0, 0, 0.2));
width: 500px;
}
.forma-informativa-2 {
object-fit: none !important;
width: 600px !important;
z-index: 1;
top: -100px;
}
.bloqueInformacionAi .img-container .img-radius-sm {
object-fit: contain;
z-index: 2;
}
@media (max-width: 400px) {
footer .flex.interno .icono.especial {
width: 47px !important;
}
.parallax .flex .icono {
width: 47px !important;
}
}
@media (max-width: 767px) {
.forma-informativa-2 {
left: 40px;
width: 100% !important;
}
.parallax .custom-container {
padding: 0 35px !important;
}
}
@media (max-width: 992px) {
.bloqueInformacionAi {
padding-top: 60px;
padding-bottom: 60px;
}
.bloqueInformacionAi .row-align-center {
flex-flow: column-reverse;
row-gap: 0px;
}
.bloqueInformacionAi .titulo {
text-align: center;
font-size: 35px;
margin: 0 10px;
}
.bloqueInformacionAi .antetitulo {
text-align: center;
}
.bloqueInformacionAi .custom-button {
display: flex;
margin-left: auto;
margin-right: auto;
width: fit-content;
}
.bloqueInformacionAi .parrafo {
text-align: center;
}
.bloqueInformacionAi ul {
text-align: center;
}
}
@media (max-width: 500px) {
.bloqueInformacionAi .img-container img {
width: 320px;
}
.bloqueInformacionAi .titulo {
font-size: 30px;
line-height: 32px;
}
}
#faq {
padding-top: 150px;
margin-top: -150px;
}
.faqAa {
background-color: #252525;
}
.faqAa .cabecera_faqAa {
justify-content: center;
display: flex;
flex-direction: column;
}
.faqAa .parrafo {
text-align: center;
}
.faqAa .titulo {
text-align: center;
}
.faqAa .panel-group {
margin-bottom: 20px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: baseline;
flex-wrap: wrap;
gap: 20px 20px;
}
.faqAa .panel-group .panel {
background-color: transparent;
filter: drop-shadow(0 2px 15px rgba(0, 0, 0, 0.06));
-webkit-box-shadow: unset;
box-shadow: unset;
border: unset;
position: relative;
}
.faqAa .panel-default>.panel-heading {
background-color: #fff;
padding: 0;
border-radius: 20px;
transition: ease 0.1s border-radius !important;
}
.faqAa .panel-group .panel:has(> .collapse.in) .panel-heading,
.faqAa .panel-group .panel:has(> .collapsing) .panel-heading {
z-index: 1;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
transition: ease 0s border-radius;
}
.faqAa .panel-title {
font-size: 18px;
font-weight: 600;
font-family: var(--titulo);
color: var(--primario);
}
.faqAa .panel-title a {
border-radius: 10px;
padding: 0 30px;
height: 70px;
justify-content: space-between;
align-items: center;
display: flex;
gap: 0 10px;
}
.faqAa .panel-body p {
color: var(--primario__e);
}
.faqAa .drop {
width: 33px;
height: 33px;
border-radius: 15px;
background-color: var(--primario__e);
flex-shrink: 0;
transition: transform ease 0.3s;
}
.faqAa .drop img {
width: 100%;
padding: 10px;
object-fit: contain;
transform: rotate(180deg);
}
.faqAa .centrado.collapsed .drop>img {
transform: rotate(0);
}
.faqAa .panel-collapse {
background-color: #fff;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
overflow: hidden;
width: 100%;
}
.faqAa .panel-default>.panel-heading+.panel-collapse>.panel-body {
border: unset;
padding: 25px 30px;
padding-top: 10px;
max-height: 400px;
height: fit-content;
font-family: var(--texto);
}
.faqAa .custom-button {
background-color: var(--secundario);
font-weight: 500;
height: 60px;
}
.faqAa .custom-button::before {
background-color: var(--light__e);
}
.faqAa .custom-button:hover img {
filter: none;
}
#servicios {
padding-top: 200px;
margin-top: -200px;
}
.servicios .fondo {
opacity: 0.149;
}
.servicios .cabecera_servicios {
justify-content: center;
display: flex;
flex-direction: column;
}
.servicios .cabecera_servicios .parrafo {
text-align: center;
color: var(--secundario) !important;
}
.servicios .cabecera_servicios .titulo {
text-align: center;
color: var(--light__e) !important;
}
.servicios .img-container {
width: 146px;
aspect-ratio: 1;
margin: 0 auto;
}
.marcas {
background-color: #151515;
height: 190px;
align-content: center;
}
.marcas #marcas img {
width: 100%;
}
.marcas .marca {
height: 120px;
width: 100%;
pointer-events: none;
cursor: default;
}
.parallax {
background-color: var(--primario__e);
}
.parallax .custom-container {
padding: 0 100px;
z-index: 2;
position: relative;
}
.parallax .flex {
gap: 120px;
}
.parallax .flex.interno {
gap: 10px;
}
.parallax .fondo {
opacity: 0.498;
z-index: 1;
opacity: 1;
}
.parallax .flex .icono {
width: 40px;
height: 40px;
border-radius: 15px;
}
.parallax .flex.interno .icono.par {
background-color: var(--secundario);
}
.flex.interno p {
margin: 0;
}
.parallax .flex .icono img {
padding: 10px;
}
.parallax .flex {
color: #fff;
}
.parallax .opacidad {
background-color: var(--primario__e);
opacity: 0.8;
z-index: 2;
}
.parallax .container .row>div {}
.bg-parallax {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#garantia {
padding-top: 400px;
margin-top: -400px;
}
.mapa {
height: 585px;
}
footer {
background-color: var(--primario__e);
}
footer .vl.primera {
height: 350px !important;
}
footer h3 {
font-family: var(--titulo);
}
footer .logo_footer img {
width: 260px;
}
footer .info__content {
column-gap: 50px;
row-gap: 20px;
margin: 0 auto;
flex-wrap: wrap;
}
footer .flex {
gap: 50px;
}
footer .flex.interno {
gap: 10px;
}
footer .flex.interno span {
align-content: center;
}
footer .fondo {
opacity: 0.498;
z-index: 1;
opacity: 1;
}
footer .flex .icono {
width: 40px;
height: 100%;
border-radius: 15px;
background-color: var(--secundario);
}
footer .flex.interno p {
margin: 0;
}
footer .flex .icono img {
padding: 10px;
width: 40px !important;
}
footer .flex {
color: #fff;
}
footer .vl {
opacity: 0.298;
width: 1px;
height: 120px;
background-color: var(--light__e);
}
footer .links {
flex-wrap: wrap;
gap: 5px;
font-weight: 300;
z-index: 1;
}
footer .links a,
footer .links span {
color: var(--light__e);
}
footer .hl {
background-color: var(--light__e);
height: 1px;
width: 100%;
opacity: 0.3;
}
footer .container_footer {
padding: 30px 10px;
column-gap: 15px;
font-weight: 500;
gap: 7px;
}
footer .links a {
color: #fff;
font-size: 14px;
}
footer .links a:hover {
color: var(--color_fuente) !important;
}
footer .footer-final {
column-gap: 60px;
row-gap: 10px;
flex-flow: wrap;
padding: 30px 20px;
z-index: 1;
}
footer .footer-final p {
margin-bottom: 0;
}
footer .footer-final a {
color: var(--light__e);
}
footer .footer-copyright {
font-size: 12px;
color: var(--light__e);
}
footer .footer-copyright a {
font-weight: 500;
}
.navbar-nav .logo {
position: absolute;
}
.navbar-nav .logo {
position: absolute;
left: -160px;
height: 100%;
}
.navbar-nav .logo>a {
padding: 0;
height: inherit;
}
.navbar-nav .logo img {
height: 100%;
object-fit: contain;
object-position: center;
width: 180px;
z-index: 2;
}
.separa-5 {
height: 5px;
}
.separa-10 {
height: 10px;
}
.separa-20 {
height: 20px;
}
.separa-30 {
height: 30px;
}
.separa-50 {
height: 50px;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.centrado {
display: inline-flex;
justify-content: center;
align-items: center;
}
.limitar {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.limitar_3 {
-webkit-line-clamp: 3;
}
.caja {
overflow: hidden;
}
.interiores {
background: -moz-linear-gradient(top,
rgba(37, 37, 37, 1) 0%,
rgba(37, 37, 37, 1) 90%,
rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(top,
rgba(37, 37, 37, 1) 0%,
rgba(37, 37, 37, 1) 90%,
rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to bottom,
rgba(37, 37, 37, 1) 0%,
rgba(37, 37, 37, 1) 90%,
rgba(255, 255, 255, 0) 100%);
}
.interiores .cabecera .h1 {
font-size: 55px;
line-height: 60px;
font-family: var(--titulo);
font-weight: 800;
color: var(--color_fuente) !important;
margin-bottom: 0;
margin-top: 0;
}
.textaco p {
font-size: 16px;
line-height: 26px;
font-family: var(--texto);
}
.textaco {
& .image {
display: table;
clear: both;
text-align: center;
margin: 0.9em auto;
min-width: 50px;
& img {
display: block;
margin: 0 auto;
max-width: 100%;
min-width: 100%;
height: auto;
}
}
}
:root {
--ck-color-image-caption-background: hsl(0, 0%, 97%);
--ck-color-image-caption-text: hsl(0, 0%, 20%);
--ck-color-image-caption-highlighted-background: hsl(52deg 100% 50%);
}
.textaco .image>figcaption {
display: table-caption;
caption-side: bottom;
word-break: break-word;
color: var(--ck-color-image-caption-text);
background-color: var(--ck-color-image-caption-background);
padding: 0.6em;
font-size: 0.75em;
outline-offset: -1px;
@media (forced-colors: active) {
background-color: unset;
color: unset;
}
}
:root {
--ck-image-style-spacing: 1.5em;
--ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
}
.textaco {
& .image {
}
}
@media (max-width: 767px) {
.textaco figure.image {
width: 100% !important;
}
.textaco img {
height: auto;
max-width: 100%;
}
}
.descarga.uno:hover .btn {
color: #fff;
background-color: var(--secundario);
}
.descarga.dos:hover .btn {
color: var(--secundario);
background-color: #e8d6fb;
}
.btn-corporativo {
color: #fff;
font-size: 16px;
font-weight: 400;
font-family: var(--familia_fuente);
text-transform: uppercase;
border: 0px;
border-radius: 10px;
background-color: var(--primario);
display: inline-flex;
justify-content: center;
align-items: center;
}
.btn-lg.btn-corporativo {
padding: 18px 30px;
}
.btn-corporativo:hover,
.btn-corporativo:focus,
.btn-corporativo:active {
background-color: #5c5b5b;
color: #fff;
}
.acceso a {
color: #fff;
}
.btn-corp {
background-color: var(--secundario);
color: var(--primario) !important;
border: 0;
}
span.precio {
font-size: 24px;
font-family: "Open Sans", sans-serif;
color: var(--primario);
font-weight: 400;
}
.condiciones a {
color: var(--primario);
}
#manto-movil {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
z-index: -1;
}
#manto-movil.toogled {
z-index: 3;
}
@media (max-width: 767px) {
#manto-movil.toogled {
z-index: 9;
opacity: 0.6;
background-color: #0d0d0d;
}
}
textarea {
resize: vertical;
}
.acceso a p {
color: var(--primario);
font-weight: 600;
margin: 0;
}
.banner_interior {
width: 100%;
height: 300px;
background-size: cover;
overflow: hidden;
background-position: 0px 40%;
}
.banner_interior .imagen {
width: 100%;
height: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
filter: blur(4px);
}
.banner_interior .texto {
flex-direction: column;
position: absolute;
width: 100%;
height: 100%;
bottom: 0px;
left: 0px;
}
.banner_interior .texto img {
margin-top: 20px;
}
.banner_interior p {
margin-top: 0;
font-size: 60px;
line-height: 50px;
font-weight: 600;
color: #fff;
letter-spacing: 0px;
font-family: "Open Sans";
text-align: center;
margin-bottom: 0px;
text-shadow: 2px 2px 3px rgba(1, 0, 2, 0.75);
}
.banner_interior h1 {
margin-top: 0;
font-size: 60px;
line-height: 50px;
font-weight: 600;
color: #fff;
letter-spacing: 0px;
font-family: "Open Sans";
text-align: center;
margin-bottom: 0px;
text-shadow: 2px 2px 3px rgba(1, 0, 2, 0.75);
}
.control {
cursor: pointer;
}
select::-ms-expand {
display: none;
}
.floating-icons {
position: fixed;
bottom: 1.5rem;
right: 1.5rem;
z-index: 99;
}
.floating-icons a {
display: inline-block;
transition: all 0.2s ease-in-out;
}
a:hover,
a:visited,
a:link,
a:active {
text-decoration: none;
}
.floating-icons img {
max-width: 48px;
height: auto;
}
.floating-icons a:hover {
transform: scale(0.9);
}
@media (min-width: 1200px) {
.banner .custom-container {
height: 50%;
align-items: center;
}
.custom-container {
max-width: 1410px;
width: 100%;
}
}
@media (max-width: 1300px) {
}
@media (max-width: 1200px) {
.custom-container {
padding: 0 45px;
}
.banner .forma_banner {
width: 140%;
}
footer .flex {
width: 100%;
}
.aparece {
left: 11px !important;
opacity: 1 !important;
}
.boton-abrir-reducido {
opacity: 1;
transition: all 300ms linear;
}
.desaparece {
opacity: 0;
}
.boton-cerrar-reducido {
position: absolute;
width: 30px !important;
left: 240px;
transition: all 300ms linear;
opacity: 0;
}
.bloqueInformacionAi .img-container .img-radius-sm {
top: 26px;
position: relative;
}
footer .vl {
height: 1px;
width: 100%;
max-width: 320px;
}
footer h3 {
text-align: center;
}
footer .vl.primera {
height: 1px !important;
width: 100%;
}
footer .info__content {
flex-direction: column;
row-gap: 30px;
}
.navbar-fixed-top {
margin-top: 0;
}
.navbar-nav>li {
border-radius: 21px;
}
.navbar-nav>li>a {
font-size: 13px;
padding: 15px;
}
.navbar-nav>li>a:hover {
padding: 16px !important;
font-weight: 600 !important;
}
.navbar-brand {
left: 45px;
}
.barra_ampliada .navbar-brand {
width: 200px;
top: 20px;
}
.parallax .row-align-center {
display: flex;
flex-direction: column-reverse;
}
.parallax .row-align-center>div {
width: 100%;
}
}
@media (max-width: 992px) {
.row-align-center {
display: block;
}
.interiores .cabecera .h1 {
font-size: 42px;
}
.banner-container {
top: auto;
}
.bloqueInformacionAi .img-container .img-radius-sm {
top: 45px;
}
.parallax .flex {
gap: 20px;
}
.antetitulo,
.titulo {
text-align: center;
}
.button-centred-md {
margin: 0 auto;
}
.titulo-lg {
font-size: 65px;
line-height: 70px;
}
.parrafo {
text-align: justify;
text-align-last: center;
}
.superior {
display: none;
}
.barra_ampliada .navbar-fixed-top,
.barra_reducida .navbar-fixed-top {
height: 52px;
background-color: var(--primario__e);
filter: drop-shadow(0px 5px 7.5px rgba(0, 0, 0, 0.1));
}
.navbar-brand {
height: 52px;
left: 15px;
}
.barra_ampliada .navbar-brand,
.barra_reducida .navbar-brand {
width: auto;
top: 0;
}
.navbar-brand>img {
width: 100%;
height: 80%;
}
.navbar-collapse.collapse {
display: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-header {
float: left;
}
.banner {
height: 680px;
}
.bloqueInformacion .row-align-center {
display: flex;
flex-direction: column-reverse;
}
.bloqueInformacion .row-align-center>div {
width: 100%;
justify-content: center;
}
footer .info__content>ul {
max-width: 320px;
width: 100%;
}
footer .info__content>ul li {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
footer .flex.interno p {
font-size: 13px;
}
footer .info__content>ul li div {
justify-content: start;
}
footer .footer-copyright {
column-gap: 20px;
}
footer .links a {
font-size: 13px;
}
footer .footer-copyright {
font-size: 11px;
}
footer .container_footer {
flex-wrap: wrap;
}
}
@media (max-width: 767px) {
.custom-container {
padding: 0 25px;
}
footer .flex-column>.flex {
flex-direction: column;
}
.titulo {
font-size: 45px;
line-height: 45px;
margin: 0 10px;
}
.titulo-lg {
font-size: 50px;
line-height: 50px;
}
.titulo-sm {
font-size: 25px;
line-height: 25px;
}
.parrafo {
line-height: 26px;
}
.servicios .img-container {
width: 165px;
}
.toggled .sidebar-wrapper {
width: 80%;
}
}
@media (max-width: 600px) {
.parrafo {
font-size: 14px;
line-height: 22px;
}
.textaco p {
font-size: 14px !important;
line-height: 22px !important;
}
.custom-button {
width: 280px;
}
}
@media (max-width: 1200px) {
.sidebar-wrapper li img {
height: 20px;
transition: all 0.2s ease-in-out;
}
.banner_interior {
height: 250px;
}
}
@media (min-width: 993px) {
}
@media (max-width: 992px) {
.floating-icons {
bottom: 1rem;
right: 1rem;
}
.sidebar-wrapper li img {
height: 25px;
transition: all 0.2s ease-in-out;
}
}
@media (max-width: 767px) {
span.precio {
font-size: 48px;
font-family: var(--familia_fuente);
font-weight: 400;
}
.banner_interior {
height: 200px;
}
h3 {
font-size: 20px;
}
}
.saltar-contenido { position: absolute; left: -9999px; top: 0; z-index: 2000; background: var(--secundario); color: var(--primario); padding: 10px 16px; font-weight: 700; }
.saltar-contenido:focus { left: 10px; top: 10px; }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
outline: 3px solid var(--secundario); outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto !important; }
*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
.boton-enlace { background: none; border: 0; padding: 0; font: inherit; cursor: pointer; }
.logo_footer img, .img-container img, .tarjeta-servicio-imagen img { height: auto; }
@media (min-width: 993px) { .navbar-brand img { height: auto; } }
.tarjeta-tienda-datos img { background: var(--secundario); border-radius: 50%; padding: 5px; width: 30px; height: 30px; flex-basis: 30px; margin-top: -3px; }
.pendiente { display: inline-block; background: #c62828; color: #fff; font: 600 12px/1.4 var(--texto); padding: 2px 8px; border-radius: 6px; margin: 4px 0; text-transform: none; letter-spacing: 0; white-space: normal; }
.menu-principal { overflow: visible !important; }
.navbar-nav > li > .submenu-boton,
.navbar-nav > li > span {
color: #0a0a0a; font-family: var(--titulo); font-size: 15px; padding: 20px; text-transform: uppercase;
white-space: nowrap; background: none; border: 0; line-height: 20px; display: block; cursor: pointer;
}
.navbar-nav > li > .submenu-boton::after { content: ""; display: inline-block; margin-left: 6px; border: 5px solid transparent; border-top-color: currentColor; vertical-align: -2px; }
.navbar-nav > li > span .pendiente { display: none; }
.navbar-nav > li.tiene-submenu { position: relative; }
.navbar-nav .submenu {
display: none; position: absolute; top: calc(100% + 8px); left: 0; min-width: 240px; z-index: 50;
background: #fff; border-radius: 20px; padding: 10px; margin: 0; list-style: none;
filter: drop-shadow(0 6px 18px rgba(0, 0, 0, .35));
}
.navbar-nav .submenu::before { content: ""; position: absolute; top: -10px; left: 0; right: 0; height: 10px; }
.navbar-nav li.tiene-submenu:hover > .submenu,
.navbar-nav li.tiene-submenu:focus-within > .submenu,
.navbar-nav li.tiene-submenu.abierto > .submenu { display: block; }
.navbar-nav .submenu > li > a,
.navbar-nav .submenu > li > span {
display: block; padding: 10px 14px; border-radius: 12px; color: #0a0a0a; font-family: var(--titulo);
font-size: 15px; font-weight: 600; text-transform: none; white-space: nowrap;
}
.navbar-nav .submenu > li > span { color: #777; cursor: default; }
.navbar-nav .submenu > li > a:hover, .navbar-nav .submenu > li > a:focus { background: var(--secundario); text-decoration: none; }
.sidebar-wrapper .sidebar-nav details summary,
.sidebar-wrapper .sidebar-nav > li > span.block {
text-indent: 20px; color: var(--light__e); font-size: 14px; font-weight: 400; padding: 20px 10px;
text-align: left; position: relative; display: block;
}
.sidebar-wrapper .sidebar-nav details summary::before,
.sidebar-wrapper .sidebar-nav > li > span.block::before {
content: ""; position: absolute; bottom: 0; width: 200px; height: 1px; left: 50%;
transform: translateX(-50%); border-bottom: 1px solid var(--secundario);
}
.sidebar-wrapper .sidebar-nav details summary:hover { background-color: rgba(255, 255, 255, 0.2); }
.sidebar-wrapper .sidebar-nav details ul li a { padding: 12px 10px; }
.sidebar-wrapper .sidebar-nav details ul li > a::after { display: none; }
.sidebar-nav details summary { list-style: none; cursor: pointer; }
.sidebar-nav details summary::-webkit-details-marker { display: none; }
.sidebar-nav details summary::after { content: " +"; }
.sidebar-nav details[open] summary::after { content: " –"; }
.sidebar-nav details ul { padding-left: 14px; }
.sidebar-nav details ul a, .sidebar-nav details ul span { text-transform: none; font-size: 15px; }
.sidebar-nav span.block { display: block; color: #bbb; padding: 10px 20px; }
.sidebar-wrapper .sidebar-nav .llamar-ahora { display: flex; align-items: center; gap: 8px; font-weight: 600; white-space: normal; text-indent: 0; padding-left: 20px; padding-right: 20px; }
.sidebar-nav .llamar-ahora img { filter: brightness(200); }
.button-fixed .icono-contacto img, .sidebar-wrapper .icono-contacto img { padding: 11px; width: 100%; height: 100%; }
#faq, #servicios, #garantia { margin-top: 0; }
#faq.faqAa { padding-top: 40px; }
#servicios.servicios, #garantia.seccion-garantia { padding-top: 90px; }
main [id] { scroll-margin-top: 100px; }
.botones-hero { display: flex; flex-wrap: wrap; gap: 15px; }
.custom-button { width: auto; min-width: 280px; padding: 0 25px; text-transform: none; font-weight: 700; }
.custom-button-secundario { background: transparent; color: #fff; border: 2px solid #fff; }
.custom-button-secundario img { filter: brightness(0) invert(1); }
.custom-button-secundario:hover { color: #0a0a0a; }
.custom-button-secundario:hover img { filter: none; }
.custom-button > .pendiente { margin-left: 8px; }
.banner .col.texto { top: 0; }
@media (min-width: 993px) and (max-width: 1199px) and (max-height: 1000px) {
.banner { height: auto; min-height: 100vh; padding: 150px 0 60px; }
.banner-container { top: 0; }
}
.seccion-tiendas { padding: 90px 0; }
.seccion-tiendas .custom-container { z-index: 2; }
.tarjetas-tiendas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; }
.tarjetas-tiendas-una { grid-template-columns: minmax(0, 640px); }
.tarjeta-tienda { background: #252525; border-radius: 25px; padding: 34px; filter: drop-shadow(0 0 15px rgba(0, 0, 0, .25)); }
.tarjeta-tienda .titulo { margin: 0 0 20px; }
.tarjeta-tienda-datos li { display: flex; gap: 12px; align-items: flex-start; color: #e2e2e2; margin-bottom: 14px; font-size: 16px; line-height: 24px; }
.tarjeta-tienda { display: flex; flex-direction: column; }
.tarjeta-tienda-botones { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: auto; padding-top: 24px; }
.tarjeta-tienda .tarjeta-tienda-botones > * { width: 100%; min-height: 58px; text-align: center; line-height: 1.2; }
.tarjeta-tienda-botones > :last-child:nth-child(odd) { grid-column: 1 / -1; }
.boton-accion {
display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px 20px;
border-radius: 25px; background: #fff; color: #0a0a0a !important; font-family: var(--titulo); font-weight: 700;
font-size: 16px; text-decoration: none !important; transition: background .2s;
}
.boton-accion:hover, .boton-accion:focus { background: var(--secundario); }
.boton-accion.boton-principal, .boton-accion.boton-whatsapp { background: var(--secundario); }
.boton-accion.boton-principal:hover, .boton-accion.boton-whatsapp:hover { background: #fff; }
span.boton-accion { flex-direction: column; }
.bloque-iphone { background: #151515; padding: 80px 0; }
.bloque-iphone-caja { max-width: 900px; margin: 0 auto; text-align: center; }
.bloque-iphone-logo { width: 120px; height: auto; filter: brightness(0) invert(1); margin-bottom: 20px; }
.bloque-iphone-mensaje { font-family: var(--titulo); font-weight: 800; font-size: 28px; line-height: 36px; color: #fff; margin: 20px 0; }
.bloque-iphone-nota { color: var(--secundario) !important; }
.bloque-iphone-botones { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; margin-top: 30px; }
.servicios { padding: 90px 0; height: auto; }
.rejilla-servicios { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; margin: 0; }
.rejilla-servicios > .tarjeta-servicio { flex: 0 0 calc((100% - 60px) / 3); }
.tarjeta-servicio { background: #292929; border-radius: 25px; padding: 34px 26px; text-align: center; filter: drop-shadow(0 0 15px rgba(0, 0, 0, .05)); }
.tarjeta-servicio-imagen { height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.tarjeta-servicio-imagen img { max-height: 110px; width: auto; }
.tarjeta-servicio .titulo { margin: 0 0 15px; }
.tarjeta-servicio .titulo a { color: inherit; }
.marcas-rejilla { background: #151515; padding: 60px 0; }
.lista-marcas { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 24px 34px; margin: 30px 0 10px; }
.marca-item { text-align: center; }
.marca-enlace { display: flex; flex-direction: column; align-items: center; gap: 10px; color: #fff; }
.marca-logo { height: 44px; display: flex; align-items: center; justify-content: center; }
.marca-enlace img { display: block; max-width: none; object-fit: contain; }
.marca-nombre { font-family: var(--titulo); font-weight: 700; font-size: 16px; color: #fff; }
.marcas-otras { color: #bbb; }
.otros-servicios { background: #0a0a0a; padding: 60px 0; }
.lista-otros-servicios { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 30px 0 10px; }
.lista-otros-servicios li { background: #252525; border-radius: 20px; padding: 22px 24px; display: flex; flex-direction: column; gap: 6px; }
.lista-otros-servicios strong { font-family: var(--titulo); font-size: 18px; color: var(--secundario); }
.lista-otros-servicios span { color: #e2e2e2; font-size: 15px; line-height: 22px; }
.tarjeta-servicio:not(:has(.tarjeta-servicio-imagen)) { display: flex; flex-direction: column; justify-content: center; }
.seccion-garantia { padding: 90px 0; }
.lista-garantia { color: #e2e2e2; font-size: 16px; line-height: 30px; }
.tabla-garantia { width: 100%; border-collapse: separate; border-spacing: 0; margin: 10px 0 12px; border-radius: 20px; overflow: hidden; background: #252525; }
.tabla-garantia th, .tabla-garantia td { padding: 14px 18px; text-align: left; font-size: 16px; border-bottom: 1px solid #3a3a3a; }
.tabla-garantia thead th { background: #151515; color: var(--secundario); font-family: var(--titulo); font-weight: 800; }
.tabla-garantia tbody th { color: #fff; font-weight: 700; }
.tabla-garantia td { color: #e2e2e2; white-space: nowrap; }
.tabla-garantia tbody tr:last-child th, .tabla-garantia tbody tr:last-child td { border-bottom: 0; }
.tabla-garantia sup { color: var(--secundario); font-weight: 700; }
.nota-garantia { color: #bbb !important; font-size: 14px; line-height: 21px; margin-bottom: 14px; }
@media (max-width: 767px) { .tabla-garantia th, .tabla-garantia td { padding: 12px 10px; font-size: 15px; } }
.bloque-iriparo { background: #0a0a0a; padding: 60px 0; border-top: 1px solid #252525; }
.bloque-iriparo a, .tienda-bloque a, .interiores .parrafo a { color: var(--secundario); }
.faqAa .faq-pregunta { color: #252525; }
.faqAa > .row { margin-left: 0; margin-right: 0; }
.faqAa .panel-title { font-size: inherit; }
.contacto-seccion { background: #151515; padding: 80px 0 30px; }
.form-contacto { max-width: 900px; margin: 0 auto; }
.form-contacto label { color: #fff; font-weight: 600; }
.form-contacto .opcional { color: #bbb; font-weight: 400; }
.form-contacto .form-control { padding: 12px 14px; height: auto; border-radius: 10px; font-size: 16px; }
.contacto-acepto { display: flex; gap: 10px; align-items: flex-start; }
.contacto-acepto input { margin-top: 5px; width: 18px; height: 18px; flex: 0 0 18px; }
.contacto-acepto label { font-weight: 400; }
.contacto-acepto a { color: var(--secundario); }
.info-proteccion-datos { margin-top: 20px; color: #bbb; font-size: 13px; }
.info-proteccion-datos summary { cursor: pointer; color: #fff; font-weight: 600; }
.info-proteccion-datos dl { display: grid; grid-template-columns: max-content 1fr; gap: 4px 14px; margin: 12px 0 6px; }
.info-proteccion-datos dt { color: #fff; font-weight: 600; }
.info-proteccion-datos dd { margin: 0; }
.info-proteccion-datos p { font-size: 13px; color: #bbb; }
.info-proteccion-datos a { color: var(--secundario); }
@media (max-width: 767px) { .info-proteccion-datos dl { grid-template-columns: 1fr; } .info-proteccion-datos dd { margin-bottom: 8px; } }
.tabla-cookies-contenedor { overflow-x: auto; margin: 20px 0; }
.tabla-cookies { width: 100%; border-collapse: collapse; color: #e2e2e2; font-size: 14px; }
.tabla-cookies th, .tabla-cookies td { border: 1px solid #3a3a3a; padding: 10px 12px; vertical-align: top; text-align: left; }
.tabla-cookies th { background: #151515; color: #fff; }
.textaco .boton-accion { border: 0; margin: 10px 0; }
.campo-web { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.aviso-form { border-radius: 12px; padding: 16px 20px; margin-bottom: 20px; font-size: 16px; }
.aviso-form.ok { background: #1f3d1f; color: #c8f5c8; border: 1px solid #66e067; }
.aviso-form.error { background: #3d1f1f; color: #ffd0d0; border: 1px solid #ff6b6b; }
.form-contacto .enviar[disabled] { opacity: .6; }
.migas ol { list-style: none; padding: 0; margin: 0 0 20px; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; font-size: 14px; }
.migas li { color: #bbb; }
.migas li + li::before { content: "›"; margin-right: 6px; color: var(--secundario); }
.migas a { color: #fff; text-decoration: underline; }
.tienda-intro { max-width: 900px; margin: 0 auto; text-align: center; }
.tienda-datos-mapa { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 30px; align-items: stretch; }
.tienda-mapa { min-height: 380px; border-radius: 20px; overflow: hidden; background: #252525 center / cover no-repeat; }
.tienda-como-llegar-foto { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 30px; align-items: center; }
.tienda-fachada { margin: 0; }
.tienda-fachada img { width: 100%; height: auto; border-radius: 20px; display: block; }
.tienda-fachada figcaption { color: #bbb; font-size: 14px; margin-top: 8px; text-align: center; }
@media (max-width: 992px) { .tienda-como-llegar-foto { grid-template-columns: minmax(0, 1fr); } }
.tienda-mapa iframe { width: 100%; height: 100%; min-height: 380px; border: 0; display: block; }
.mapa-aviso { min-height: 380px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 30px; text-align: center; background: rgba(10, 10, 10, .78); }
.mapa-aviso img { background: var(--secundario); border-radius: 50%; padding: 8px; width: 48px; height: 48px; }
.mapa-aviso p { color: #e2e2e2; max-width: 340px; margin: 0; }
.mapa-aviso .boton-accion { border: 0; }
.mapa-aviso a { color: var(--secundario); text-decoration: underline; }
.tienda-bloque { margin-top: 30px; }
.lista-enlaces { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 10px 0 30px; list-style: none; }
.lista-enlaces li > a, .lista-enlaces li > span { display: inline-block; background: #fff; color: #0a0a0a; border-radius: 25px; padding: 8px 18px; font-family: var(--titulo); font-weight: 600; }
.lista-enlaces li > span { background: #3a3a3a; color: #ddd; }
.textaco { color: #e2e2e2; }
.textaco h2, .textaco h3 { color: #fff; font-family: var(--titulo); margin-top: 30px; }
.textaco a { color: var(--secundario); word-break: break-word; }
.ventana_cookie {
position: fixed; bottom: 30px; left: 30px; z-index: 1100; width: 620px; max-width: calc(100% - 30px);
background: #fff; border-radius: 20px; padding: 24px 28px 22px 100px; box-shadow: 0 10px 40px rgba(0, 0, 0, .45);
}
.ventana_cookie[hidden] { display: none; }
.ventana_cookie .icono { position: absolute; left: 22px; top: 24px; width: 60px; height: 60px; }
.ventana_cookie p { color: #252525; margin: 0 0 12px; font-size: 14px; line-height: 21px; }
.ventana_cookie .cookies-titulo { font-family: var(--titulo); font-weight: 800; font-size: 20px; color: #0a0a0a; margin-bottom: 6px; }
.ventana_cookie p a { color: #0a0a0a; font-weight: 700; text-decoration: underline; }
.cookies-panel { background: #f2f2f2; border-radius: 12px; padding: 12px 14px; margin-bottom: 12px; }
.cookies-panel[hidden] { display: none; }
.cookies-panel-titulo { font-family: var(--titulo); font-weight: 800; color: #0a0a0a !important; margin-bottom: 6px !important; }
.cookies-opcion { display: flex; gap: 10px; align-items: flex-start; margin: 8px 0; }
.cookies-opcion label { color: #252525; font-weight: 400; font-size: 13px; line-height: 19px; margin: 0; }
.cookies-opcion input { margin-top: 3px; flex: 0 0 auto; }
.cookies-botones { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.cookies-botones .btn { margin: 0; width: 100%; padding: 8px 6px; font-size: 14px; }
.cookies-botones [hidden] { display: none; }
.pie-columna { width: 200px; }
.pie-legal { flex-wrap: wrap; gap: 6px; }
.pie-legal a, .pie-legal span, .pie-legal button { padding: 0 8px; }
.pie-grupo { color: #bbb; text-decoration: underline; }
.pie-redes { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; }
.pie-redes p { margin: 0; color: #fff; font-family: var(--titulo); font-weight: 800; font-size: 18px; }
.pie-redes-iconos { display: flex; gap: 18px; }
.pie-redes-iconos a { display: block; border-radius: 10px; }
.pie-redes-iconos img { display: block; width: 40px; height: 40px; }
@media (min-width: 768px) { .pie-redes { flex-direction: row; gap: 24px; } }
@media (max-width: 992px) {
.tarjetas-tiendas, .tienda-datos-mapa { grid-template-columns: minmax(0, 1fr); }
.navbar-nav .submenu { position: static; }
}
@media (max-width: 767px) {
.ventana_cookie { left: 15px; bottom: 15px; padding: 50px 18px 18px; }
.ventana_cookie .icono { left: 50%; top: -30px; transform: translateX(-50%); }
.cookies-botones { grid-template-columns: 1fr; }
.custom-button { min-width: 0; width: 100%; }
.bloque-iphone-mensaje { font-size: 22px; line-height: 30px; }
.tarjeta-tienda { padding: 24px 20px; }
.tarjeta-tienda-botones { grid-template-columns: 1fr; }
.tarjeta-tienda-botones > :last-child:nth-child(odd) { grid-column: auto; }
.seccion-tiendas, .servicios, .seccion-garantia, .bloque-iphone { padding: 60px 0; }
.tienda-mapa iframe { min-height: 300px; }
}
.lista-otros-servicios .solo-tienda { color: #bbb; font-size: 13px; font-style: normal; margin-top: auto; padding-top: 6px; }
@media (max-width: 992px) { .lista-otros-servicios { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .lista-otros-servicios { grid-template-columns: minmax(0, 1fr); } }
.deslizar-aviso { display: none; }
@media (max-width: 767px) {
.rejilla-servicios {
display: flex; gap: 14px; overflow-x: auto; overscroll-behavior-x: contain;
scroll-snap-type: x mandatory; scroll-padding: 0 20px;
margin: 0 -20px; padding: 4px 20px 16px; scrollbar-width: none;
}
.rejilla-servicios::-webkit-scrollbar { display: none; }
.rejilla-servicios > .tarjeta-servicio { flex: 0 0 min(78%, 320px); scroll-snap-align: start; }
.rejilla-servicios:focus-visible { outline: 3px solid var(--secundario); outline-offset: 2px; }
.deslizar-aviso { display: flex; align-items: center; justify-content: center; gap: 8px; color: #bbb; font-size: 14px; margin: 6px 0 0; }
.deslizar-aviso::after { content: "→"; color: var(--secundario); font-size: 18px; }
}
.pie-aviso-marcas { font-size: 12px !important; color: #999 !important; max-width: 760px; margin: 6px auto 0; }
.selector-presupuesto { background: #151515; padding: 60px 0; }
.selector-caja { max-width: 900px; margin: 0 auto; background: #252525; border-radius: 25px; padding: 34px; }
.selector-caja > .titulo { margin: 0 0 8px; }
.form-selector label { color: #fff; font-weight: 600; }
.form-selector .form-control { padding: 12px 14px; height: auto; border-radius: 10px; font-size: 16px; }
.form-selector [hidden] { display: none !important; }
.ayuda-campo { color: #bbb !important; font-size: 13px; line-height: 19px; margin: 6px 0 0; }
.selector-botones { display: flex; justify-content: center; margin-top: 10px; }
.selector-correo { margin-top: 24px; border-top: 1px solid #3a3a3a; padding-top: 16px; }
.selector-correo summary { color: var(--secundario); font-weight: 600; cursor: pointer; margin-bottom: 14px; }
.selector-alternativa { color: #bbb !important; font-size: 14px; text-align: center; margin: 18px 0 0; }
.selector-alternativa a { color: var(--secundario); }
.servicio-intro { max-width: 860px; margin: 0 auto; text-align: center; }
.servicio-contenido { padding: 40px 0 10px; }
.servicio-columnas { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px 50px; margin-bottom: 30px; }
.servicio-columnas .titulo { margin-top: 0; }
.lista-check, .lista-pasos { color: #e2e2e2; font-size: 16px; line-height: 26px; padding-left: 0; list-style: none; }
.lista-check li { position: relative; padding-left: 30px; margin-bottom: 10px; }
.lista-check li::before { content: "✓"; position: absolute; left: 0; color: var(--secundario); font-weight: 800; }
.lista-pasos { counter-reset: paso; }
.lista-pasos li { position: relative; padding-left: 44px; margin-bottom: 14px; counter-increment: paso; }
.lista-pasos li::before { content: counter(paso); position: absolute; left: 0; top: -2px; width: 30px; height: 30px; border-radius: 50%; background: var(--secundario); color: #0a0a0a; font-weight: 800; text-align: center; line-height: 30px; font-family: var(--titulo); }
.servicio-aviso { background: #3d2f00; border-left: 4px solid var(--secundario); color: #fff !important; padding: 12px 16px; border-radius: 8px; }
.servicio-contenido .parrafo a { color: var(--secundario); }
.servicio-tiendas { background: #0a0a0a; padding: 60px 0; }
@media (max-width: 767px) { .selector-caja { padding: 24px 18px; } }
.garantia-tabla-caja { max-width: 760px; margin: 0 auto 40px; }
.calidades { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 20px 0 40px; }
@media (max-width: 767px) { .calidades { grid-template-columns: minmax(0, 1fr); } }
.calidad-grupo { background: #151515; border-radius: 20px; padding: 26px; }
.calidad-grupo-titulo { font-family: var(--titulo); font-weight: 800; color: #fff; font-size: 20px; margin: 0 0 12px; }
.lista-calidades { list-style: none; padding: 0; margin: 0; }
.lista-calidades li { border-top: 1px solid #333; padding: 14px 0; color: #e2e2e2; }
.lista-calidades strong { color: var(--secundario); font-family: var(--titulo); font-size: 18px; }
.lista-calidades p { margin: 6px 0 0; font-size: 15px; line-height: 23px; }
.etiqueta-calidad { display: inline-block; background: var(--secundario); color: #0a0a0a; font-size: 12px; font-weight: 700; border-radius: 10px; padding: 1px 8px; margin-left: 6px; vertical-align: 2px; }
.calidad-garantia { display: block; color: #fff; font-weight: 600; font-size: 14px; margin-top: 4px; }
.trayectoria { list-style: none; padding: 0; margin: 10px 0 40px; border-left: 2px solid var(--secundario); }
.trayectoria li { position: relative; padding: 0 0 18px 24px; }
.trayectoria li::before { content: ""; position: absolute; left: -7px; top: 6px; width: 12px; height: 12px; border-radius: 50%; background: var(--secundario); }
.trayectoria-anio { font-family: var(--titulo); font-weight: 800; color: var(--secundario); font-size: 20px; }
.trayectoria p { color: #e2e2e2; margin: 2px 0 0; }
.interiores .titulo.titulo-sm { margin-top: 30px; }
.quienes-grupo a, .lista-check a { color: var(--secundario); }
.calidad-nota { background: #252525; border-left: 3px solid var(--secundario); border-radius: 6px; padding: 10px 12px; margin-top: 10px !important; color: #e2e2e2; }
.mensaje-clave { max-width: 900px; margin: 0 auto 30px; text-align: center; background: #151515; border-radius: 20px; padding: 30px 26px; }
.mensaje-clave-texto { font-family: var(--titulo); font-weight: 800; font-size: 26px; line-height: 34px; color: var(--secundario) !important; margin: 0 0 14px; }
.mensaje-clave-modelos { color: #e2e2e2; font-size: 15px; line-height: 24px; margin-bottom: 20px; }
.mensaje-clave .custom-button { display: inline-flex; margin-top: 6px; }
.columnas-iguales { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.caja-modelos { background: #151515; border-radius: 20px; padding: 26px; }
.lista-modelos { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; list-style: none; }
.lista-modelos li { background: #252525; color: #fff; border-radius: 15px; padding: 4px 12px; font-size: 14px; }
.modelos-por-serie { display: grid; grid-template-columns: max-content 1fr; gap: 8px 20px; color: #e2e2e2; font-size: 16px; line-height: 24px; margin-bottom: 30px; }
.modelos-por-serie dt { color: var(--secundario); font-family: var(--titulo); font-weight: 700; }
.modelos-por-serie dd { margin: 0; }
.lista-enlaces-destacada li > a { background: var(--secundario); }
.tabla-desplazable { overflow-x: auto; margin-bottom: 30px; }
.tabla-comparativa td { white-space: normal; min-width: 150px; }
.tabla-comparativa thead th { vertical-align: bottom; }
@media (max-width: 767px) {
.columnas-iguales { grid-template-columns: minmax(0, 1fr); }
.mensaje-clave-texto { font-size: 21px; line-height: 28px; }
.modelos-por-serie { grid-template-columns: minmax(0, 1fr); gap: 2px; }
.modelos-por-serie dd { margin-bottom: 10px; }
}
.caja-original { background: #151515; border-left: 4px solid var(--secundario); border-radius: 20px; padding: 26px; margin: 0 0 30px; }
.caja-original .titulo { margin-top: 0; }
.otros-servicios-linea { padding: 30px 0; }
.otros-servicios-linea .parrafo { max-width: 860px; margin: 0 auto; }
.series-etiquetas { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px 30px; margin-bottom: 30px; }
.series-etiquetas-titulo { font-family: var(--titulo); font-weight: 700; font-size: 17px; color: var(--secundario); margin: 0 0 8px; }
.lista-modelos-suelta { margin-bottom: 30px; }
.servicio-columnas > div:only-child { max-width: 760px; }
:where(main) :where(p, label, dd, td, summary, .textaco li, .lista-check li) > a:not([class]) {
color: var(--secundario); text-decoration: underline; text-underline-offset: 2px;
}
:where(main) :where(p, label, dd, td, summary, .textaco li, .lista-check li) > a:not([class]):hover { color: #fff; }
footer .flex.interno .pie-dato { align-content: center; }
@media (max-width: 767px) {
.tabla-cookies thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.tabla-cookies, .tabla-cookies tbody, .tabla-cookies tr, .tabla-cookies td { display: block; width: 100%; }
.tabla-cookies tr { border: 1px solid #3a3a3a; border-radius: 10px; margin-bottom: 14px; overflow: hidden; }
.tabla-cookies td { border: 0; border-bottom: 1px solid #2a2a2a; padding: 8px 12px; }
.tabla-cookies td:last-child { border-bottom: 0; }
.tabla-cookies td:first-child { background: #151515; color: #fff; font-weight: 700; }
.tabla-cookies td:not(:first-child)::before { display: block; color: var(--secundario); font-size: 12px; font-weight: 700; }
.tabla-cookies td:nth-child(2)::before { content: "Titular"; }
.tabla-cookies td:nth-child(3)::before { content: "Tipo"; }
.tabla-cookies td:nth-child(4)::before { content: "Finalidad"; }
.tabla-cookies td:nth-child(5)::before { content: "Duración"; }
}
.selector-idioma { font-family: var(--titulo); color: #fff; white-space: nowrap; text-shadow: 0 1px 3px rgba(0, 0, 0, .6); }
.selector-idioma a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.selector-idioma a:hover, .selector-idioma a:focus { color: var(--secundario); }
.selector-idioma .idioma-actual { color: var(--secundario); font-weight: 800; }
.selector-idioma .idioma-punto { margin: 0 6px; }
.navbar-nav > li.selector-idioma-escritorio { background: transparent; }
.selector-idioma-escritorio > span { display: inline-flex; align-items: center; padding: 20px 0 20px 6px; font-size: 15px; line-height: 20px; }
.selector-idioma-movil { display: none; }
@media (min-width: 993px) and (max-width: 1200px) {
.navbar-nav { gap: 8px; }
.navbar-nav > li > a { padding: 15px 10px; }
.navbar-nav > li > a:hover { padding: 16px 11px !important; }
.navbar-nav > li > .submenu-boton { padding: 15px 10px; }
}
@media (min-width: 993px) and (max-width: 1100px) {
.navbar-nav { gap: 6px; }
.navbar-nav > li > a, .navbar-nav > li > .submenu-boton { padding: 15px 9px; }
.navbar-nav > li > a:hover { padding: 16px 10px !important; }
.selector-idioma-escritorio > span { font-size: 13px; padding: 15px 0 15px 2px; }
.selector-idioma-escritorio .idioma-punto { margin: 0 4px; }
}
@media (max-width: 992px) {
.navbar-brand > img { width: auto; max-width: 100%; }
.menu-toggle-sidebar, .selector-idioma-movil { z-index: 5; }
}
@media (max-width: 992px) {
.selector-idioma-movil { display: flex; align-items: center; position: absolute; top: 0; right: 52px; height: 52px; padding: 0 16px; font-size: 16px; }
}
.linea-ingles { margin: 18px 0 0; font-size: 14px; }
.linea-ingles a { color: #ddd; text-decoration: underline; text-underline-offset: 3px; }
.linea-ingles a:hover, .linea-ingles a:focus { color: var(--secundario); }
.tienda-intro .linea-ingles { text-align: center; }
.en-espanol { font-size: .85em; font-weight: 400; white-space: nowrap; color: #c8c8c8; }
.bloque-turistas { background: #0a0a0a; padding: 60px 0; }
.bloque-turistas-caja { max-width: 820px; margin: 0 auto; text-align: center; border: 2px solid var(--secundario); border-radius: 25px; padding: 40px 30px; }
.bloque-turistas-caja .titulo { margin-top: 0; }
.bloque-turistas-ingles { font-family: var(--titulo); font-weight: 800; font-size: 22px; color: #fff; margin: 10px 0 25px; }
.bloque-turistas-caja .custom-button { margin: 0 auto; }
@media (max-width: 767px) { .bloque-turistas-caja { padding: 30px 18px; } }