:root {
--border-gray: 1px solid #d3d3d3;
--border-green: 4px solid #00D084;
--box-margin: 30px 0;
--box-padding: 20px;
--rc-font: 'Roboto Condensed', sans-serif;
} .subtitle {
margin: -20px 0 20px;
padding: 15px 30px 15px 0;
text-align: center;
color: #666;
line-height: 1.2;
display: block;
font-size: 30px; clear: both;
}
.subtitle a { color: #666 !important; } @media (max-width: 767px) {
.subtitle {
font-size: 22px; padding: 12px 15px; margin: -10px 0 15px; }
}
.toc_title {
font-size: 110%;
font-weight: bold;
text-align: center;
padding-left: 20px;
margin-bottom: 0;
display: table;
}
.seguros-titulo {
color: #FF9900;
font-size: 1.2em;
text-align: center;
font-weight: bold;
} #toc_container {
color: #424242;
font-size: 110%;
width: 100%;
background: #f9f9f9;
border: 2px solid #00D084;
padding: 20px;
}
#toc_container ul { list-style-type: none; }
#toc_container a { text-decoration: none; } .datos,
.datos2,
.datos3,
.datos7,
.datos8,
.datos10,
.excursiones,
.tenedor,
.hola,
.seguros,
.hoteles,
.relacionados,
.blankpage {
margin: var(--box-margin);
padding: var(--box-padding);
line-height: 1.6;
} .datos {
background-color: #f9f9f9;
padding: 12px;
border-left: 4px solid #ffcc00;
margin-bottom: 20px; font-weight: bold; 
font-size: 1rem; font-weight: bold;
}
.datos h2 {
color: #444;
font-size: 130%;
margin-bottom: 30px;
border-bottom: 2px solid #00D084;
}
.datos h3 {
color: #444;
font-size: 140%;
margin-top: 0;
margin-bottom: 30px;
border-bottom: 2px solid #00D084;
}
.datos2 { background: #fbf4d5; }
.datos2 h3 {
font-size: 120%;
text-decoration: underline;
font-family: var(--rc-font);
margin-top: 10px;
margin-bottom: 20px;
} .datos3 {
background-color: #f0f3f5;
border: var(--border-gray);
background-image: url(//www.viajablog.com/wp-content/uploads/2014/04/info-imagen.png);
background-repeat: no-repeat; background-position: right 12px top 12px;
font-size: 100%;
margin: 30px 5px 30px 0; padding: 20px;
padding-right: 60px; }
@media (max-width: 600px) {
.datos3 {
padding-right: 30px;
background-position: right 10px top 10px;
}
}
.datos3 h3 {
font-family: Arial;
font-weight: bold;
}
.datos3 p { padding: 0; }
.datos3 .squarebox7 a {
display: block;
padding: 10px;
font-weight: bold;
}
.datos7 {
background: #0994c8 url(//www.viajablog.com/wp-content/uploads/2014/04/info-imagen.png) no-repeat right 5px top 1px;
color: #fff;
}
.datos7 h2,
.datos7 h3 {
color: #fff;
font-size: 150%;
border-bottom: 2px solid #00D084;
}
.datos8 {
background: #ecf9aa;
border: var(--border-green);
}
.datos10 {
background: #fff;
border: 3px solid #00D084;
color: #424242;
}
.datos10 a {
font-weight: bold;}
.datos10 ul {
list-style: none;
margin: 0;
padding-left: 0;
}  .entry-meta { ;border-bottom: 1px solid #d3d3d3; padding: 10px   }
.ast-terms-link a:hover {
color: #000 !important;
}
.posted-by > a:nth-child(1):hover .author-name{color:#000;}
.ast-related-post .entry-meta {
border-bottom: none;
} .excursiones {
background: var(--ast-global-color-0);
padding: 3px 10px 10px 3px;
font-weight: bold;
text-align: center;
font-size: 120%;
border-radius: 6px;
}
.excursiones a {
text-decoration: none !important;
color: #fff !important;
display: block; }
.excursiones:hover {
opacity: 0.9;
}
.excursiones a::before {
content: "\1F525"; 
margin-right: 8px;
font-size: 1.4em;
}
.hoteles {
padding: 20px 35px 20px 20px;
background-color: #F6F6F6;
border: var(--border-gray);
color: #333; font-weight: bold; 
}
.hoteles h3 {
color: #1AA9E3;
font-size: 120%;
font-weight: bold;
margin: 10px 0 20px;
padding: 5px;
}
.hoteles .squarebox-blue { padding: 10px; }
.tenedor {
background: #f6f6f6 url(//www.viajablog.com/wp-content/uploads/2020/11/fork-verde-min.png) no-repeat right 5px top 1px;
border: 3px solid #213E0B;
}
.tenedor a {
font-family: var(--rc-font);
font-weight: 700;
text-decoration: underline !important;
}
.hola {
background-color: #eaf0f3;
background-image: url(//www.viajablog.com/wp-content/uploads/2019/06/mobil.jpg);
background-repeat: no-repeat;
background-position: right 20px top 20px;
background-size: 120px auto; border: var(--border-gray);
font-family: var(--rc-font);
padding: 20px 160px 20px 20px; } @media (max-width: 600px) {
.hola {
background-position: right 10px top 10px;
background-size: 80px auto; padding: 20px 100px 20px 20px; }
}
@media (max-width: 400px) {
.hola {
background-size: 60px auto; padding: 20px 80px 20px 20px;
}
}
.seguros {
background: #fbf4d5;
text-align: center;
}
.seguros h3 {
color: #000;
font-weight: 700;
}
.seguros p {
display: inline-block;
vertical-align: middle;
color: #444;
padding: 0 15px;
}
.tabla-responsiva {
width: 100%; font-size: 90%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; margin-bottom: 20px;
}
.tabla-responsiva table {
width: 100%;
border-collapse: collapse;
min-width: 600px; }
.tabla-responsiva th, .tabla-responsiva td {
padding: 8px 12px;
text-align: left;
border: 1px solid #ddd;
}
.tabla-responsiva th {
background-color: #1AA9E3;
color: #ffffff;
} .boton-llamada {
background: #1AA9E3;
color: #fff;
border-radius: 20px;
text-align: center;
font-weight: bold;
padding: 10px;
width: 90%;
margin: auto auto 30px;
text-transform: uppercase;
}
.boton-llamada a {
color: #fff !important;
text-decoration: none !important;
}
.boton-llamada:hover {
opacity: 0.9;
}
.boton-llamada a::before {
content: "\1F449"; margin-right: 8px;
font-size: 1.4em;
} .square,
.mainsquare,
.mainsquare2 {
display: flex;
flex-direction: row;
flex-wrap: wrap-reverse;
font-weight: 700;
color: #1AA9E3;
font-family: var(--rc-font);
}
.mainsquare2 {
width: 100%;
border: var(--border-green);
background: #ecf9aa;
font-size: 110%;
} .squaregeneric {
text-align: center;
line-height: 150px;
padding-top: 15px;
margin-right: 5px;
width: 350px;
max-height: 130px;
background: #fff;
margin-bottom: 10px;
border: 3px solid #e5e5e5;
}
.squaregeneric2 {
text-align: center;
line-height: 150px;
padding-top: 15px;
margin-right: 5px;
width: 350px;
max-height: 130px;
background: #fff;
margin-bottom: 10px;
border: 3px solid #00D084;
}
.squaregeneric3 {
text-align: center;
line-height: 10px;
padding-top: 25px;
width: 250px;
border-radius: 5px;
height: 150px;
margin: auto;
background: #1AA9E3;
margin-bottom: 15px;
font-family: var(--rc-font);
font-weight: 700;
}
.squaregeneric4 {
text-align: center;
line-height: 10px;
padding-top: 25px;
border-radius: 5px;
width: 250px;
height: 150px;
margin: auto;
background: #00D084;
margin-bottom: 15px;
font-family: var(--rc-font);
font-weight: 700;
} .squarebox4 {
background: #1AA9E3;
border: 1px solid #fff;
text-align: center;
line-height: 50px;
width: 100px;
height: 50px;
margin: auto;
}
.squarebox5 {
background: #00D084;
border: 1px solid #fff;
text-align: center;
line-height: 50px;
width: 100px;
height: 50px;
margin: auto;
}
.squarebox6 {
background: #d3d3d3;
border: 1px solid #fff;
text-align: center;
line-height: 50px;
width: 100px;
height: 50px;
margin: auto;
}
.squarebox7,
.squarebox8,
.squarebox9,
.squarebox10 {
background: #f70729;
border: 1px solid #fff;
text-align: center;
line-height: 30px;
width: 160px;
height: 50px;
margin: auto;
}
.squarebox-blue {
background: #f70729;
border: 1px solid #fff;
text-align: center;
line-height: 26px;
width: 160px;
height: 50px;
margin: auto;
} .squaregeneric3 a,
.squarebox4 a,
.squarebox5 a,
.squarebox6 a,
.squarebox7 a,
.squarebox8 a,
.squarebox9 a,
.squarebox10 a,
.squarebox-blue a {
color: #fff !important;
text-decoration: none;
}
.squarebox7 a:hover,
.squarebox8 a:hover,
.squarebox9 a:hover,
.squarebox10 a:hover {
color: #fff !important;
} .tabla-responsiva.regiones-europa {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.regiones-europa .region {
width: 100%;border: 1px solid #e0e0e0;padding: 10px;
} @media (min-width: 768px) {
.regiones-europa .region {
width: calc(50% - 10px);
}
}
@media (min-width: 1024px) {
.regiones-europa .region {
width: calc(33.333% - 14px);
}
} .embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.embed-container iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.banner-responsive {
text-align: center;
max-width: 100%;
height: auto;
}
.banner-horizontal { margin-bottom: 50px; } .mapa-wrapper {
position: relative;
display: inline-block;
max-width: 100%;
text-align: center;
}
.mapa-wrapper img {
display: block;
width: 100%;
height: auto;
border-radius: 4px; }
.mapa-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0,0,0,0.5);
color: white;
padding: 12px 20px;
border-radius: 50px;
font-weight: bold;
font-size: 16px;
cursor: pointer;
text-decoration: none;}
.mapa-overlay:hover {
background: rgba(0,0,0,0.7);
} .ruta-barra{
margin: 22px 0 26px;
padding: 10px 12px;
border: 3px solid #00D084;
background: #fff;
border-radius: 10px;
display: flex;
align-items: center;
gap: 10px;
flex-wrap: nowrap;
white-space: nowrap;
} .ruta-barra__link,
.ruta-barra__current{
display: inline-flex;
align-items: center;
padding: 8px 10px;
border-radius: 5px;
background: #fff;
color: #333;
font-size: 14px;
line-height: 1.2;
text-decoration: none;
box-shadow: none;
} .ruta-barra a,
.ruta-barra a:visited,
.ruta-barra a:hover,
.ruta-barra a:focus,
.ruta-barra a:active{
text-decoration: none !important;
box-shadow: none !important;
} .ruta-barra__link:hover{
background: #f0f0f0;
}  .ruta-barra__link--ruta{
font-weight: 700;} .ruta-barra__current{
background: #0693e3;
border-color: #0b5cab;
color: #fff;
font-weight: 700;
} @media (max-width: 767px){
.ruta-barra{
display: grid;
grid-template-columns: 1fr;
gap: 5px;
white-space: normal;
}
.ruta-barra__link,
.ruta-barra__current{
width: 100%;
justify-content: center;
text-align: center;
padding: 10px 12px;
}
}  .uagb-forms__field-wrapper,
.uagb-forms__input-wrap {
height: auto !important;
overflow: visible !important;
} .uagb-forms__field-wrapper input,
.uagb-forms__field-wrapper textarea,
.uagb-forms__field-wrapper select {
display: block !important;
height: auto !important;
min-height: 44px !important;
line-height: 1.4 !important;
padding: 10px 12px !important;
width: 100% !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
box-sizing: border-box;
background: #fff;
border: 1px solid #ccc;
} .uagb-forms__field-wrapper * {
transform: none !important;
} .front-page section.ast-single-entry-banner,
.home.page section.ast-single-entry-banner {
display: none !important;
}