/* normalize.css */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
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 {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/* cutegrids.css */
/*
*
* Cute Grids v1.0.1
* Copyright 2014 Darren Newberry
* http://www.cutegrids.com
* Free to use under the MIT Licence
* http://www.opensource.org/licenses/mit-license.php
*
*/
*,
*:after,
*:before {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.row {
width: 100%;
max-width: 75rem;
margin:0 auto;
}
.row .row {
margin-left: -0.9375rem;
margin-right: -0.9375rem;
width: auto;
}
[class*='cute-'] {
float: left;
position: relative;
padding: 0 0.9375rem;
width:100%;
}
.row:after, .group:after, .clearfix:after {
content: "";
display: table;
clear: both
}
.container:before,
.container:after {
display: table;
content: " ";
}
.container:after {
clear: both;
}
.left {
float: left !important;
}
.right {
float: right !important;
}
@media only screen {
.cute-1-phone { width: 8.3333333333333%; }
.cute-2-phone { width: 16.666666666667%; }
.cute-3-phone { width: 25%; }
.cute-4-phone { width: 33.333333333333%; }
.cute-5-phone { width: 41.666666666667%; }
.cute-6-phone { width: 50%; }
.cute-7-phone { width: 58.333333333333%; }
.cute-8-phone { width: 66.666666666667%; }
.cute-9-phone { width: 75%; }
.cute-10-phone { width: 83.333333333333%; }
.cute-11-phone { width: 91.666666666667%; }
.cute-12-phone { width: 100%; }
.cute-0-phone-offset { margin: 0; }
.cute-1-phone-offset { margin-left: 8.3333333333333%; }
.cute-2-phone-offset { margin-left: 16.666666666667%; }
.cute-3-phone-offset { margin-left: 25%; }
.cute-4-phone-offset { margin-left: 33.333333333333%; }
.cute-5-phone-offset { margin-left: 41.666666666667%; }
.cute-6-phone-offset { margin-left: 50%; }
.cute-7-phone-offset { margin-left: 58.333333333333%; }
.cute-8-phone-offset { margin-left: 66.666666666667%; }
.cute-9-phone-offset { margin-left: 75%; }
.cute-10-phone-offset { margin-left: 83.333333333333%; }
.cute-11-phone-offset { margin-left: 91.666666666667%; }
.cute-1-phone-push { left: 8.3333333333333%; }
.cute-2-phone-push { left: 16.666666666667%; }
.cute-3-phone-push { left: 25%; }
.cute-4-phone-push { left: 33.333333333333%; }
.cute-5-phone-push { left: 41.666666666667%; }
.cute-6-phone-push { left: 50%; }
.cute-7-phone-push { left: 58.333333333333%; }
.cute-8-phone-push { left: 66.666666666667%; }
.cute-9-phone-push { left: 75%; }
.cute-10-phone-push { left: 83.333333333333%; }
.cute-11-phone-push { left: 91.666666666667%; }
.cute-1-phone-pull { right: 8.3333333333333%; }
.cute-2-phone-pull { right: 16.666666666667%; }
.cute-3-phone-pull { right: 25%; }
.cute-4-phone-pull { right: 33.333333333333%; }
.cute-5-phone-pull { right: 41.666666666667%; }
.cute-6-phone-pull { right: 50%; }
.cute-7-phone-pull { right: 58.333333333333%; }
.cute-8-phone-pull { right: 66.666666666667%; }
.cute-9-phone-pull { right: 75%; }
.cute-10-phone-pull { right: 83.333333333333%; }
.cute-11-phone-pull { right: 91.666666666667%; }
.center-phone {
margin-left: auto;
margin-right:auto;
float:none !important;
}
.uncenter-phone {
margin-left: 0;
margin-right: 0;
float:left !important;
}
.uncenter-phone.right {
float:right !important;
}
[class*='cute-'].phone-reset {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left; }
}
@media only screen and (min-width: 48em) {
.cute-1-tablet { width: 8.3333333333333%; }
.cute-2-tablet { width: 16.666666666667%; }
.cute-3-tablet { width: 25%; }
.cute-4-tablet { width: 33.333333333333%; }
.cute-5-tablet { width: 41.666666666667%; }
.cute-6-tablet { width: 50%; }
.cute-7-tablet { width: 58.333333333333%; }
.cute-8-tablet { width: 66.666666666667%; }
.cute-9-tablet { width: 75%; }
.cute-10-tablet { width: 83.333333333333%; }
.cute-11-tablet { width: 91.666666666667%; }
.cute-12-tablet { width: 100%; }
.cute-0-tablet-offset { margin: 0; }
.cute-1-tablet-offset { margin-left: 8.3333333333333%; }
.cute-2-tablet-offset { margin-left: 16.666666666667%; }
.cute-3-tablet-offset { margin-left: 25%; }
.cute-4-tablet-offset { margin-left: 33.333333333333%; }
.cute-5-tablet-offset { margin-left: 41.666666666667%; }
.cute-6-tablet-offset { margin-left: 50%; }
.cute-7-tablet-offset { margin-left: 58.333333333333%; }
.cute-8-tablet-offset { margin-left: 66.666666666667%; }
.cute-9-tablet-offset { margin-left: 75%; }
.cute-10-tablet-offset { margin-left: 83.333333333333%; }
.cute-11-tablet-offset { margin-left: 91.666666666667%; }
.cute-1-tablet-push { left: 8.3333333333333%; }
.cute-2-tablet-push { left: 16.666666666667%; }
.cute-3-tablet-push { left: 25%; }
.cute-4-tablet-push { left: 33.333333333333%; }
.cute-5-tablet-push { left: 41.666666666667%; }
.cute-6-tablet-push { left: 50%; }
.cute-7-tablet-push { left: 58.333333333333%; }
.cute-8-tablet-push { left: 66.666666666667%; }
.cute-9-tablet-push { left: 75%; }
.cute-10-tablet-push { left: 83.333333333333%; }
.cute-11-tablet-push { left: 91.666666666667%; }
.cute-1-tablet-pull { right: 8.3333333333333%; }
.cute-2-tablet-pull { right: 16.666666666667%; }
.cute-3-tablet-pull { right: 25%; }
.cute-4-tablet-pull { right: 33.333333333333%; }
.cute-5-tablet-pull { right: 41.666666666667%; }
.cute-6-tablet-pull { right: 50%; }
.cute-7-tablet-pull { right: 58.333333333333%; }
.cute-8-tablet-pull { right: 66.666666666667%; }
.cute-9-tablet-pull { right: 75%; }
.cute-10-tablet-pull { right: 83.333333333333%; }
.cute-11-tablet-pull { right: 91.666666666667%; }
.center-tablet {
margin-left: auto;
margin-right:auto;
float:none !important;
}
.uncenter-tablet {
margin-left: 0;
margin-right: 0;
float:left !important;
}
.uncenter-tablet.right {
float:right !important;
}
[class*='cute-'].tablet-reset {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left; }
}
@media only screen and (min-width: 62em) {
.cute-1-laptop { width: 8.3333333333333%; }
.cute-2-laptop { width: 16.666666666667%; }
.cute-3-laptop { width: 25%; }
.cute-4-laptop { width: 33.333333333333%; }
.cute-5-laptop { width: 41.666666666667%; }
.cute-6-laptop { width: 50%; }
.cute-7-laptop { width: 58.333333333333%; }
.cute-8-laptop { width: 66.666666666667%; }
.cute-9-laptop { width: 75%; }
.cute-10-laptop { width: 83.333333333333%; }
.cute-11-laptop { width: 91.666666666667%; }
.cute-12-laptop { width: 100%; }
.cute-0-laptop-offset { margin: 0; }
.cute-1-laptop-offset { margin-left: 8.3333333333333%; }
.cute-2-laptop-offset { margin-left: 16.666666666667%; }
.cute-3-laptop-offset { margin-left: 25%; }
.cute-4-laptop-offset { margin-left: 33.333333333333%; }
.cute-5-laptop-offset { margin-left: 41.666666666667%; }
.cute-6-laptop-offset { margin-left: 50%; }
.cute-7-laptop-offset { margin-left: 58.333333333333%; }
.cute-8-laptop-offset { margin-left: 66.666666666667%; }
.cute-9-laptop-offset { margin-left: 75%; }
.cute-10-laptop-offset { margin-left: 83.333333333333%; }
.cute-11-laptop-offset { margin-left: 91.666666666667%; }
.cute-1-laptop-push { left: 8.3333333333333%; }
.cute-2-laptop-push { left: 16.666666666667%; }
.cute-3-laptop-push { left: 25%; }
.cute-4-laptop-push { left: 33.333333333333%; }
.cute-5-laptop-push { left: 41.666666666667%; }
.cute-6-laptop-push { left: 50%; }
.cute-7-laptop-push { left: 58.333333333333%; }
.cute-8-laptop-push { left: 66.666666666667%; }
.cute-9-laptop-push { left: 75%; }
.cute-10-laptop-push { left: 83.333333333333%; }
.cute-11-laptop-push { left: 91.666666666667%; }
.cute-1-laptop-pull { right: 8.3333333333333%; }
.cute-2-laptop-pull { right: 16.666666666667%; }
.cute-3-laptop-pull { right: 25%; }
.cute-4-laptop-pull { right: 33.333333333333%; }
.cute-5-laptop-pull { right: 41.666666666667%; }
.cute-6-laptop-pull { right: 50%; }
.cute-7-laptop-pull { right: 58.333333333333%; }
.cute-8-laptop-pull { right: 66.666666666667%; }
.cute-9-laptop-pull { right: 75%; }
.cute-10-laptop-pull { right: 83.333333333333%; }
.cute-11-laptop-pull { right: 91.666666666667%; }
.center-laptop {
margin-left: auto;
margin-right:auto;
float:none !important;
}
.uncenter-laptop {
margin-left: 0;
margin-right: 0;
float:left !important;
}
.uncenter-laptop.right {
float:right !important;
}
[class*='cute-'].laptop-reset {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left; }
}
.show-desktop { display: none; }
@media only screen and (min-width: 75em) {
.cute-1-desktop { width: 8.3333333333333%; }
.cute-2-desktop { width: 16.666666666667%; }
.cute-3-desktop { width: 25%; }
.cute-4-desktop { width: 33.333333333333%; }
.cute-5-desktop { width: 41.666666666667%; }
.cute-6-desktop { width: 50%; }
.cute-7-desktop { width: 58.333333333333%; }
.cute-8-desktop { width: 66.666666666667%; }
.cute-9-desktop { width: 75%; }
.cute-10-desktop { width: 83.333333333333%; }
.cute-11-desktop { width: 91.666666666667%; }
.cute-12-desktop { width: 100%; }
.cute-0-desktop-offset { margin: 0; }
.cute-1-desktop-offset { margin-left: 8.3333333333333%; }
.cute-2-desktop-offset { margin-left: 16.666666666667%; }
.cute-3-desktop-offset { margin-left: 25%; }
.cute-4-desktop-offset { margin-left: 33.333333333333%; }
.cute-5-desktop-offset { margin-left: 41.666666666667%; }
.cute-6-desktop-offset { margin-left: 50%; }
.cute-7-desktop-offset { margin-left: 58.333333333333%; }
.cute-8-desktop-offset { margin-left: 66.666666666667%; }
.cute-9-desktop-offset { margin-left: 75%; }
.cute-10-desktop-offset { margin-left: 83.333333333333%; }
.cute-11-desktop-offset { margin-left: 91.666666666667%; }
.cute-1-desktop-push { left: 8.3333333333333%; }
.cute-2-desktop-push { left: 16.666666666667%; }
.cute-3-desktop-push { left: 25%; }
.cute-4-desktop-push { left: 33.333333333333%; }
.cute-5-desktop-push { left: 41.666666666667%; }
.cute-6-desktop-push { left: 50%; }
.cute-7-desktop-push { left: 58.333333333333%; }
.cute-8-desktop-push { left: 66.666666666667%; }
.cute-9-desktop-push { left: 75%; }
.cute-10-desktop-push { left: 83.333333333333%; }
.cute-11-desktop-push { left: 91.666666666667%; }
.cute-1-desktop-pull { right: 8.3333333333333%; }
.cute-2-desktop-pull { right: 16.666666666667%; }
.cute-3-desktop-pull { right: 25%; }
.cute-4-desktop-pull { right: 33.333333333333%; }
.cute-5-desktop-pull { right: 41.666666666667%; }
.cute-6-desktop-pull { right: 50%; }
.cute-7-desktop-pull { right: 58.333333333333%; }
.cute-8-desktop-pull { right: 66.666666666667%; }
.cute-9-desktop-pull { right: 75%; }
.cute-10-desktop-pull { right: 83.333333333333%; }
.cute-11-desktop-pull { right: 91.666666666667%; }
.center-desktop {
margin-left: auto;
margin-right:auto;
float:none !important;
}
.uncenter-desktop {
margin-left: 0;
margin-right: 0;
float:left !important;
}
.uncenter-desktop.right {
float:right !important;
}
[class*='cute-'].desktop-reset {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left; }
}
@media only screen and (max-width: 30em){
.cute-100 { width:100%;}
}
.show-phone, .show-tablet, .show-laptop, .show-desktop { display: none !important; }
.hide-phone { display: block !important; }
@media only screen and (max-width: 47.938em) {
.phone { width: 100%; }
.hide-phone { display:none !important; }
.show-phone { display: block !important; }
}
@media only screen and (min-width: 48em) and (max-width: 61.938em) {
.hide-tablet { display: none !important; }
.show-tablet { display: block !important; }
}
@media only screen and (min-width: 62em) and (max-width: 74.938em) {
.hide-laptop { display: none !important; }
.show-laptop { display: block !important; }
}
@media only screen and (min-width: 75em) {
.hide-desktop { display: none !important; }
.show-desktop { display: block !important; }
}
.responsive-img {
display: block;
height: auto;
max-width: 100%;
}
/* fonts.css */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300 700;
font-stretch: 100%;
font-display: swap;
src: url("../fonts/open-sans-italic-latin.woff2?v=202610161949") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300 700;
font-stretch: 100%;
font-display: swap;
src: url("../fonts/open-sans-italic-latin-ext.woff2?v=202610161949") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300 700;
font-stretch: 100%;
font-display: swap;
src: url("../fonts/open-sans-normal-latin.woff2?v=202610161949") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300 700;
font-stretch: 100%;
font-display: swap;
src: url("../fonts/open-sans-normal-latin-ext.woff2?v=202610161949") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* main.css */
body {
background: #f2f2f2;
font-size: 15px;
line-height: 1.6em;
color: var(--color-texto);
font-weight: 300;
font-family: 'Open Sans', sans-serif;
}
body.home{
background: #fff;
}
a {
text-decoration: none;
color: var(--color-azul);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
a:hover {
text-decoration: underline;
}
span.blue,
strong.blue{
color: var(--color-azul);
}
p {
margin: 0 0 1em;
}
strong {
font-weight: 700;
}
em {
font-style: italic;
}
hr{
outline: none;
margin: 20px 0;
border: none;
border-top: 1px solid var(--color-borde);
}
pre{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 20px 0;
background: #f9f9f9;
padding: 20px;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
blockquote{
border-left: 4px solid #ddd;
padding-left: 20px;
margin: 30px 0px;
}
.clear {
clear: both;
}
.fullwidth{
width: 100%;
margin: 0;
padding: 0;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 12px;
height: 25px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
z-index: 99;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: .25;
}
.slick-prev:before,
.slick-next:before {
width: 12px;
height: 25px;
background-position: center center;
background-repeat: no-repeat;
opacity: .75;
display: block;
z-index: 99;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: 1px;
}
.slick-next {
right: 1px;
}
h1, h2, h3, h4{
color: var(--color-texto);
line-height: 1.2em;
}
h1 {
font-weight: 300;
}
h2, h3, h4 {
font-weight: 400;
}
h1 span, h2 span, h3 span, h4 span{
color: var(--color-azul);
}
h1 {
font-size: 30px;
margin-bottom: 20px;
line-height: 1.2em;
}
h2 { font-size: 26px }
h3 { font-size: 22px }
h4 { font-size: 20px; }
h2, h3, h4, h5, h6 {
margin-top: 20px;
margin-bottom: 20px;
}
h1 a, h2 a, h3 a, h4 a {
color: var(--color-azul);
}
h2 a:hover, h3 a:hover, h4 a:hover {
color: #000;
text-decoration: none;
}
.baggage{
width: 120px;
margin: 0 auto;
text-align: center;
font-size: 24px;
line-height: 1.1em;
}
.home .baggage{
padding-bottom: 60px;
}
.baggage a{
color: #565657;
}
.baggage a:hover{
text-decoration: none;
}
.baggage img{
width: 100%;
height: auto;
display: block;
margin-bottom: 10px;
}
.page-content ul{
margin-left: 30px;
}
.page-content ul li{
margin-bottom: 5px;
}
.alink{
color: var(--color-azul);
font-size: 20px;
font-weight: 300;
line-height: 1.3em;
position: relative;
display: inline-block;
box-sizing: border-box;
max-width: 100%;
padding-right: 40px;
}
.alink:after{
height: 22px;
line-height: 22px;
position: absolute;
content: '';
width: 15px;
top: 4px;
right: 0;
}
.alink:hover,
.alink.active{
color: var(--color-azul);
text-decoration: none;
}
.alink.active:after{
top: 5px;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.expand{
display: none;
}
a.bigbtn{
padding: 20px 30px;
background: var(--color-azul);
color: var(--color-blanco);
font-size: 22px;
line-height: 1em;
text-align: center;
display: table;
margin: 20px auto 30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
a.bigbtn:hover{
background: #000;
text-decoration: none;
}
a.smallbtn{
padding: 10px 20px;
background: var(--color-azul);
color: var(--color-blanco);
font-size: 15px;
line-height: 1em;
text-align: center;
display: table;
margin: 10px auto 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
a.smallbtn:hover{
background: #000;
text-decoration: none;
}
.about-box{
display: block;
width: 100%;
margin-bottom: 30px;
font-size: 20px;
line-height: 1.2em;
color: #fff;
}
.about-box h1{
margin: 0 0 20px;
color: var(--color-blanco);
font-size: 50px;
line-height: 1em;
text-align: center;
}
.about-box .half{
width: 100%;
padding: 20px 10px;
display: table;
}
.about-box .vertical{
display: table-cell;
vertical-align: middle;
text-align: center;
width: 100%;
}
.about-box.one{
background: var(--color-gris-mosaico);
}
.about-box.two{
background: #7eb1e0;
}
.about-box.three{
background: #5681ad;
}
.about-box.four{
background: #929ca6;
margin-bottom: 0;
}
.about-box .half.bg{
height: 380px;
background-repeat: no-repeat;
background-position: center center;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
table.lp{
width: 100%;
margin-bottom: 50px;
}
table.lp thead{
color: #fff;
background: #878787;
}
table.lp thead th{
padding: 6px 10px;
text-align: left;
font-weight: 300;
border: 1px solid #878787;
}
table.lp tbody td{
padding: 6px 10px;
border: 1px solid #878787;
color: #000;
vertical-align: top;
}
table.lp tbody td p:last-child{
margin: 0;
}
table.lp tbody td img{
width: 120px;
height: auto;
display: block;
}
.post-pagination{
clear: both;
width: 100%;
padding-top: 30px;
}
.post-pagination a,
.post-pagination span {
font-size: 11px;
line-height: 30px;
height: 30px;
width: 30px;
text-align: center;
margin-right: 5px;
display: block;
float: left;
color: #666;
background: #eee;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.post-pagination a:hover,
.post-pagination span.current{
text-decoration: none;
color: #fff;
background: #1f82cb;
}
#CF59081129c8a42_1,
#CF590c034e7018d_1{
border: 1px solid #b2b2b2;
padding: 20px;
margin-top: 10px;
margin-bottom: 20px;
}
#CF590c034e7018d_1{
margin-top: 20px;
margin-bottom: 10px;
}
.caldera-grid .row{
margin-left: -0.9375rem !important;
margin-right: -0.9375rem !important;
width: auto !important;
}
.caldera-grid .col-lg-1, .caldera-grid .col-lg-10, .caldera-grid .col-lg-11, .caldera-grid .col-lg-12, .caldera-grid .col-lg-2, .caldera-grid .col-lg-3, .caldera-grid .col-lg-4, .caldera-grid .col-lg-5, .caldera-grid .col-lg-6, .caldera-grid .col-lg-7, .caldera-grid .col-lg-8, .caldera-grid .col-lg-9, .caldera-grid .col-md-1, .caldera-grid .col-md-10, .caldera-grid .col-md-11, .caldera-grid .col-md-12, .caldera-grid .col-md-2, .caldera-grid .col-md-3, .caldera-grid .col-md-4, .caldera-grid .col-md-5, .caldera-grid .col-md-6, .caldera-grid .col-md-7, .caldera-grid .col-md-8, .caldera-grid .col-md-9, .caldera-grid .col-sm-1, .caldera-grid .col-sm-10, .caldera-grid .col-sm-11, .caldera-grid .col-sm-12, .caldera-grid .col-sm-2, .caldera-grid .col-sm-3, .caldera-grid .col-sm-4, .caldera-grid .col-sm-5, .caldera-grid .col-sm-6, .caldera-grid .col-sm-7, .caldera-grid .col-sm-8, .caldera-grid .col-sm-9, .caldera-grid .col-xs-1, .caldera-grid .col-xs-10, .caldera-grid .col-xs-11, .caldera-grid .col-xs-12, .caldera-grid .col-xs-2, .caldera-grid .col-xs-3, .caldera-grid .col-xs-4, .caldera-grid .col-xs-5, .caldera-grid .col-xs-6, .caldera-grid .col-xs-7, .caldera-grid .col-xs-8, .caldera-grid .col-xs-9{
padding-left: 15px !important;
padding-right: 15px !important;
}
#fld_2758391Label{
display: none !important;
}
.caldera-grid input[type="text"],
.caldera-grid input[type="email"]{
width: 100%;
border: 1px solid #b2b2b2;
padding: 0 10px;
height: 40px;
line-height: 40px;
outline: none;
}
.caldera-grid textarea{
height: 100px;
padding: 5px 10px;
font-size: 15px;
line-height: 1.5em;
border: 1px solid #b2b2b2;
outline: none;
display: block;
}
.caldera-grid input[type="submit"]{
width: 150px;
height: 30px;
line-height: 30px;
text-align: center;
color: var(--color-blanco);
font-size: 15px;
border: none;
outline: none;
background: var(--color-azul);
border-radius: 5px;
display: block;
float: right;
padding: 0;
}
.caldera-grid input[type="submit"]:hover{
background: #000 !important;
color: #fff !important;
}
.caldera-grid .em{
font-size: 18px;
text-align: right;
line-height: 30px;
display: block;
color: #000;
}
.caldera-grid .lab{
font-size: 16px;
line-height: 1.3em;
margin-bottom: 10px;
display: block;
}
.help-block{
font-style: italic;
font-size: 14px;
}
.radio-inline{
margin-right: 15px;
}
.caldera-grid input[type=checkbox], .caldera-grid input[type=radio]{
margin-right: 5px;
}
.caldera-grid .checkbox label, .caldera-grid .radio label,
.caldera-grid .checkbox-inline, .caldera-grid .radio-inline{
font-weight: 300 !important;
}
.caldera-grid label{
font-weight: 400 !important;
}
table.bt thead,
table.bt tbody th {
display: none;
}
table.bt tr{
border: 1px solid #878787;
}
table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
border: none;
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
vertical-align: top;
float: left\9;
width: 100%\9;
padding: 0 !important;
border-bottom: 1px solid #ddd;
}
table.bt tbody tr td:last-child{
border-bottom: none;
}
table.bt tfoot th::before,
table.bt tfoot td::before,
table.bt tbody td::before {
content: attr(data-th) ": ";
display: inline-block;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
width: 40%;
background: #878787;
color: #fff;
padding: 5px;
font-size: 15px;
line-height: 1.3em;
}
table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
display: none;
}
table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
vertical-align: top;
padding: 5px;
}
.bt-wrapper.active {
max-height: 310px;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.sidebar-box {
padding-bottom: 20px;
margin-bottom: 20px;
}
.sidebar-box h4 {
font-size: 14px;
margin-top: 0px !important;
margin-bottom: 10px;
}
.sidebar-box h4 span{
}
.sidebar-box ul {
list-style: none;
list-style-position: inside;
margin: 0px;
}
.sidebar-box li{
margin-bottom: 7px;
padding-bottom: 7px;
border-bottom: 1px solid #eee;
}
.sidebar-box li:first-child{
border-top: 1px solid #eee;
padding-top: 7px;
}
#searchbar {
display: block;
position: relative;
width: 100%;
margin-bottom: 4px;
}
#search {
position: relative;
width: 220px;
padding: 10px 30px 10px 10px;
outline: none;
color: #666;
margin: 0;
}
#searchsubmit {
position: absolute;
right: 10px;
top: 50%;
margin-top: -7px;
text-indent: -9999px;
border: none;
outline: none;
width: 15px;
height: 15px;
cursor: pointer;
}
.aligncenter{ display:block;  margin:0 auto}
.alignright{ float:right;  margin: 10px 0 10px 20px}
.alignleft{ float:left;  margin: 10px 20px 10px 0}
.floatleft{ float:left}
.floatright{ float:right}
.textcenter{ text-align:center}
.textright{ text-align:right}
.textleft{ text-align:left}
.wp-caption{
text-align:center;
width: 100% !important;
position: relative;
margin-bottom: 1em;
}
.wp-caption img{
margin:0 auto;
padding:0;
border: none;
max-width: 100%;
height: auto;
display: block;
}
.wp-caption .wp-caption-text{
font-size:12px;
line-height: 1.5em;
padding: 6px 0;
margin:0;
color: var(--color-blanco);
background: var(--color-azul);
}
.wp-smiley{
margin:0 !important;
max-height:1em;
}
.tagcloud a {
font-family: 'Helvetica Nue', Arial;
float: left;
display: block;
margin-right: 5px;
margin-bottom: 5px;
padding: 5px 7px;
line-height: 1.3em;
color: #fff !important;
background: #444;
font-weight: bold;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
transition: background 0.3s ease-in-out;
-webkit-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
}
.tagcloud a:hover{
text-shadow: none;
background: #1f82cb;
text-decoration: none;
}
#wp-calendar { width: 100% }
#wp-calendar caption {
text-align: right;
color: #333;
font-size: 12px;
margin-top: 10px;
margin-bottom: 15px;
}
#wp-calendar thead { font-size: 10px }
#wp-calendar thead th { padding-bottom: 10px }
#wp-calendar tbody { color: #aaa }
#wp-calendar tbody td {
background: #f5f5f5;
border: 1px solid #fff;
text-align: center;
padding: 4px;
transition: background 0.3s ease-in-out;
-webkit-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
}
#wp-calendar tbody td:hover { background: #fff }
#wp-calendar tbody .pad { background: none }
#wp-calendar tfoot #next {
font-size: 10px;
text-transform: uppercase;
text-align: right;
}
#wp-calendar tfoot #prev {
font-size: 10px;
text-transform: uppercase;
padding-top: 10px;
}
.cookie-banner{
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 100000;
background: #4d4d4d;
color: #fff;
box-shadow: 0 -2px 12px rgba(0,0,0,0.25);
}
.cookie-banner[hidden]{
display: none;
}
.cookie-banner__inner{
max-width: 1100px;
margin: 0 auto;
padding: 18px 20px;
}
.cookie-banner__text{
margin: 0 0 14px;
font-size: 14px;
line-height: 1.5;
color: #fff;
}
.cookie-banner__text a{
color: #fff;
text-decoration: underline;
}
.cookie-banner__actions{
display: block;
text-align: left;
}
.cookie-btn{
display: inline-block;
min-width: 130px;
margin: 0 10px 0 0;
padding: 10px 18px;
border: 2px solid #fff;
background: #fff;
color: #4d4d4d;
font-size: 14px;
font-family: inherit;
cursor: pointer;
}
.cookie-btn:hover{
background: #e6e6e6;
border-color: #e6e6e6;
}
.cookie-btn--ghost{
background: transparent;
color: #fff;
}
.cookie-btn--ghost:hover{
background: rgba(255,255,255,0.15);
border-color: #fff;
}
.consent-placeholder{
background: #eef0f1;
border: 1px dashed #b1b1b1;
padding: 30px 20px;
text-align: center;
color: #565657;
font-size: 15px;
line-height: 1.6;
}
.consent-placeholder--cargado{
background: none;
border: 0;
padding: 0;
}
.consent-placeholder p{
margin: 0 0 10px;
}
.consent-placeholder a{
color: #005eab;
}
@media only screen and (min-width: 48em) {
.cookie-banner__inner{
display: table;
width: 100%;
padding: 20px 30px;
}
.cookie-banner__text{
display: table-cell;
vertical-align: middle;
margin: 0;
padding-right: 30px;
}
.cookie-banner__actions{
display: table-cell;
vertical-align: middle;
text-align: right;
white-space: nowrap;
}
.cookie-btn{
margin: 0 0 0 10px;
}
}
.aviso{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background: rgba(30, 40, 50, 0.55);
padding: 20px;
overflow-y: auto;
}
.aviso[hidden]{
display: none;
}
.aviso__caja{
position: relative;
max-width: 560px;
margin: 40px auto;
background: #fff;
border-radius: 4px;
box-shadow: 0 10px 40px rgba(0,0,0,0.3);
padding: 30px 32px 26px;
}
.aviso__titulo{
margin: 0 0 20px;
padding-bottom: 14px;
border-bottom: 1px solid #e4e7ea;
font-size: 22px;
font-weight: 600;
line-height: 1.25;
color: #005eab;
}
.aviso__cuerpo{
font-size: 15px;
line-height: 1.55;
color: #4d4d4d;
}
.aviso__cerrar{
display: block;
width: 100%;
margin-top: 24px;
padding: 12px;
border: 0;
border-radius: 3px;
background: #005eab;
color: #fff;
font-family: inherit;
font-size: 15px;
cursor: pointer;
}
.aviso__cerrar:hover{
background: #00477f;
}
.aviso-lista{
margin: 0;
padding: 0;
list-style: none;
}
.aviso-item{
position: relative;
margin: 0 0 18px;
padding-left: 34px;
}
.aviso-item:last-child{
margin-bottom: 0;
}
.aviso-item b{
display: block;
margin-bottom: 2px;
font-weight: 600;
color: #2d3338;
}
.aviso-item p{
margin: 0;
}
.aviso-item:before{
position: absolute;
left: 0;
top: 1px;
width: 22px;
height: 22px;
border-radius: 50%;
text-align: center;
line-height: 22px;
font-size: 14px;
font-weight: 700;
}
.aviso-item--prohibido:before{
content: '\00d7';
background: #fdecec;
color: #c0392b;
font-size: 16px;
}
.aviso-item--info:before{
content: 'i';
background: #e8f1f9;
color: #005eab;
font-style: italic;
}
.aviso-item small{
display: block;
margin-top: 4px;
font-size: 13px;
line-height: 1.5;
color: #6b7378;
}
.aviso-item a{
color: #005eab;
text-decoration: underline;
}
@media only screen and (max-width: 30em) {
.aviso{
padding: 0;
}
.aviso__caja{
margin: 0;
min-height: 100%;
border-radius: 0;
padding: 24px 20px 20px;
}
}
.horarios{margin:10px 0 30px}
.horarios-titulo{text-align:center;margin:30px 0 15px}
.horarios-indice ul{list-style:none;margin:0 0 25px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.horarios-indice li{margin:0;padding:0}
.horarios-indice a{display:inline-block;padding:7px 16px;border:1px solid var(--color-azul);border-radius:20px;color:var(--color-azul);text-decoration:none}
.horarios-indice a:hover,.horarios-indice a:focus{background:var(--color-azul);color:var(--color-blanco)}
.horarios-linea{margin:0 0 35px;scroll-margin-top:20px}
.horarios-cabecera{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px;border-bottom:2px solid var(--color-azul);margin-bottom:12px}
.horarios-cabecera h3{margin:0 0 6px;color:var(--color-azul)}
.horarios-acciones{display:flex;flex-wrap:wrap;gap:4px 18px;margin-bottom:6px}
.horarios-accion{display:inline-flex;align-items:center;gap:6px;font-size:.9em;color:#565657;text-decoration:none}
.horarios-accion:hover,.horarios-accion:focus{color:var(--color-azul)}
.horarios-accion img{width:20px;height:20px;margin:0}
.horarios-periodo{margin:0 0 12px;border:1px solid var(--color-borde);border-radius:4px}
.horarios-periodo>summary{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;list-style:none;cursor:pointer;padding:12px 14px;background:#f2f2f2;font-weight:600;color:#4d4d4d;transition:background .15s}
.horarios-periodo>summary::-webkit-details-marker{display:none}
.horarios-periodo>summary:hover,.horarios-periodo>summary:focus-visible{background:#e6ebf5}
.horarios-desplegar{flex:none;display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border:1px solid var(--color-azul);border-radius:16px;background:var(--color-blanco);color:var(--color-azul);font-size:.85em;font-weight:600;transition:background .15s,color .15s}
.horarios-desplegar::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.horarios-periodo[open] .horarios-desplegar::after{transform:translateY(1px) rotate(-135deg)}
.horarios-periodo>summary:hover .horarios-desplegar{background:var(--color-azul);color:var(--color-blanco)}
.horarios-ocultar,.horarios-periodo[open] .horarios-ver{display:none}
.horarios-periodo[open] .horarios-ocultar{display:inline}
.horarios-periodo[open]>summary{border-bottom:1px solid var(--color-borde)}
.horarios-vigente{display:inline-block;margin-left:6px;padding:1px 9px;border-radius:10px;background:var(--color-azul);color:var(--color-blanco);font-size:.8em;font-weight:400;vertical-align:1px}
.horarios-cuerpo{padding:4px 14px 6px}
.horarios-sentido{margin:22px 0 8px;padding-top:12px;border-top:1px solid var(--color-borde);font-size:1.2em;font-weight:600;color:var(--color-azul)}
.horarios-cuerpo>.horarios-sentido:first-child{border-top:0;padding-top:0}
.horarios-tabla{overflow-x:auto;margin:0 0 18px;-webkit-overflow-scrolling:touch}
.horarios table{width:100%;border-collapse:collapse;margin:0}
.horarios caption{caption-side:top;text-align:left;padding:4px 0 6px;font-weight:600;color:#565657}
.horarios th,.horarios td{padding:7px 10px;border-bottom:1px solid var(--color-borde);text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;vertical-align:middle}
.horarios thead th{background:var(--color-azul);color:var(--color-blanco);font-weight:600;border-bottom:0}
.horarios tbody th{font-weight:600;color:var(--color-azul)}
.horarios .horarios-obs{text-align:left;white-space:normal;min-width:10em}
.horarios tr.horarios-excepcion{background:#eef2fa}
.horarios .sin-parada{color:var(--color-gris-mosaico)}
.horarios-chip{display:inline-block;margin:1px 4px 1px 0;padding:1px 9px;border-radius:10px;background:#dde4f4;color:var(--color-azul);font-size:.85em;line-height:1.6;white-space:nowrap}
.horarios-chip-ruta{background:var(--color-blanco);border:1px solid var(--color-gris-mosaico);color:#565657;text-decoration:none}
a.horarios-chip-ruta:hover,a.horarios-chip-ruta:focus{border-color:var(--color-azul);color:var(--color-azul)}
.horarios-pueblos thead th{white-space:normal;font-size:.85em;min-width:7em}
.horarios-pueblos tbody th{text-align:left}
.horarios-nota{text-align:center;color:#565657}
.horarios .oculto{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;white-space:nowrap}
.horarios-pueblos th:first-child{position:sticky;left:0;z-index:1;background:var(--color-blanco)}
.horarios-pueblos thead th:first-child{background:var(--color-azul)}
@media (min-width:601px){
.horarios table:not(.horarios-pueblos) thead th:not(.horarios-obs){width:7.5em}
}
@media (max-width:600px){
.horarios-cuerpo{padding:4px 8px 6px}
.horarios th,.horarios td{padding:6px 5px}
.horarios .horarios-obs{min-width:0}
.horarios-chip{white-space:normal}
}
/* images.php */
.slick-prev:before {
content: '';
width: 12px;
height: 25px;
background-position: center center;
background-repeat: no-repeat;
opacity: .75;
display: block;
z-index: 99;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url("../images/arrow-left.svg?v=202610161949");
}
.slick-next:before {
content: '';
width: 12px;
height: 25px;
background-position: center center;
background-repeat: no-repeat;
opacity: .75;
display: block;
z-index: 99;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url("../images/arrow-right.svg?v=202610161949");
}
.alink:after{
background: url("../images/arrow.svg?v=202610161949") no-repeat center center;
}
.about-box .half.bg{
background-repeat: no-repeat;
background-position: center center;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
.about-box.one .half.bg{
background-image: url("../images/about-1-bg.jpg?v=202610161949");
}
.about-box.two .half.bg{
background-image: url("../images/about-2-bg.jpg?v=202610161949");
}
.about-box.three .half.bg{
background-image: url("../images/about-3-bg.jpg?v=202610161949");
}
.about-box.four .half.bg{
background-image: url("../images/about-4-bg.jpg?v=202610161949");
}
#searchsubmit {
background: url("../images/search.png?v=202610161949") no-repeat;
}
/* tema.css */
:root {
--color-azul: #2B4998;
--color-azul-medio: #446CA9;
--color-azul-oscuro: #3E5D7C;
--color-azul-claro: #87B3DE;
--color-magenta: #C50D6B;
--color-verde: #96ACA0;
--color-verde-claro: #D0DFD3;
--color-gris-mosaico: #B1B1B1;
--color-texto: #575756;
--color-texto-menu: #6D6D6C;
--color-borde: #DDDDDD;
--color-separador-barra: #D9D9D9;
--color-separador-panel: #EEEEEE;
--color-fondo-pie: #ECECEC;
--color-fondo-buscador: #F2F2F2;
--color-blanco: #FFFFFF;
--fuente: 'Open Sans', Arial, sans-serif;
--ancho-contenido: 1200px;
--radio: 4px;
--radio-boton: 40px;
--sombra: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
--sombra-texto-hero: 2px 2px 6px rgba(0, 0, 0, 0.85);
}
body {
font-family: var(--fuente);
color: var(--color-texto);
}
a {
color: var(--color-azul);
}
.cabecera {
background: var(--color-blanco);
position: relative;
z-index: 30;
}
.cabecera__interior {
max-width: var(--ancho-contenido);
height: 100%;
margin: 0 auto;
padding: 0 20px;
display: flex;
align-items: center;
box-sizing: border-box;
}
.cabecera__boton-menu,
.idiomas__boton {
display: none;
align-items: center;
justify-content: center;
background: transparent;
border: 0;
padding: 0;
cursor: pointer;
}
.cabecera__boton-menu img,
.idiomas__boton img {
width: 24px;
height: 24px;
}
.cabecera__logo {
display: flex;
align-items: center;
}
.cabecera__lineas {
display: flex;
}
.cabecera__lineas a {
color: var(--color-texto);
text-decoration: none;
text-transform: uppercase;
font-weight: 300;
}
.cabecera__lineas a:hover {
text-decoration: underline;
}
.cabecera__red {
display: flex;
align-items: center;
}
.cabecera__red span {
font-weight: 300;
color: var(--color-texto);
}
.idiomas {
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
display: flex;
align-items: center;
}
.idiomas__lista {
display: flex;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
font-size: 16px;
font-weight: 300;
text-transform: uppercase;
}
.idiomas__lista a {
text-decoration: none;
color: var(--color-gris-mosaico);
}
.idiomas__lista .idiomas__item {
position: relative;
padding-right: 12px;
}
.idiomas__lista .idiomas__item:after {
content: '/';
color: var(--color-gris-mosaico);
margin: 0 4px;
}
.idiomas__lista .idiomas__item:last-child {
padding-right: 0;
}
.idiomas__lista .idiomas__item:last-child:after {
content: none;
}
.idiomas__item--activo a {
color: #000;
}
@media (min-width: 1200px) {
.cabecera {
height: 117px;
}
.cabecera__logo {
margin-right: 65px;
}
.cabecera__lineas {
align-items: center;
gap: 40px;
}
.cabecera__lineas a {
font-size: 24px;
line-height: 54px;
}
.cabecera__red {
margin-left: auto;
gap: 8px;
}
.cabecera__red span {
font-size: 13px;
line-height: 12.5px;
}
}
@media (min-width: 1200px) and (max-width: 1599px) {
.idiomas {
top: 12px;
transform: none;
}
}
@media (max-width: 1199px) {
.cabecera {
height: 100px;
}
.cabecera__interior {
padding: 0;
flex-wrap: wrap;
}
.cabecera__boton-menu {
display: flex;
order: 1;
width: 40px;
height: 40px;
margin-left: 38px;
margin-right: auto;
}
.cabecera__logo {
order: 2;
}
.cabecera__logo img {
width: 190px;
height: auto;
}
.cabecera__lineas {
order: 5;
flex-basis: 100%;
justify-content: center;
gap: 20px;
margin-top: 4px;
}
.cabecera__lineas a {
font-size: 15px;
}
.cabecera__red {
order: 3;
margin-left: 12px;
}
.cabecera__red span {
display: none;
}
.cabecera__red img {
width: 114px;
height: auto;
}
.idiomas {
position: static;
transform: none;
order: 4;
margin-left: auto;
margin-right: 24px;
}
.idiomas__boton {
display: flex;
width: 39px;
height: 39px;
}
.idiomas__lista {
display: none;
position: absolute;
top: 100%;
right: 0;
flex-direction: column;
align-items: stretch;
background: var(--color-blanco);
box-shadow: var(--sombra);
border-radius: var(--radio);
text-transform: none;
z-index: 20;
}
.idiomas--abierto .idiomas__lista {
display: flex;
}
.idiomas__lista .idiomas__item {
padding-right: 0;
}
.idiomas__lista .idiomas__item:after {
content: none;
}
.idiomas__lista a {
display: block;
padding: 8px 20px;
text-transform: uppercase;
}
}
@media (max-width: 599px) {
.cabecera__logo img {
width: 150px;
height: auto;
}
.cabecera__red {
display: none;
}
}
.barra-menu .menu {
list-style: none;
margin: 0;
padding: 0;
}
.barra-menu .menu-item a {
display: block;
text-decoration: none;
font-weight: 300;
}
@media (min-width: 1200px) {
.barra-menu {
background: var(--color-azul);
min-height: 62px;
display: flex;
align-items: center;
}
.barra-menu .menu {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.barra-menu .menu-item a {
padding: 0 10px;
font-size: 13px;
line-height: 18px;
color: var(--color-blanco);
border-right: 1px solid var(--color-blanco);
}
.barra-menu .menu-item:last-child a {
border-right: none;
}
.barra-menu .menu-item--separador a {
border-left: 1px solid var(--color-separador-barra);
}
.barra-menu .menu-item a:hover,
.barra-menu .menu-item a[aria-current] {
text-decoration: underline;
}
}
@media (max-width: 1199px) {
.barra-menu {
display: none;
}
.barra-menu.barra-menu--abierta {
display: block;
position: fixed;
top: 100px;
left: 0;
right: 0;
bottom: 0;
background: var(--color-azul);
overflow-y: auto;
z-index: 100;
}
.barra-menu--abierta .menu-item {
position: relative;
}
.barra-menu--abierta .menu-item a {
height: 83px;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-blanco);
font-size: 24px;
}
.barra-menu--abierta .menu-item a:after {
content: '';
display: block;
width: 26px;
height: 26px;
margin-left: 24px;
background: url("../images/icono-flecha.svg?v=202610161949") no-repeat center / contain;
}
.barra-menu--abierta .menu-item--separador:last-child:before {
content: '';
position: absolute;
top: 0;
left: 66px;
right: 66px;
height: 1px;
background: var(--color-separador-panel);
}
body.cabecera--menu-abierto {
overflow: hidden;
}
}
@media (max-width: 599px) {
.barra-menu--abierta .menu-item a {
font-size: 20px;
}
}
.pie {
background: var(--color-fondo-pie);
padding: 60px 20px;
text-align: center;
}
.pie__interior {
max-width: var(--ancho-contenido);
margin: 0 auto;
}
.pie__logo {
display: inline-block;
}
.pie__menu-legal {
margin-top: 23px;
}
.pie__menu-legal .menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.pie__menu-legal .menu-item a {
display: block;
padding: 0 10px;
font-size: 13px;
line-height: 20px;
font-weight: 300;
color: var(--color-texto-menu);
text-decoration: none;
border-right: 1px solid var(--color-texto-menu);
}
.pie__menu-legal .menu-item:last-child a {
border-right: none;
}
.pie__menu-legal .menu-item a:hover,
.pie__menu-legal .menu-item a[aria-current] {
text-decoration: underline;
}
.pie__creditos {
margin-top: 10px;
font-size: 15px;
line-height: 24px;
color: var(--color-texto);
}
.pie__redes {
margin-top: 40px;
display: flex;
justify-content: center;
gap: 8px;
}
.pie__redes img {
width: 36px;
height: 36px;
display: block;
}
.pie__financiacion {
margin-top: 10px;
max-width: 600px;
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.portada-hero {
background: url("../images/portada-hero.webp?v=202610161949") no-repeat center center;
background-size: cover;
}
.portada-hero__interior {
max-width: var(--ancho-contenido);
margin: 0 auto;
padding: 194px 20px 49px;
box-sizing: border-box;
text-align: center;
}
.portada-hero__lema {
margin: 0;
font-size: 48px;
line-height: 54px;
font-weight: 400;
color: var(--color-blanco);
text-shadow: var(--sombra-texto-hero);
}
.portada-hero__botones {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 14px;
margin-top: 35px;
}
.portada-hero__boton {
box-sizing: border-box;
width: 276.75px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
border-radius: var(--radio-boton);
color: var(--color-blanco);
font-size: 15px;
line-height: 20px;
font-weight: 300;
text-align: center;
text-decoration: none;
}
.portada-hero__boton:hover {
text-decoration: none;
opacity: 0.9;
}
.portada-hero__boton--magenta {
background: var(--color-magenta);
}
.portada-hero__boton--azul {
background: var(--color-azul);
}
.portada-hero__buscador {
box-sizing: border-box;
width: 1146px;
max-width: 100%;
height: 480px;
margin: 40px auto 0;
}
.portada-hero__buscador iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
background: transparent;
}
.mosaico {
max-width: var(--ancho-contenido);
margin: 60px auto 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mosaico__acceso {
display: flex;
height: 300px;
color: var(--color-blanco);
text-decoration: none;
}
.mosaico__acceso:hover {
text-decoration: none;
}
.mosaico__acceso--invertido {
flex-direction: row-reverse;
}
.mosaico__texto {
flex: 1 1 0;
min-width: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 0 35px;
box-sizing: border-box;
font-size: 36px;
line-height: 39.6px;
font-weight: 300;
text-align: center;
}
.mosaico__foto {
flex: 1 1 0;
min-width: 0;
height: 100%;
object-fit: cover;
display: block;
transition: opacity 0.2s ease-in-out;
}
.mosaico__acceso:hover .mosaico__foto,
.mosaico__acceso:focus-visible .mosaico__foto {
opacity: 0.9;
}
.mosaico__acceso:focus-visible {
outline: 3px solid var(--color-azul);
outline-offset: -3px;
}
.mosaico__acceso--horarios .mosaico__texto {
background: var(--color-gris-mosaico);
}
.mosaico__acceso--viajero .mosaico__texto {
background: var(--color-verde);
}
.mosaico__acceso--bonos .mosaico__texto {
background: var(--color-verde-claro);
color: var(--color-azul-oscuro);
}
.mosaico__acceso--tarifas .mosaico__texto {
background: var(--color-blanco);
color: var(--color-azul-oscuro);
}
.mosaico__acceso--bici-mascota .mosaico__texto {
background: var(--color-azul-oscuro);
}
.mosaico__acceso--accesibles .mosaico__texto {
background: var(--color-azul-claro);
}
.portada-lista {
max-width: var(--ancho-contenido);
margin: 0 auto;
padding: 20px 15px 0;
box-sizing: border-box;
border: 1px solid var(--color-borde);
}
.portada-lista + .portada-lista {
margin-top: 30px;
}
.portada-lista__titulo {
margin: 0 0 20px;
font-size: 30px;
line-height: 36px;
font-weight: 300;
color: var(--color-texto);
text-align: center;
}
.portada-lista__entrada {
text-align: left;
}
.portada-lista__titular {
margin: 0;
font-size: 30px;
line-height: 36px;
font-weight: 300;
}
.portada-lista__titular a {
color: var(--color-azul);
text-decoration: none;
}
.portada-lista__titular a:hover {
text-decoration: underline;
}
.portada-lista__fecha {
margin: 18px 0 0;
font-size: 15px;
line-height: 24px;
color: var(--color-texto);
}
.portada-lista__resumen {
margin: 10px 0 0;
font-size: 15px;
line-height: 24px;
color: var(--color-texto);
}
.portada-lista__compartir {
display: flex;
justify-content: center;
gap: 4px;
margin: 52px 0 28px;
}
.portada-lista__compartir img {
display: block;
width: 50px;
height: 50px;
}
.portada-lista__mas {
display: block;
margin: 18px 0 28px;
color: var(--color-azul);
font-size: 15px;
line-height: 24px;
text-decoration: none;
}
.portada-lista__mas:hover {
text-decoration: underline;
}
.portada-menu {
margin: 27px 0 30px;
}
.portada-menu .menu,
.home-bottom-menu ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.portada-menu .menu-item a,
.home-bottom-menu .menu-item a {
display: block;
padding: 0 15px;
font-size: 15px;
line-height: 20px;
font-weight: 300;
text-transform: uppercase;
color: var(--color-texto-menu);
text-decoration: none;
border-right: 1px solid var(--color-texto-menu);
}
.portada-menu .menu-item:last-child a,
.home-bottom-menu .menu-item:last-child a {
border-right: none;
}
.portada-menu .menu-item a:hover,
.portada-menu .menu-item a[aria-current],
.home-bottom-menu .menu-item a:hover,
.home-bottom-menu .menu-item a[aria-current] {
text-decoration: underline;
}
@media (max-width: 1199px) {
.portada-hero__interior {
padding: 188px 20px 21px;
}
.portada-hero__lema {
max-width: 710px;
margin: 0 auto;
}
.portada-hero__botones {
display: grid;
grid-template-columns: repeat(2, 276.75px);
justify-content: center;
column-gap: 14px;
row-gap: 17px;
margin-top: 30px;
}
.portada-hero__buscador {
width: 563px;
height: 520px;
margin-top: 35px;
}
.mosaico {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 599px) {
.portada-hero__interior {
padding: 60px 16px 30px;
}
.portada-hero__lema {
font-size: 32px;
line-height: 38px;
}
.portada-hero__botones {
grid-template-columns: 1fr;
margin-top: 30px;
max-width: 320px;
margin-left: auto;
margin-right: auto;
}
.portada-hero__boton {
width: 100%;
}
.portada-hero__buscador {
width: 100%;
margin-top: 30px;
}
.mosaico__acceso {
height: 200px;
}
.mosaico__texto {
padding: 0 12px;
font-size: 24px;
line-height: 28px;
}
.portada-lista__titular {
font-size: 24px;
line-height: 30px;
}
}
.pagina-banda {
height: 360px;
background-color: var(--color-azul);
background-image: var(--pagina-fondo);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page-content {
position: relative;
box-sizing: border-box;
max-width: var(--ancho-contenido);
margin: -200px auto 60px;
padding: 40px;
background: var(--color-blanco);
border-radius: var(--radio);
box-shadow: var(--sombra);
}
.page-content h1:first-child {
margin-top: 0;
}
.page-content .lazy-iframe {
display: block;
width: 100%;
border: 0;
background: var(--color-fondo-buscador);
border-radius: var(--radio);
min-height: 520px;
}
.page-content .portada-lista__entrada + .portada-lista__entrada {
margin-top: 35px;
}
.noticia {
max-width: 700px;
margin: 0 auto;
}
.noticia img {
max-width: 100%;
height: auto;
display: block;
}
.noticia-nav {
display: flex;
justify-content: space-between;
gap: 20px;
margin-top: 40px;
}
.noticia-nav__anterior,
.noticia-nav__siguiente {
display: flex;
align-items: center;
}
.noticia-nav img {
width: 22px;
height: 22px;
display: block;
opacity: 0.5;
}
.noticia-nav a:hover img {
opacity: 1;
}
@media (max-width: 1199px) {
.pagina-banda {
height: 240px;
}
.page-content {
margin-top: -120px;
}
}
@media (max-width: 599px) {
.pagina-banda {
height: 160px;
}
.page-content {
margin-top: -80px;
padding: 20px;
}
}
.buscador-propio {
--buscador-texto: #333333;
--buscador-marcador: rgba(51, 51, 51, 0.37);
--buscador-divisor: #E6E6E6;
--buscador-buscar-fondo: rgba(0, 0, 0, 0.47);
box-sizing: border-box;
width: 1146px;
max-width: 100%;
margin: 40px auto 0;
padding: 30px;
background: var(--color-fondo-buscador);
border-radius: var(--radio);
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
}
.buscador-propio [hidden] {
display: none;
}
.buscador-propio__paradas {
width: 480px;
max-width: 100%;
height: 105px;
box-sizing: border-box;
background: var(--color-blanco);
border-radius: var(--radio);
box-shadow: var(--sombra);
display: flex;
align-items: center;
gap: 14px;
padding: 0 20px;
}
.buscador-propio__icono-doble {
flex: 0 0 auto;
display: block;
}
.buscador-propio__campos {
flex: 1 1 auto;
min-width: 0;
}
.buscador-propio__campo {
position: relative;
padding: 9px 0;
}
.buscador-propio__campo + .buscador-propio__campo {
border-top: 1px solid var(--buscador-divisor);
}
.buscador-propio__etiqueta {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
}
.buscador-propio__input {
display: block;
width: 100%;
box-sizing: border-box;
border: 0;
outline: 0;
background: transparent;
padding: 0 32px 0 0;
font-family: var(--fuente);
font-size: 15px;
font-weight: 400;
color: var(--buscador-texto);
}
.buscador-propio__input::placeholder {
color: var(--buscador-marcador);
}
.buscador-propio__input:disabled {
cursor: not-allowed;
}
.buscador-propio__borrar {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border: 0;
background: transparent;
padding: 0;
color: var(--buscador-texto);
opacity: 0.6;
cursor: pointer;
}
.buscador-propio__borrar span {
font-size: 18px;
line-height: 1;
}
.buscador-propio__borrar:hover,
.buscador-propio__borrar:focus-visible {
opacity: 1;
}
.buscador-propio__borrar:focus-visible {
outline: 2px solid var(--color-azul);
outline-offset: 2px;
border-radius: 50%;
}
.buscador-propio__lista {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 40;
margin: 4px 0 0;
padding: 4px 0;
max-height: 320px;
overflow-y: auto;
background: var(--color-blanco);
border-radius: var(--radio);
box-shadow: var(--sombra);
list-style: none;
}
.buscador-propio__lista li {
padding: 8px 14px;
font-size: 14px;
color: var(--buscador-texto);
cursor: pointer;
}
.buscador-propio__lista li[aria-selected="true"] {
background: var(--color-fondo-buscador);
}
.buscador-propio__intercambiar {
flex: 0 0 auto;
border: 0;
background: transparent;
padding: 0;
line-height: 0;
cursor: pointer;
}
.buscador-propio__intercambiar:disabled {
cursor: not-allowed;
opacity: 0.5;
}
.buscador-propio__opciones {
width: 480px;
max-width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
}
.buscador-propio__pestanas {
display: flex;
height: 35px;
border: 1px solid var(--color-borde);
border-radius: var(--radio);
overflow: hidden;
background: var(--color-blanco);
}
.buscador-propio__pestana {
flex: 1 1 0;
min-width: 0;
border: 0;
background: transparent;
color: var(--buscador-texto);
font-family: var(--fuente);
font-size: 12px;
font-weight: 300;
cursor: pointer;
}
.buscador-propio__pestana + .buscador-propio__pestana {
border-left: 1px solid var(--color-borde);
}
.buscador-propio__pestana--activa {
background: var(--color-azul-medio);
color: var(--color-blanco);
}
.buscador-propio__fila {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
gap: 14px;
}
.buscador-propio__fecha {
display: flex;
align-items: center;
gap: 6px;
flex: 1 1 0;
min-width: 0;
}
.buscador-propio__icono-calendario {
flex: 0 0 auto;
display: block;
}
.buscador-propio__etiqueta-pequena {
flex: 0 0 auto;
font-size: 12px;
font-weight: 300;
color: var(--buscador-texto);
white-space: nowrap;
}
.buscador-propio__input-fecha {
flex: 1 1 auto;
min-width: 0;
width: 100%;
border: 0;
border-bottom: 1px solid var(--color-borde);
background: transparent;
padding: 2px 0;
font-family: var(--fuente);
font-size: 14px;
color: var(--buscador-texto);
}
.buscador-propio__pasajeros {
display: flex;
align-items: center;
gap: 8px;
flex: 0 0 auto;
}
.buscador-propio__pasajero-boton {
width: 22px;
height: 22px;
flex: 0 0 auto;
border: 0;
border-radius: 50%;
background: var(--color-azul-medio);
color: var(--color-blanco);
font-size: 15px;
line-height: 1;
cursor: pointer;
}
.buscador-propio__pasajero-numero {
min-width: 14px;
text-align: center;
font-size: 14px;
color: var(--buscador-texto);
}
.buscador-propio__mensaje {
margin: 0;
font-size: 13px;
color: var(--color-magenta);
}
.buscador-propio__fallback {
display: inline-block;
font-size: 13px;
}
.buscador-propio__buscar {
height: 34px;
border: 0;
border-radius: 6px;
background: var(--buscador-buscar-fondo);
color: var(--color-blanco);
font-family: var(--fuente);
font-size: 15px;
font-weight: 300;
cursor: pointer;
}
.buscador-propio__buscar--listo {
background: var(--color-azul);
}
.buscador-propio__buscar:disabled {
cursor: not-allowed;
opacity: 0.7;
}
@media (max-width: 1199px) {
.buscador-propio {
flex-direction: column;
align-items: center;
width: 563px;
margin-top: 35px;
}
.buscador-propio__paradas,
.buscador-propio__opciones {
width: 100%;
}
}
@media (max-width: 599px) {
.buscador-propio {
width: 100%;
margin-top: 30px;
padding: 20px;
}
}
.destinos-page .pagina-banda { height: 100px; }
.destinos-page .page-content { margin-top: -60px; }
.destinos-pagina { max-width: 1080px; margin: 0 auto; padding: 12px 0 28px; }
.destinos-pagina > nav { margin-bottom: 20px; }
.destinos-pagina h1 { line-height: 1.2; margin-bottom: 20px; }
.destinos-pagina h2 { margin-top: 32px; }
.destinos-entradilla { max-width: 760px; margin-bottom: 28px; line-height: 1.65; }
.destinos-paradas { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 20px; }
.destinos-paradas > div { padding: 20px; background: #f3f6fa; border-radius: 12px; }
.destinos-listado { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 12px 24px; padding-left: 20px; }
.destinos-listado a { display: inline-block; padding: 6px 0; }
.buscador-propio--estrecho,
.page-content .buscador-propio {
width: 100%;
margin-top: 0;
margin-bottom: 30px;
padding: 20px;
flex-direction: column;
align-items: stretch;
}
.buscador-propio--estrecho .buscador-propio__paradas,
.page-content .buscador-propio .buscador-propio__paradas,
.buscador-propio--estrecho .buscador-propio__opciones,
.page-content .buscador-propio .buscador-propio__opciones {
width: 100%;
}
/* responsive.css */
@media only screen and (min-width: 48em) {
.about-box{
height: 450px;
}
.about-box .half.bg{
height: 450px;
}
.about-box .half{
width: 50%;
float: left;
padding: 0 40px;
}
.about-box .half .vertical{
height: 450px;
}
.slick-prev,
.slick-next {
width: 24px;
height: 50px;
}
.slick-prev:before,
.slick-next:before {
width: 24px;
height: 50px;
}
.slick-prev {
left: 10px;
}
.slick-next {
right: 10px;
}
.wp-caption.topright .wp-caption-text{
color: #fff;
position: absolute;
top: 60px;
right: 40px;
font-size: 24px;
line-height: 1.2em;
max-width: 250px;
text-align: left;
background: transparent;
}
.wp-caption.centeright .wp-caption-text{
color: #fff;
position: absolute;
top: 45%;
right: 40px;
font-size: 24px;
line-height: 1.2em;
max-width: 250px;
text-align: left;
background: transparent;
}
.wp-caption.bottomleft .wp-caption-text{
color: #fff;
position: absolute;
bottom: 60px;
left: 50px;
font-size: 24px;
line-height: 1.2em;
max-width: 250px;
text-align: left;
background: transparent;
}
}
@media only screen and (min-width: 62em) {
.about-box .half{
padding: 0 60px;
}
}
@media only screen and (max-width: 30em) { }