/**
* This injects Tailwind's base styles and any base styles registered by
* plugins.
*/
*, ::before, ::after{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
::backdrop{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: currentColor; /* 2 */
}
::before,
::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
line-height: 1.5; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
tab-size: 4; /* 3 */
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
font-feature-settings: normal; /* 5 */
font-variation-settings: normal; /* 6 */
-webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
margin: 0; /* 1 */
line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
height: 0; /* 1 */
color: inherit; /* 2 */
border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
font-feature-settings: normal; /* 2 */
font-variation-settings: normal; /* 3 */
font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
text-indent: 0; /* 1 */
border-color: inherit; /* 2 */
border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-feature-settings: inherit; /* 1 */
font-variation-settings: inherit; /* 1 */
font-size: 100%; /* 1 */
font-weight: inherit; /* 1 */
line-height: inherit; /* 1 */
letter-spacing: inherit; /* 1 */
color: inherit; /* 1 */
margin: 0; /* 2 */
padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
-webkit-appearance: button; /* 1 */
background-color: transparent; /* 2 */
background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::placeholder,
textarea::placeholder {
opacity: 1; /* 1 */
color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; /* 1 */
vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
max-width: 100%;
height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
display: none;
}
/**
* Estilos básicos para todas las vistas
*/
html {
scroll-behavior: smooth;
}
html, body {
font-family: Inter, serif;
--tw-text-opacity: 1;
color: rgb(36 40 40 / var(--tw-text-opacity, 1));
}
.wrap{
margin-top: 10rem;
}
.content-experience{
max-width: 1140px;
}
h1, h2{
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
}
h1{
font-size: 2rem;
}
@media (min-width: 768px){
h1{
font-size: 2.5rem;
}
}
h2{
font-size: 1.5rem;
}
section:not(.p-intro-form section){
width: 100%;
}
@media (min-width: 640px){
section:not(.p-intro-form section){
max-width: 640px;
}
}
@media (min-width: 768px){
section:not(.p-intro-form section){
max-width: 768px;
}
}
@media (min-width: 1024px){
section:not(.p-intro-form section){
max-width: 1024px;
}
}
@media (min-width: 1280px){
section:not(.p-intro-form section){
max-width: 1280px;
}
}
@media (min-width: 1550px){
section:not(.p-intro-form section){
max-width: 1550px;
}
}
section:not(.p-intro-form section){
margin-left: auto;
margin-right: auto;
padding-bottom: 2.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
@media (min-width: 1024px){
section:not(.p-intro-form section){
padding-left: 0px;
padding-right: 0px;
}
}
a{
--tw-text-opacity: 1;
color: rgb(36 40 40 / var(--tw-text-opacity, 1));
}
a:hover{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
}
@media (max-width: 1024px) {
.wrap{
margin-top: 8rem;
}
}
@font-face {
font-family: "Inter";
src: url(..//fonts/Inter-Bold..ttf) format("truetype");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(..//fonts/Inter-BlackItalic..ttf) format("truetype");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(..//fonts/Inter-Black..ttf) format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(..//fonts/Inter-ExtraLight..ttf) format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(..//fonts/Inter-ExtraBoldItalic..ttf) format("truetype");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(..//fonts/Inter-ExtraBold..ttf) format("truetype");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(..//fonts/Inter-Light..ttf) format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(..//fonts/Inter-Italic..ttf) format("truetype");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(..//fonts/Inter-Medium..ttf) format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(..//fonts/Inter-Thin..ttf) format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(..//fonts/Inter-SemiBold..ttf) format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(..//fonts/Inter-SemiBoldItalic..ttf) format("truetype");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(..//fonts/Inter-Regular..ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(..//fonts/Inter-LightItalic..ttf) format("truetype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(..//fonts/Inter-BoldItalic..ttf) format("truetype");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(..//fonts/Inter-ThinItalic..ttf) format("truetype");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(..//fonts/Inter-MediumItalic..ttf) format("truetype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(..//fonts/Inter-ExtraLightItalic..ttf) format("truetype");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "newPilgrim";
src: url(..//fonts/newPilgrim..eot);
src: url(..//fonts/newPilgrim..eot#iefix)
format("embedded-opentype"),
url(..//fonts/newPilgrim..ttf) format("truetype"),
url(..//fonts/newPilgrim..woff) format("woff"),
url(..//fonts/newPilgrim..svg#newPilgrim) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "newPilgrim" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-map-planner:before {
content: "\f100";
}
.icon-document-planner:before {
content: "\f101";
}
.icon-phone-planner:before {
content: "\f102";
}
.icon-bag-planner:before {
content: "\f103";
}
.icon-bed:before {
content: "\f104";
}
.icon-insurance:before {
content: "\f105";
}
.icon-smartphone:before {
content: "\f106";
}
.icon-perplexity:before {
content: "\f107";
color: #fff;
}
.icon-openai:before {
content: "\f108";
color: #fff;
}
.icon-whatsapp:before {
content: "\f109";
color: #fff;
}
.icon-service-suppliers:before {
content: "\f10a";
}
.icon-booking-calendar:before {
content: "\f10b";
}
.icon-warranty:before {
content: "\f10c";
}
.icon-teacher:before {
content: "\f10d";
}
.icon-bible:before {
content: "\f10e";
}
.icon-church:before {
content: "\f10f";
}
.icon-pray:before {
content: "\f110";
}
.icon-comision:before {
content: "\f111";
}
.icon-ticket-agency:before {
content: "\f112";
}
.icon-agent:before {
content: "\f113";
}
.icon-google-star:before {
content: "\f114";
}
.icon-bonus-box:before {
content: "\f115";
}
.icon-bag-box:before {
content: "\f116";
}
.icon-gift-box:before {
content: "\f117";
}
.icon-breakfast-box:before {
content: "\f118";
}
.icon-bike-frame:before {
content: "\f119";
}
.icon-gift-card:before {
content: "\f11a";
color: #545d5c;
}
.icon-gift-box-2:before {
content: "\f11b";
color: #545d5c;
}
.icon-gift-experience:before {
content: "\f11c";
color: #545d5c;
}
.icon-rear-derailleur:before {
content: "\f11d";
}
.icon-bike-fork:before {
content: "\f11e";
}
.icon-bike-wheels:before {
content: "\f11f";
}
.icon-bike-brakes:before {
content: "\f120";
}
.icon-discount-box:before {
content: "\f121";
}
.icon-bracelet-box:before {
content: "\f122";
}
.icon-shell-box:before {
content: "\f123";
}
.icon-credential-box:before {
content: "\f124";
}
.icon-insurance-box:before {
content: "\f125";
}
.icon-lodgin-box:before {
content: "\f126";
}
.icon-heart:before {
content: "\f127";
}
.icon-check:before {
content: "\f128";
}
.icon-professionals:before {
content: "\f129";
}
.icon-login:before {
content: "\f12a";
}
.icon-yellow-shell:before {
content: "\f12b";
color: #ffd100;
}
.icon-search-bag:before {
content: "\f12c";
}
.icon-search-edit:before {
content: "\f12d";
}
.icon-search-hotel:before {
content: "\f12e";
}
.icon-search-packetised:before {
content: "\f12f";
}
.icon-search-customised:before {
content: "\f130";
}
.icon-search-booking:before {
content: "\f131";
}
.icon-airport:before {
content: "\f132";
}
.icon-dinner:before {
content: "\f133";
}
.icon-bag:before {
content: "\f134";
}
.icon-cancellation:before {
content: "\f135";
}
.icon-coffee:before {
content: "\f136";
}
.icon-documents:before {
content: "\f137";
}
.icon-support:before {
content: "\f138";
}
.icon-document:before {
content: "\f139";
}
.icon-credential:before {
content: "\f13a";
}
.icon-empty-calendar:before {
content: "\f13b";
}
.icon-moon:before {
content: "\f13c";
}
.icon-views:before {
content: "\f13d";
}
.icon-category-tag:before {
content: "\f13e";
}
.icon-selector-down:before {
content: "\f13f";
}
.icon-pilgrim:before {
content: "\f140";
}
.icon-empty-star:before {
content: "\f141";
color: #f6d500;
}
.icon-half-star:before {
content: "\f142";
color: #f6d500;
}
.icon-shell:before {
content: "\f143";
}
.icon-bagpack:before {
content: "\f144";
}
.icon-galicia:before {
content: "\f145";
}
.icon-compostela:before {
content: "\f146";
}
.icon-cathedral:before {
content: "\f147";
}
.icon-signage:before {
content: "\f148";
}
.icon-contacto:before {
content: "\f149";
}
.icon-logo-pilgrim:before {
content: "\f14a";
color: #becf38;
}
.icon-home:before {
content: "\f14b";
}
.icon-world:before {
content: "\f14c";
}
.icon-google .path1:before {
content: "\f14d";
margin-left: -1em;
color: rgb(66, 133, 244);
}
.icon-google .path2:before {
content: "\f14e";
margin-left: -1em;
color: rgb(52, 168, 83);
}
.icon-google .path3:before {
content: "\f14f";
margin-left: -1em;
color: rgb(251, 188, 4);
}
.icon-google .path4:before {
content: "\f150";
margin-left: -1em;
color: rgb(234, 67, 53);
}
.icon-full-star:before {
content: "\f151";
color: #f6d500;
}
.icon-arrow:before {
content: "\f152";
}
.icon-signal:before {
content: "\f153";
}
.icon-calendar:before {
content: "\f154";
}
.icon-nights:before {
content: "\f155";
}
.icon-on-horseback:before {
content: "\f156";
}
.icon-on-foot:before {
content: "\f157";
}
.icon-bus:before {
content: "\f158";
}
.icon-with-pet:before {
content: "\f159";
}
.icon-by-bike:before {
content: "\f15a";
}
.icon-group:before {
content: "\f15b";
}
.icon-guide:before {
content: "\f15c";
}
.icon-lang:before {
content: "\f15d";
}
.icon-pet:before {
content: "\f15e";
}
.icon-wheelchair:before {
content: "\f15f";
}
.icon-clock:before {
content: "\f160";
}
.icon-in-wheelchair:before {
content: "\f161";
}
.icon-taxi:before {
content: "\f162";
}
.icon-ticket:before {
content: "\f163";
}
.icon-xitter:before {
content: "\f164";
}
.icon-town-council:before {
content: "\f165";
}
.icon-firefighters:before {
content: "\f166";
}
.icon-hospital:before {
content: "\f167";
}
.icon-holiday:before {
content: "\f168";
}
.icon-influx:before {
content: "\f169";
}
.icon-blog:before {
content: "\f16a";
}
.icon-buscar:before {
content: "\f16b";
}
.icon-caminos:before {
content: "\f16c";
}
.icon-difficulty:before {
content: "\f16d";
}
.icon-small-email:before {
content: "\f16e";
}
.icon-euro:before {
content: "\f16f";
}
.icon-experiencias:before {
content: "\f170";
}
.icon-facebook:before {
content: "\f171";
}
.icon-info:before {
content: "\f172";
}
.icon-instagram:before {
content: "\f173";
}
.icon-nature:before {
content: "\f174";
}
.icon-patrimony:before {
content: "\f175";
}
.icon-planificar:before {
content: "\f176";
}
.icon-servicios:before {
content: "\f177";
}
.icon-star:before {
content: "\f178";
}
.icon-small-phone:before {
content: "\f179";
}
.icon-location:before {
content: "\f17a";
}
.icon-urban:before {
content: "\f17b";
}
.icon-user:before {
content: "\f17c";
}
.icon-users:before {
content: "\f17d";
}
.icon-youtube:before {
content: "\f17e";
}
.icon-spanish-military-police:before {
content: "\f17f";
}
.icon-mail:before {
content: "\f180";
}
.icon-phone:before {
content: "\f181";
}
.icon-police:before {
content: "\f182";
}
.icon-civil-protection:before {
content: "\f183";
}
.icon-tourism:before {
content: "\f184";
}
/* @import "./utilities/fonts/_pathfinder.css"; */
@font-face {
font-family: "Rasa";
src: url(..//fonts/Rasa-Bold..ttf) format("truetype");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rasa";
src: url(..//fonts/Rasa-Light..ttf) format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rasa";
src: url(..//fonts/Rasa-Italic..ttf) format("truetype");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Rasa";
src: url(..//fonts/Rasa-Medium..ttf) format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rasa";
src: url(..//fonts/Rasa-SemiBold..ttf) format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rasa";
src: url(..//fonts/Rasa-SemiBoldItalic..ttf) format("truetype");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Rasa";
src: url(..//fonts/Rasa-Regular..ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rasa";
src: url(..//fonts/Rasa-LightItalic..ttf) format("truetype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Rasa";
src: url(..//fonts/Rasa-BoldItalic..ttf) format("truetype");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Rasa";
src: url(..//fonts/Rasa-MediumItalic..ttf) format("truetype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(..//fonts/Poppins-Bold..ttf) format("truetype");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(..//fonts/Poppins-BlackItalic..ttf) format("truetype");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(..//fonts/Poppins-Black..ttf) format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(..//fonts/Poppins-ExtraLight..ttf) format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(..//fonts/Poppins-ExtraBoldItalic..ttf) format("truetype");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(..//fonts/Poppins-ExtraBold..ttf) format("truetype");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(..//fonts/Poppins-Light..ttf) format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(..//fonts/Poppins-Italic..ttf) format("truetype");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(..//fonts/Poppins-Medium..ttf) format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(..//fonts/Poppins-Thin..ttf) format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(..//fonts/Poppins-SemiBold..ttf) format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(..//fonts/Poppins-SemiBoldItalic..ttf) format("truetype");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(..//fonts/Poppins-Regular..ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(..//fonts/Poppins-LightItalic..ttf) format("truetype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(..//fonts/Poppins-BoldItalic..ttf) format("truetype");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(..//fonts/Poppins-ThinItalic..ttf) format("truetype");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(..//fonts/Poppins-MediumItalic..ttf) format("truetype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(..//fonts/Poppins-ExtraLightItalic..ttf) format("truetype");
font-weight: 200;
font-style: italic;
font-display: swap;
}
/**
* Background de imagen que no se repite, está centrado y ocupa todo el contenedor
*/
.bg-img{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/**
* This injects Tailwind's component classes and any component classes
* registered by plugins.
*/
.p-container{
width: 100%;
}
@media (min-width: 640px){
.p-container{
max-width: 640px;
}
}
@media (min-width: 768px){
.p-container{
max-width: 768px;
}
}
@media (min-width: 1024px){
.p-container{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.p-container{
max-width: 1280px;
}
}
@media (min-width: 1550px){
.p-container{
max-width: 1550px;
}
}
.brandIconPillLink{
display: flex;
align-items: center;
gap: 0.5rem;
font-weight: 600;
border-radius: 9999px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 1rem;
text-decoration-line: none !important;
}
.brandIconPillLink:hover{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.brandIconPillLink{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.brandIconPillLink i{
font-size: 1.25rem;
}
.brandIconPillLink--chatgpt{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.brandIconPillLink--chatgpt:hover{
--tw-bg-opacity: 1;
background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}
.brandIconPillLink--perplexity{
--tw-bg-opacity: 1;
background-color: rgb(33 128 141 / var(--tw-bg-opacity, 1));
}
.brandIconPillLink--perplexity:hover{
--tw-bg-opacity: 1;
background-color: rgb(26 91 108 / var(--tw-bg-opacity, 1));
}
.brandIconPillLink--whatsapp{
--tw-bg-opacity: 1;
background-color: rgb(37 211 102 / var(--tw-bg-opacity, 1));
}
.brandIconPillLink--whatsapp:hover{
--tw-bg-opacity: 1;
background-color: rgb(45 233 114 / var(--tw-bg-opacity, 1));
}
.brandIconPillLink--small{
padding-left: 0.75rem;
padding-right: 0.75rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
font-size: 0.8rem;
}
.brandIconPillLink--small i{
font-size: 1rem;
}
/**
* Icono de item de información de contacto
*/
.contact-info-icon{
font-size: 2rem;
margin-top: 0.25rem;
}
/**
* Enlace y/o texto de información de contacto
*/
.contact-info-link{
--tw-text-opacity: 1;
color: rgb(45 54 53 / var(--tw-text-opacity, 1));
align-self: center;
}
@media (min-width: 768px){
.contact-info-link{
align-self: auto;
}
}
@media (min-width: 1024px){
.contact-info-link{
align-self: center;
}
}
.contact-info-link:hover{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
}
.contact-info-p{
margin: 0px;
--tw-text-opacity: 1;
color: rgb(45 54 53 / var(--tw-text-opacity, 1));
}
/**
* dateCard date
*/
.date-card__date{
margin: 0px;
padding-left: 0.5rem;
padding-right: 0.5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.date-card__date p{
font-weight: 700;
font-size: 1.5rem;
margin: 0px;
}
.date-card__date span{
font-size: 0.8rem;
--tw-text-opacity: 1;
color: rgb(84 93 92 / var(--tw-text-opacity, 1));
text-transform: uppercase;
}
/**
* Día del dateCard
*/
.date-card__day{
font-weight: 700;
font-size: 1.5rem;
margin: 0px;
}
/**
* Icon de la dateCard
*/
.date-card__icon{
margin-left: auto;
font-size: 1.5rem;
}
/**
* Info de la dateCard (fecha y nombre)
*/
.date-card__info{
display: flex;
align-items: center;
gap: 0.5rem;
width: 100%;
}
.date-card__info p{
margin: 0px;
}
.date-card__info i{
margin-left: auto;
font-size: 1.5rem;
}
/**
* Mes del dateCard
*/
.date-card__month{
font-size: 0.8rem;
--tw-text-opacity: 1;
color: rgb(84 93 92 / var(--tw-text-opacity, 1));
text-transform: uppercase;
}
/**
* Nombre del evento de la dateCard
*/
.date-card__name{
margin: 0px;
}
/**
* Mensajes de formulario
*/
.form-message{
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
font-weight: 600;
}
.form-message--error{
--tw-text-opacity: 1;
color: rgb(234 67 53 / var(--tw-text-opacity, 1));
}
.form-message--success{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
}
.p-full-width-container{
max-width: none;
width: 99vw;
position: relative;
left: 50%;
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.p-full-width-container--iframe{
width: 97vw;
}
/**
* Mensaje input error
*/
.input-error{
--tw-text-opacity: 1;
color: rgb(234 67 53 / var(--tw-text-opacity, 1));
font-size: 0.8rem;
font-weight: 500;
margin-top: 0.25rem;
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(.input-error)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(.input-error):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
/**
* Item para el menú de navegación de la web
*/
.item-navegation{
display: flex;
align-items: center;
justify-content: space-between;
flex-shrink: 0;
gap: 0.5rem;
--tw-text-opacity: 1;
color: rgb(115 115 115 / var(--tw-text-opacity, 1));
border-radius: 0.5rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
margin-left: 0.25rem;
margin-right: 0.25rem;
padding-left: 0.9rem;
padding-right: 0.9rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
height: 3rem;
}
.item-navegation:hover{
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
/**
* Etiquetas en forma de pastilla
*/
.label-pill{
border-radius: 0.75rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
align-self: center;
white-space: nowrap;
}
.label-pill--white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.label-pill--brown{
--tw-bg-opacity: 1;
background-color: rgb(205 182 124 / var(--tw-bg-opacity, 1));
border-width: 0px;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.label-pill-planning{
border-width: 1px;
border-radius: 0.5rem;
--tw-border-opacity: 1;
border-color: rgb(167 188 47 / var(--tw-border-opacity, 1));
width: fit-content;
padding: 0.5rem;
margin-top: 2rem;
}
.label-pill-planning a{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
text-decoration-line: none;
}
.label-pill-planning a:hover{
text-decoration-line: underline;
}
.p-label-suggestion-post{
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
gap: 0.5rem;
width: fit-content;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(167 188 47 / var(--tw-border-opacity, 1));
border-radius: 0.5rem;
padding: 0.75rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.p-mobile-center{
display: flex;
}
@media (min-width: 768px){
.p-mobile-center{
display: block;
}
}
.p-mobile-center{
justify-content: center;
}
@media (min-width: 768px){
.p-mobile-center{
justify-content: flex-start;
}
}
@keyframes p-spin{
to{
transform: rotate(360deg);
}
}
.p-spinner{
animation: p-spin 1s linear infinite;
display: inline-block;
border-color: currentColor;
border-top-color: rgba(255, 255, 255, 0.3);
border-radius: 9999px;
width: 2rem;
height: 2rem;
border-width: 3px;
}
.p-spinner > span{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
@keyframes p-spin{
to{
transform: rotate(360deg);
}
}
.p-spinner--sm{
animation: p-spin 1s linear infinite;
display: inline-block;
border-color: currentColor;
border-top-color: rgba(255, 255, 255, 0.3);
border-radius: 9999px;
width: 0.75rem;
height: 0.75rem;
border-width: 2px;
}
.p-spinner--sm > span{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
/**
* Planificar nav pills
*/
.nav-pill{
font-weight: 600;
font-size: 0.8rem;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.nav-pill:hover{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
}
.nav-pill--active{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
font-weight: 600;
font-size: 0.8rem;
border-radius: 0.5rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
width: fit-content;
}
.nav-pill--active a:hover{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.stretched-link::after{
--tw-content: "";
content: var(--tw-content);
position: absolute;
inset: 0px;
background-color: inherit;
}
/**
* Linea naranja incluida en todos los titulos de secciones
*/
.orange-bar{
width: 1.75rem;
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
height: 0.25rem;
border-width: 0px;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
/**
* Barra de scroll horizontal
*/
.scrollbar-thin::-webkit-scrollbar{
height: 0.5rem;
}
.scrollbar-thin::-webkit-scrollbar-thumb{
--tw-bg-opacity: 1;
background-color: rgb(84 93 92 / var(--tw-bg-opacity, 1));
border-radius: 9999px;
}
.scrollbar-thin::-webkit-scrollbar-track{
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
/**
* Linea simple para separar
*/
.single-bar{
margin-top: 1.5rem;
margin-bottom: 1rem;
height: 0.25rem;
width: 100%;
--tw-text-opacity: 1;
color: rgb(217 217 217 / var(--tw-text-opacity, 1));
}
/**
* Botón redondo con flecha
*/
@layer {
.btn-arrow{
display: flex;
justify-content: center;
align-self: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
width: 2rem;
height: 2rem;
}
.btn-arrow i{
align-self: center;
}
}
.btn-register{
width: fit-content;
padding-left: 2rem;
padding-right: 2rem;
padding-top: 1rem;
padding-bottom: 1rem;
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
text-transform: uppercase;
font-size: 0.8rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
text-align: center;
border-radius: 0.5rem;
transition-property: box-shadow;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
--tw-shadow: 0 0 5px rgba(0,0,0,0.2);
--tw-shadow-colored: 0 0 5px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn-register:hover{
--tw-shadow: 0 0 10px rgba(0,0,0,0.4);
--tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.btn-register.inactive{
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(.btn-register.inactive)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(.btn-register.inactive):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
.btn-register--blue{
--tw-bg-opacity: 1;
background-color: rgb(16 74 127 / var(--tw-bg-opacity, 1));
}
/**
* Botón para ver más o menos etapas en la vista camino
*/
.btn-see-stages{
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(.btn-see-stages)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(.btn-see-stages):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
@media (min-width: 768px){
.btn-see-stages{
display: block;
}
}
.btn-see-stages{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1rem;
padding-right: 1rem;
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
border-radius: 0.5rem;
text-align: center;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
font-size: 0.8rem;
}
.btn-see-stages:hover{
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
}
.btn-see-stages{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.btn-see-stages--blue{
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
--tw-bg-opacity: 1 !important;
background-color: rgb(16 74 127 / var(--tw-bg-opacity, 1)) !important;
padding-left: 2rem;
padding-right: 2rem;
}
.btn-see-stages--blog{
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(.btn-see-stages--blog)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(.btn-see-stages--blog):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
@media (min-width: 768px){
.btn-see-stages--blog{
display: block;
}
}
.btn-see-stages--blog{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1rem;
padding-right: 1rem;
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
border-radius: 0.5rem;
text-align: center;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
font-size: 0.8rem;
}
.btn-see-stages--blog:hover{
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
}
.btn-see-stages--blog{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
display: flex !important;
gap: 0.75rem;
align-items: center;
}
/**
* Botón para ver más o menos texto
*/
.btn-see{
text-decoration-line: underline;
margin-top: 0.5rem;
margin-bottom: 1.25rem;
}
@media (min-width: 1024px){
.btn-see{
margin-bottom: 0px;
}
}
/**
* Botón principal con modificadores de color
*/
.btn, .btn--brown{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
border-radius: 0.25rem;
}
.btn:hover, .btn--brown:hover{
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
}
.btn--primary{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
border-radius: 0.25rem;
}
.btn--primary:hover{
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
}
.page-404 .section-404 .btn--primary {
width: 220px;
font-size: 22px;
/* position: relative; */
margin-bottom: 50px;
}
@media screen and (max-width: $screen-tablet) {
.page-404 .section-404 .btn--primary {
margin-bottom: 0
}
}
.btn--primary{
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
}
.btn--primary:hover{
--tw-bg-opacity: 1;
background-color: rgb(134 153 28 / var(--tw-bg-opacity, 1));
}
.btn--brown{
--tw-bg-opacity: 1;
background-color: rgb(205 182 124 / var(--tw-bg-opacity, 1));
}
/* clases h2 y h3 pueblo y etapa */
.p-h2-stage, .p-h2-town{
text-transform: uppercase !important;
--tw-text-opacity: 1 !important;
color: rgb(84 93 92 / var(--tw-text-opacity, 1)) !important;
font-family: 'Rasa' !important;
font-weight: 400 !important;
font-size: 1.1rem !important;
}
/* clase para algunos h3 por temas de SEO */
.p-h3{
font-weight: 700 !important;
--tw-text-opacity: 1 !important;
color: rgb(16 74 127 / var(--tw-text-opacity, 1)) !important;
font-size: 1.5rem !important;
}
.p-h3-stage, .p-h3-town{
font-weight: 700 !important;
--tw-text-opacity: 1 !important;
color: rgb(16 74 127 / var(--tw-text-opacity, 1)) !important;
font-size: 1.5rem !important;
}
.p-h4--section{
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(84 93 92 / var(--tw-text-opacity, 1));
font-family: 'Rasa';
}
.p-h4-stage, .p-h4-town{
font-weight: 700 !important;
--tw-text-opacity: 1 !important;
color: rgb(16 74 127 / var(--tw-text-opacity, 1)) !important;
font-size: 1.5rem !important;
}
/**
* Logo Pilgrim
*/
.logo-pilgrim{
width: 12rem;
}
/**
* Nav menu icon
*/
.nav-icon{
padding-left: 1rem;
padding-right: 1rem;
font-size: 4.5rem;
line-height: 1;
}
/**
* Items de información de contacto
*/
.contact-col-item{
display: flex;
gap: 1rem;
align-items: flex-start;
}
@media (min-width: 768px){
.contact-col-item{
align-items: center;
}
}
@media (min-width: 1024px){
.contact-col-item{
align-items: flex-start;
}
}
.contact-col-item{
--tw-text-opacity: 1;
color: rgb(45 54 53 / var(--tw-text-opacity, 1));
}
.contact-col-item i{
font-size: 2rem;
margin-top: 0.25rem;
}
.contact-col-item a{
--tw-text-opacity: 1;
color: rgb(45 54 53 / var(--tw-text-opacity, 1));
align-self: center;
}
@media (min-width: 768px){
.contact-col-item a{
align-self: auto;
}
}
@media (min-width: 1024px){
.contact-col-item a{
align-self: center;
}
}
.contact-col-item a:hover{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
}
.contact-col-item p{
margin: 0px;
--tw-text-opacity: 1;
color: rgb(45 54 53 / var(--tw-text-opacity, 1));
}
/**
* Tarjeta de fechas
*/
.date-card{
display: flex;
align-items: center;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border-radius: 0.5rem;
padding: 1rem;
gap: 1rem;
}
.date-card div:first-child{
margin: 0px;
padding-left: 0.5rem;
padding-right: 0.5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.date-card div:first-child p{
font-weight: 700;
font-size: 1.5rem;
margin: 0px;
}
.date-card div:first-child span{
font-size: 0.8rem;
--tw-text-opacity: 1;
color: rgb(84 93 92 / var(--tw-text-opacity, 1));
text-transform: uppercase;
}
.date-card div:last-child{
display: flex;
align-items: center;
gap: 0.5rem;
width: 100%;
}
.date-card div:last-child p{
margin: 0px;
}
.date-card div:last-child i{
margin-left: auto;
font-size: 1.5rem;
}
/**
* Item (label + input/textarea) del formulario de contacto
*/
.form-contact-item{
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: 0.75rem;
}
.form-contact-item label{
font-weight: 600;
font-size: 0.8rem;
text-transform: uppercase;
margin-bottom: 1rem;
}
.form-contact-item input, .form-contact-item textarea{
border-width: 0px;
width: 100%;
}
.form-contact-item input::placeholder, .form-contact-item textarea::placeholder{
color: rgba(255, 255, 255, 0.3);
}
.form-contact-item hr{
margin-top: 0px;
margin-bottom: 0px;
}
.form-contact-item .error{
--tw-text-opacity: 1;
color: rgb(234 67 53 / var(--tw-text-opacity, 1));
font-size: 0.8rem;
font-weight: 500;
margin-top: 0.25rem;
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(.form-contact-item .error)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(.form-contact-item .error):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
.form-contact-item .spinner-container{
width: 100%;
display: flex;
justify-content: center;
margin-top: 0.5rem;
}
/**
* Políticas de privacidad y aviso legal
*/
.legal-notice{
font-size: 0.8rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
.legal-notice a{
text-decoration-line: underline;
}
/**
* Galería de imágenes que ocupa todo el ancho y aparece en la vista de camino
*/
.gallery-cities{
display: flex;
flex-wrap: nowrap;
padding-bottom: 2.5rem;
margin-bottom: 2.5rem;
overflow-x: auto;
}
.gallery-cities::-webkit-scrollbar{
height: 0.5rem;
}
.gallery-cities::-webkit-scrollbar-thumb{
--tw-bg-opacity: 1;
background-color: rgb(84 93 92 / var(--tw-bg-opacity, 1));
border-radius: 9999px;
}
.gallery-cities::-webkit-scrollbar-track{
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
@media (min-width: 768px){
.gallery-cities{
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.gallery-cities > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(0px * var(--tw-space-x-reverse));
margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
.gallery-cities{
overflow: hidden;
}
}
.gallery-cities .item-gallery{
position: relative;
min-width: fit-content;
transition-property: all;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
}
.gallery-cities .item-gallery img{
transition-property: transform;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.gallery-cities .item-gallery .overlay-darked{
position: absolute;
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
--tw-gradient-from: rgba(255, 255, 255, 0) var(--tw-gradient-from-position);
--tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: rgb(0 0 0 / 0.8) var(--tw-gradient-to-position);
inset: 0px;
}
.gallery-cities .item-gallery p{
font-size: 0.8rem;
position: absolute;
bottom: 0.5rem;
left: 1rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
/**
* items del index
*/
.index-item{
margin-bottom: 1rem;
list-style-type: decimal;
text-decoration-line: underline;
}
/**
* Grupo de etiquetas píldora
*/
.pill-group{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 1024px){
.pill-group{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1280px){
.pill-group{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
.pill-group{
gap: 1rem;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
/**
* Resumen de itinerario de experiencia
*/
.summary-itinerary{
--tw-bg-opacity: 1;
background-color: rgb(16 74 127 / var(--tw-bg-opacity, 1));
border-radius: 0.75rem;
margin-top: 2.5rem;
padding: 1.25rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.summary-itinerary__header{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.summary-itinerary__header i{
font-size: 1.5rem;
}
.summary-itinerary__body{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1280px){
.summary-itinerary__body{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
.itinerary-stage{
width: 100%;
}
.itinerary-stage__name{
margin-top: 0.75rem;
}
.itinerary-stage__line{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
padding-right: 0.5rem;
}
.itinerary-stage__line hr{
margin-right: 0px;
}
@media (min-width: 768px){
.itinerary-stage__line hr{
margin-right: 0.5rem;
}
}
.itinerary-stage__line hr{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.itinerary-stage__km, .itinerary-stage__time{
text-align: end;
}
@media (min-width: 1280px){
.itinerary-stage__km, .itinerary-stage__time{
text-align: start;
}
}
/**
* Navegación ancla
*/
.anchor-nav{
width: 100%;
}
@media (min-width: 640px){
.anchor-nav{
max-width: 640px;
}
}
@media (min-width: 768px){
.anchor-nav{
max-width: 768px;
}
}
@media (min-width: 1024px){
.anchor-nav{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.anchor-nav{
max-width: 1280px;
}
}
@media (min-width: 1550px){
.anchor-nav{
max-width: 1550px;
}
}
.anchor-nav{
padding-top: 0px;
padding-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
.anchor-nav nav{
width: 100%;
}
@media (min-width: 640px){
.anchor-nav nav{
max-width: 640px;
}
}
@media (min-width: 768px){
.anchor-nav nav{
max-width: 768px;
}
}
@media (min-width: 1024px){
.anchor-nav nav{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.anchor-nav nav{
max-width: 1280px;
}
}
@media (min-width: 1550px){
.anchor-nav nav{
max-width: 1550px;
}
}
.anchor-nav nav div{
display: flex;
flex: 1 1 0%;
}
.anchor-nav nav div a{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
align-self: flex-start;
padding-right: 0.75rem;
font-weight: 700;
}
/**
* Nav list planificar
*/
.nav-list{
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 0.5rem;
}
.nav-list li{
font-weight: 600;
font-size: 0.8rem;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.nav-list li:hover{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
}
.accordion{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
.accordion{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.accordion{
justify-content: space-between;
gap: 1.25rem;
margin-top: 2.5rem;
}
.accordion__menu{
grid-column: span 1 / span 1;
}
.accordion__menu nav{
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.accordion__menu nav button{
text-align: start;
--tw-text-opacity: 1;
color: rgb(84 93 92 / var(--tw-text-opacity, 1));
}
.accordion__menu nav button:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
.accordion__menu nav button{
display: flex;
align-items: center;
gap: 0.5rem;
cursor: pointer;
}
.accordion__menu nav button.active{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
text-decoration-line: underline;
}
.accordion__accordion-content{
grid-column: span 3 / span 3;
}
.accordion__accordion-content.inactive{
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(.accordion__accordion-content.inactive)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(.accordion__accordion-content.inactive):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
.accordion__accordion-content > div{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
.accordion__accordion-content > div{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.accordion__accordion-content > div{
gap: 2rem;
justify-items: end;
}
.accordion__accordion-content > div > div p{
margin-bottom: 1rem;
}
.accordion__accordion-content > div > div h4, .accordion__accordion-content > div > div .accordion-title{
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
margin-bottom: 1.25rem;
}
.accordion__accordion-content > div > div a{
display: flex;
align-items: center;
gap: 0.5rem;
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(167 188 47 / var(--tw-border-opacity, 1));
text-transform: uppercase;
padding-left: 0.75rem;
padding-right: 0.75rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-size: 0.8rem;
width: fit-content;
border-radius: 0.5rem;
}
.accordion__accordion-content > div > div a i{
font-size: 1.125rem;
line-height: 1.75rem;
}
.accordion__accordion-content > div img{
border-radius: 0.5rem;
width: 100%;
height: 16rem;
}
@media (min-width: 768px){
.accordion__accordion-content > div img{
height: 18rem;
}
}
@media (min-width: 1024px){
.accordion__accordion-content > div img{
height: 20rem;
}
}
.accordion__accordion-content > div img{
object-fit: cover;
align-items: flex-end;
}
.accordion.accordion--p__accordion-content > div > div p:first-of-type{
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
margin-bottom: 1.25rem;
}
/**
* Navegación tabulada para mostrar info
*/
.nav-tab-info{
width: 33.333333%;
}
@media (min-width: 768px){
.nav-tab-info{
width: 100%;
}
}
.nav-tab-info{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
border-width: 0px;
}
@media (min-width: 768px){
.nav-tab-info{
border-bottom-width: 1px;
}
}
.nav-tab-info{
--tw-border-opacity: 1;
border-color: rgb(242 242 242 / var(--tw-border-opacity, 1));
margin-bottom: 1rem;
justify-content: space-around;
}
.nav-link-info{
text-align: start;
}
@media (min-width: 768px){
.nav-link-info{
text-align: center;
}
}
.nav-link-info{
padding-bottom: 0.5rem;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(242 242 242 / var(--tw-border-opacity, 1));
}
.nav-link-info:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
.nav-link-info{
--tw-text-opacity: 1;
color: rgb(122 131 130 / var(--tw-text-opacity, 1));
}
.nav-link-info:hover{
--tw-text-opacity: 1;
color: rgb(84 93 92 / var(--tw-text-opacity, 1));
}
.nav-different-ways-info{
text-align: start;
}
@media (min-width: 768px){
.nav-different-ways-info{
text-align: center;
}
}
.nav-different-ways-info{
padding-bottom: 0.5rem;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(242 242 242 / var(--tw-border-opacity, 1));
}
.nav-different-ways-info:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
.nav-different-ways-info{
--tw-text-opacity: 1;
color: rgb(122 131 130 / var(--tw-text-opacity, 1));
}
.nav-different-ways-info:hover{
--tw-text-opacity: 1;
color: rgb(84 93 92 / var(--tw-text-opacity, 1));
}
@media (min-width: 768px){
.nav-tab-info--2-cols{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.nav-tab-info--3-cols{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.nav-tab-info--4-cols{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.nav-tab-info--5-cols{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
.nav-tab-info .active{
--tw-text-opacity: 1;
color: rgb(45 54 53 / var(--tw-text-opacity, 1));
--tw-border-opacity: 1;
border-color: rgb(167 188 47 / var(--tw-border-opacity, 1));
border-bottom-width: 4px;
font-weight: 600;
}
/**
* Estilo para migas de pan
*/
#breadcrumbs{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
margin-left: 0px;
list-style-type: none;
font-size: 0.8rem;
}
#breadcrumbs li{
display: inline;
margin-right: 0.375rem;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
}
#breadcrumbs li a{
text-decoration-line: none;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
}
#breadcrumbs .separator{
margin-right: 0.375rem;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
}
#breadcrumbs li:last-child{
--tw-text-opacity: 1;
color: rgb(84 93 92 / var(--tw-text-opacity, 1));
}
#breadcrumbs li:last-child a{
--tw-text-opacity: 1;
color: rgb(84 93 92 / var(--tw-text-opacity, 1));
pointer-events: none;
text-decoration-line: none;
font-weight: 400;
}
/**
* Grid de fechas
*/
.dates-grid{
display: grid;
gap: 1rem;
margin-top: 1rem;
margin-bottom: 1rem;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 640px){
.dates-grid{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 768px){
.dates-grid{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.dates-grid > div{
display: flex;
align-items: center;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border-radius: 0.5rem;
padding: 1rem;
gap: 1rem;
}
.dates-grid > div div:first-child{
margin: 0px;
padding-left: 0.5rem;
padding-right: 0.5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.dates-grid > div div:first-child p{
font-weight: 700;
font-size: 1.5rem;
margin: 0px;
}
.dates-grid > div div:first-child span{
font-size: 0.8rem;
--tw-text-opacity: 1;
color: rgb(84 93 92 / var(--tw-text-opacity, 1));
text-transform: uppercase;
}
.dates-grid > div div:last-child{
display: flex;
align-items: center;
gap: 0.5rem;
width: 100%;
}
.dates-grid > div div:last-child p{
margin: 0px;
}
.dates-grid > div div:last-child i{
margin-left: auto;
font-size: 1.5rem;
}
/**
* Contenedor de entrada
*/
.entry-container{
display: flex;
flex-direction: column;
}
.entry-container p > a{
text-decoration-line: underline;
}
.post-selector {
/* Estilo para filtro por fecha, actualmente se encuentra obsoleto
#selector-order-date {
#orderFilterBtn {
@apply p-flex;
@apply p-gap-1;
@apply p-text-gray-light;
i {
@apply p-rotate-90;
}
.asc {
@apply p-rotate-[-90deg];
@apply p-ml-2;
}
}
}*/
display: grid;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
overflow-x: auto
}
.post-selector__container{
display: flex;
gap: 1.5rem;
}
.post-selector #btnDisplayCategories{
display: flex;
gap: 0.5rem;
align-self: center;
}
.post-selector #btnDisplayCategories i{
display: inline-block;
align-self: center;
--tw-rotate: 0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform-origin: center center;
transition: transform 0.3s ease-in-out;
}
.post-selector #btnDisplayCategories.visible i{
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.post-selector .container-categories{
display: flex;
gap: 1.5rem;
overflow: auto;
}
@media (min-width: 1024px){
.post-selector .container-categories{
overflow: hidden;
}
}
.post-selector .container-categories{
max-height: 3rem;
margin-top: 0.5rem;
transition: max-height 0.5s ease;
}
.post-selector .container-categories.visible{
max-height: 0px;
margin-top: 0px;
}
.post-selector .filter{
display: flex;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
border-radius: 9999px;
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
flex-shrink: 0;
}
.post-selector .filter:hover{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(16 74 127 / var(--tw-bg-opacity, 1));
}
.post-selector .filter{
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.post-selector .filter.active{
display: flex;
gap: 0.75rem;
--tw-bg-opacity: 1;
background-color: rgb(16 74 127 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
/**
* Contenedor del formulario de contacto
*/
.form-contact{
display: flex;
flex-direction: column;
margin-top: 3rem;
}
.form-contact li{
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: 0.75rem;
}
.form-contact li label{
font-weight: 600;
font-size: 0.8rem;
text-transform: uppercase;
margin-bottom: 1rem;
}
.form-contact li input,.form-contact li textarea{
border-width: 0px;
width: 100%;
}
.form-contact li input::placeholder,.form-contact li textarea::placeholder{
color: rgba(255, 255, 255, 0.3);
}
.form-contact li hr{
margin-top: 0px;
margin-bottom: 0px;
}
.form-contact li .error{
--tw-text-opacity: 1;
color: rgb(234 67 53 / var(--tw-text-opacity, 1));
font-size: 0.8rem;
font-weight: 500;
margin-top: 0.25rem;
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(.form-contact li .error)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(.form-contact li .error):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
.form-contact li .spinner-container{
width: 100%;
display: flex;
justify-content: center;
margin-top: 0.5rem;
}
.p-images-collage{
display: grid;
gap: 1.5rem;
margin-top: 1rem;
}
@media (min-width: 1024px){
.p-images-collage{
margin-top: 0px;
}
}
.p-images-collage img{
border-radius: 0.75rem;
}
.p-images-collage__top{
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 1.5rem;
}
.p-images-collage__top__left{
grid-column: span 3 / span 3;
align-self: flex-end;
height: 16rem;
width: 100%;
overflow: hidden;
}
.p-images-collage__top__left img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.p-images-collage__top__right{
grid-column: span 4 / span 4;
align-self: flex-end;
height: 24rem;
width: 100%;
overflow: hidden;
}
.p-images-collage__top__right img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.p-images-collage__bottom{
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 1.5rem;
}
.p-images-collage__bottom__left{
grid-column: span 4 / span 4;
height: 16rem;
width: 100%;
overflow: hidden;
}
.p-images-collage__bottom__left img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 90%;
}
.p-images-collage__bottom__right{
grid-column: span 3 / span 3;
height: 20rem;
width: 100%;
overflow: hidden;
}
.p-images-collage__bottom__right img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/**
* Contenedor de índice
*/
.index-container{
border-top-width: 1px;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(122 131 130 / var(--tw-border-opacity, 1));
padding-top: 1rem;
padding-bottom: 1rem;
margin-top: 2rem;
margin-bottom: 2rem;
grid-column: span 2 / span 2;
}
.index-container__title{
font-weight: 600;
padding: 1rem;
display: inline-block;
text-transform: uppercase;
}
.index-container__content{
padding-left: 2rem;
}
.index-container__content li{
margin-bottom: 1rem;
list-style-type: decimal;
text-decoration-line: underline;
}
/**
* Modal básico para mostrar info
*/
.modal{
opacity: 0;
visibility: hidden;
position: fixed;
top: 0px;
left: 0px;
z-index: 100;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.3);
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
}
.modal.show{
opacity: 1;
visibility: visible;
}
.overlay-modal{
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
width: 100%;
height: 100%;
}
.modal.fade .modal-content {
transform: translateY(-50px);
}
.modal.show .modal-content {
transform: translateY(0);
transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
.modal-content{
max-height: 85vh;
overflow-y: auto;
display: flex;
flex-direction: column;
position: relative;
margin: 0px;
border-radius: 0.375rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
width: 80%;
}
@media (min-width: 768px){
.modal-content{
width: 40%;
}
}
.modal-content{
padding: 1rem;
}
.modal-content .modal-header{
display: flex;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
align-items: center;
justify-content: space-between;
}
.modal-content .modal-header .title-modal{
text-transform: uppercase;
font-size: 0.8rem;
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.modal-content .modal-header .title-modal span{
text-transform: none;
font-weight: 700;
font-size: 1.5rem;
line-height: 1.25rem;
}
.modal-content .modal-header button{
display: flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
border-radius: 9999px;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.modal-content .modal-header button:hover{
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
.modal-content .text-history{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
padding-left: 1rem;
}
.modal-content .modal-body{
position: relative;
padding: 1rem;
}
.modal-content .modal-body__title{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
}
.modal-content .modal-footer{
display: flex;
flex-shrink: 0;
flex-wrap: wrap;
align-items: center;
padding: 1rem;
}
.modal-content .modal-footer__content{
width: 100%;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
@media (min-width: 768px){
.modal-content .modal-footer__content{
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
}
.modal-content .modal-footer__content button{
width: 100%;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1rem;
padding-right: 1rem;
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
border-radius: 0.5rem;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
font-size: 0.8rem;
}
.modal-content .modal-footer__content button:hover{
--tw-bg-opacity: 1;
background-color: rgb(134 153 28 / var(--tw-bg-opacity, 1));
}
.modal-content .modal-footer__content button{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.modal-content .modal-footer__content button:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
.modal-content .modal-footer__content button{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.modal-content .modal-footer__content button .button-text{
text-align: start;
grid-column: span 2 / span 2;
text-transform: uppercase;
}
.modal-content .modal-footer__content button .button-icon{
grid-column: span 1 / span 1;
align-self: center;
text-align: end;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
/**
* Menú navegación página planificar
*/
.nav-planning{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
.nav-planning{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.nav-planning{
gap: 1rem;
padding-bottom: 1rem;
}
.nav-planning__item{
display: flex;
--tw-bg-opacity: 1;
background-color: rgb(238 241 220 / var(--tw-bg-opacity, 1));
border-radius: 0.5rem;
padding: 1rem;
grid-column: span 1 / span 1;
}
.nav-planning__item i{
padding-left: 1rem;
padding-right: 1rem;
font-size: 4.5rem;
line-height: 1;
}
.nav-planning__item ul{
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 0.5rem;
}
.nav-planning__item ul li{
font-weight: 600;
font-size: 0.8rem;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.nav-planning__item ul li:hover{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
}
/**
* Tabla planificar
*/
.planify-table{
width: 100%;
border-collapse: collapse;
text-align: left;
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border-radius: 0.5rem;
overflow: hidden;
}
.planify-table thead{
--tw-bg-opacity: 1;
background-color: rgb(16 74 127 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
font-weight: 700;
}
.planify-table th[scope="row"]{
--tw-text-opacity: 1;
color: rgb(81 81 81 / var(--tw-text-opacity, 1));
}
.planify-table th, .planify-table td{
padding-left: 0.5rem;
padding-right: 0.5rem;
}
@media (min-width: 768px){
.planify-table th, .planify-table td{
padding-left: 1rem;
padding-right: 1rem;
}
}
.planify-table th, .planify-table td{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(122 131 130 / var(--tw-border-opacity, 1));
}
.planify-table tbody{
--tw-text-opacity: 1;
color: rgb(122 131 130 / var(--tw-text-opacity, 1));
}
.planify-table tbody tr:last-child th, .planify-table tbody tr:last-child td{
border-bottom-width: 0px;
}
.planify-table tbody tr:nth-child(even){
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
.planify-table .first-column{
font-weight: 700;
font-size: 1.125rem;
line-height: 1.75rem;
}
@keyframes infinite-scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-140%);
}
}
.p-animate-infinite-scroll {
animation: infinite-scroll 35s linear infinite;
}
.container-slider-cards{
max-width: none;
width: 99vw;
position: relative;
left: 50%;
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
display: inline-flex;
flex-wrap: nowrap;
overflow: hidden;
margin-top: 2rem;
margin-bottom: 2rem;
}
.container-slider-cards .slider-cards{
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 768px){
.container-slider-cards .slider-cards{
justify-content: flex-start;
}
}
.container-slider-cards .slider-cards {
animation: infinite-scroll 35s linear infinite;
}
.container-slider-cards .slider-cards--clone{
margin-left: 30rem;
}
.container-slider-cards .slider-cards--clone-lodgins{
margin-left: 27rem;
}
.container-slider-cards .card-partner{
margin-left: 0.75rem;
margin-right: 0.75rem;
display: flex;
justify-content: center;
align-items: center;
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
border-radius: 0.5rem;
min-height: 10rem;
min-width: 16rem;
flex-shrink: 0;
box-sizing: border-box;
scroll-snap-align: center;
flex: none;
}
/**
* Slider para ver 3 cards por diapositiva y en móvil scroll horizontal con barra
*/
.container-slider, .container-slider-opinions{
max-width: 100%;
overflow: hidden;
position: relative;
}
.card-list, .card-list-opinion{
display: flex;
list-style-type: none;
transition-property: transform;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
width: 100%;
}
.card-list--less-gap, .card-list-opinion--less-gap{
gap: 1rem;
}
.card-list--more-gap, .card-list-opinion--more-gap{
gap: 2rem;
}
/* Cada tarjeta ocupa un tercio del espacio visible menos el gap */
.card-item, .card-item-opinions{
flex-shrink: 0;
box-sizing: border-box;
}
.card-item--min, .card-item-opinions--min {
width: calc((100% / 3) - (2rem / 3));
}
.card-item--max, .card-item-opinions--max {
width: calc((100% / 4) - (2rem / 4));
}
.slide-button, .slide-button-opinions{
position: absolute;
top: 50%;
outline: 2px solid transparent;
outline-offset: 2px;
border-style: none;
height: 2.5rem;
width: 2.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
display: flex;
cursor: pointer;
font-size: 1.5rem;
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
align-items: center;
justify-content: center;
border-radius: 9999px;
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
z-index: 20;
}
#prev-slide-experiences, #prev-slide-opinions{
left: -1.25rem;
}
#prev-slide-experiences div, #prev-slide-opinions div{
margin-right: 0.25rem;
}
#next-slide-experiences, #next-slide-opinions{
right: -1.25rem;
}
.slider-indicators{
display: flex;
justify-content: center;
gap: 0.5rem;
margin-top: 1.25rem;
}
.indicator{
width: 0.5rem;
height: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
border-radius: 9999px;
cursor: pointer;
}
.indicator.active{
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
}
@media (max-width: 620px) {
.slide-button, .slider-indicators, .slide-button-opinions{
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(.slide-button)) > div:not(.p-hidden),#navStage > div #locationsSection .grid-container:has(> div:not( .slider-indicators)) > div:not(.p-hidden),#navStage > div #locationsSection .grid-container:has(> div:not( .slide-button-opinions)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(.slide-button):nth-of-type(2))
> div:not(.p-hidden),#navStage > div #locationsSection .grid-container:has(> div:not( .slider-indicators):nth-of-type(2))
> div:not(.p-hidden),#navStage > div #locationsSection .grid-container:has(> div:not( .slide-button-opinions):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
/* Activar desplazamiento horizontal y snapping */
.card-list, .card-list-opinion{
overflow-x: auto;
scroll-snap-type: x var(--tw-scroll-snap-strictness);
--tw-scroll-snap-strictness: mandatory;
}
.card-list::-webkit-scrollbar, .card-list-opinion::-webkit-scrollbar{
height: 0.5rem;
}
.card-list::-webkit-scrollbar-thumb, .card-list-opinion::-webkit-scrollbar-thumb{
--tw-bg-opacity: 1;
background-color: rgb(84 93 92 / var(--tw-bg-opacity, 1));
border-radius: 9999px;
}
.card-list::-webkit-scrollbar-track, .card-list-opinion::-webkit-scrollbar-track{
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
.card-list, .card-list-opinion{
padding-bottom: 1.25rem;
}
.card-item, .card-item-opinions{
display: flex;
justify-content: center;
width: 75%;
}
}
.card-advantage{
width: 18rem;
}
@media (min-width: 400px){
.card-advantage{
width: 21rem;
}
}
.card-advantage{
--tw-bg-opacity: 1;
background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-weight: 600;
}
@media (min-width: 768px){
.card-advantage{
border-radius: 0.75rem;
}
}
.card-advantage{
padding-top: 4rem;
padding-bottom: 4rem;
padding-left: 4.5rem;
padding-right: 4.5rem;
}
.card-advantage__content{
text-align: center;
justify-content: center;
}
.card-advantage__content > i{
font-size: 4.5rem;
line-height: 1;
}
.card-advantage__content div{
margin-top: 1rem;
}
.card-advantage__content div > p:first-of-type{
text-transform: uppercase;
}
.card-advantage--main{
--tw-bg-opacity: 1 !important;
background-color: rgb(16 74 127 / var(--tw-bg-opacity, 1)) !important;
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
font-weight: 400 !important;
}
@media (min-width: 768px){
.card-advantage--main{
--tw-scale-x: 1.25;
--tw-scale-y: 1.25;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
/**
* Card para tarjetas de la home: mejores experiencias y cosas del camino.
*/
.card-best-experience{
flex-shrink: 0;
width: auto;
scroll-snap-align: start;
position: relative;
border-radius: 0.5rem;
overflow: hidden;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
transition-property: all;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.card-best-experience__header{
position: relative;
overflow: hidden;
border-radius: 0.5rem;
}
.card-best-experience__header img{
width: 100%;
object-fit: cover;
object-position: center;
border-radius: 0.5rem;
transition-property: transform;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
z-index: 1;
}
.card-best-experience__header .card-overlay{
position: absolute;
inset: 0px;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
opacity: 0;
transition-property: opacity;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
z-index: 2;
pointer-events: none;
}
.post-card{
position: relative;
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
.post-card{
grid-template-columns: repeat(2, minmax(0, 1fr));
height: 20rem;
}
}
.post-card{
gap: 1rem;
}
@media (min-width: 768px){
.post-card{
gap: 1.25rem;
}
}
.post-card{
margin-bottom: 5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
transition-property: all;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.post-card__header{
grid-column: span 1 / span 1;
position: relative;
overflow: hidden;
border-radius: 0.5rem;
}
.post-card__header a{
position: relative;
border-radius: 0.5rem;
overflow: hidden;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
transition-property: all;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.post-card__header a img{
border-radius: 0.5rem;
width: 100%;
object-fit: cover;
object-position: center;
transition-property: transform;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
height: 12rem;
}
@media (min-width: 768px){
.post-card__header a img{
height: 22rem;
}
}
.post-card__header a .card-overlay{
position: absolute;
inset: 0px;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
opacity: 0;
transition-property: opacity;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
z-index: 2;
pointer-events: none;
}
.post-card__content{
grid-column: span 1 / span 1;
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 0.5rem;
}
@media (min-width: 768px){
.post-card__content{
gap: 1rem;
}
}
.post-card__content{
height: 100%;
}
.post-card__content a:hover{
--tw-text-opacity: 1;
color: rgb(45 54 53 / var(--tw-text-opacity, 1));
}
@media (min-width: 768px){
.post-card__content .title > a{
font-size: 1.5rem;
}
}
@media (min-width: 1024px){
.post-card__content .title > a{
font-size: 2rem;
}
}
.post-card__content .title > a{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
}
.post-card__content .title > a:hover{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
}
@media (min-width: 768px){
.post-card__content .title > a{
margin: 0px;
}
}
.post-card__content__subtitle{
--tw-text-opacity: 1;
color: rgb(175 175 175 / var(--tw-text-opacity, 1));
}
.post-card__content__subtitle > p a{
--tw-text-opacity: 1;
color: rgb(175 175 175 / var(--tw-text-opacity, 1));
text-decoration-line: underline;
}
.post-card__content__description{
font-size: 0.7rem;
}
@media (min-width: 768px){
.post-card__content__description{
font-size: 0.9rem;
}
}
.post-card__content .read-more{
display: flex;
font-weight: 700;
text-decoration-line: underline;
width: fit-content;
align-self: flex-end;
}
.card-graphics{
display: grid;
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 1rem;
padding-bottom: 1rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
border-radius: 0.75rem;
justify-content: center;
}
.card-graphics img{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.card-graphics__text{
margin-top: 1rem;
margin-bottom: 1rem;
display: flex;
flex-direction: column;
align-items: center;
text-align: start;
gap: 0.25rem;
}
.card-graphics__text > div .title{
font-weight: 600;
font-size: 1.1rem !important;
}
.card-graphics__text > div > p{
font-size: 0.8rem;
}
.popular-post-card{
position: relative;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 768px){
.popular-post-card{
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
}
}
.popular-post-card{
align-self: center;
}
@media (min-width: 1024px){
.popular-post-card{
align-self: flex-start;
}
}
.popular-post-card >a{
grid-column: span 1 / span 1;
display: flex;
justify-content: center;
align-items: center;
}
.popular-post-card >a img{
border-radius: 0.375rem;
align-self: center;
}
@media (min-width: 1024px){
.popular-post-card >a img{
min-height: 2.5rem;
}
}
.popular-post-card div{
grid-column: span 1 / span 1;
}
@media (min-width: 768px){
.popular-post-card div{
grid-column: span 2 / span 2;
}
}
.popular-post-card div{
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 0.25rem;
margin-bottom: 0.25rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
@media (min-width: 1280px){
.popular-post-card div{
padding: 0px;
}
}
.popular-post-card div .title{
font-weight: 600;
}
@media (min-width: 480px){
.popular-post-card div .title{
font-size: 1.125rem;
}
}
@media (min-width: 768px){
.popular-post-card div .title{
font-size: 1.5rem;
}
}
@media (min-width: 1024px){
.popular-post-card div .title{
font-size: 0.8rem;
}
}
@media (min-width: 1280px){
.popular-post-card div .title{
font-size: 0.8rem;
}
}
.popular-post-card div .title:hover{
--tw-text-opacity: 1;
color: rgb(45 54 53 / var(--tw-text-opacity, 1));
}
.popular-post-card div .excerpt{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
@media (min-width: 1024px){
.popular-post-card div .excerpt{
display: none;
}
}
.popular-post-card div .excerpt{
--tw-text-opacity: 1;
color: rgb(84 93 92 / var(--tw-text-opacity, 1));
font-size: 0.8rem;
}
.popular-post-card div .views{
--tw-text-opacity: 1;
color: rgb(84 93 92 / var(--tw-text-opacity, 1));
font-size: 0.8rem;
display: flex;
gap: 0.25rem;
}
.popular-post-card div .views i{
align-self: center;
}
.card-profesional{
display: grid;
}
.card-profesional__img{
border-radius: 0.25rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 32rem;
}
.card-profesional__text{
margin-top: 2rem;
margin-bottom: 2rem;
min-height: 9rem;
}
.card-profesional__text__title{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-weight: 600;
font-size: 1.5rem;
margin-bottom: 0.75rem;
}
.card-profesional__text__subtext__href{
text-decoration-line: underline;
text-decoration-color: #A7BC2F;
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
}
.card-profesional__text__subtext__href:hover{
--tw-text-opacity: 1;
color: rgb(134 153 28 / var(--tw-text-opacity, 1));
}
.card-profesional__details{
display: flex;
flex-direction: column;
gap: 1rem;
margin-bottom: 2rem;
min-height: 6rem;
}
.card-profesional__details__list__item{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.card-profesional__details .icon-arrow{
margin-right: 0.5rem;
}
.card-profesional__div{
align-self: flex-end;
}
.card-profesional__div__btn{
display: flex;
width: fit-content;
margin-left: auto;
margin-right: auto;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(167 188 47 / var(--tw-border-opacity, 1));
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
border-radius: 0.75rem;
text-align: center;
padding-left: 2.5rem;
padding-right: 2.5rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.card-profesional__div__btn:hover{
--tw-border-opacity: 1;
border-color: rgb(134 153 28 / var(--tw-border-opacity, 1));
--tw-text-opacity: 1;
color: rgb(134 153 28 / var(--tw-text-opacity, 1));
}
.card-profesional__div__btn.inactive{
pointer-events: none;
}
/* Background para tarjetas de experiencias */
.experience-card-item {
position: relative;
overflow: hidden;
border-radius: 0.5rem;
}
.experience-card-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
transition: transform 0.7s ease, background 0.7s ease;
z-index: 0;
}
.experience-card-item::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
to right bottom,
rgba(0, 0, 0, 0.4),
rgba(0, 0, 0, 0.4)
);
transition: background 0.7s ease;
z-index: 1;
}
.experience-card-item:hover::before {
background: linear-gradient(
to right bottom,
rgba(0, 0, 0, 0.6),
rgba(0, 0, 0, 0.6)
);
}
.experience-card-item:hover .experience-card-bg {
transform: scale(1.25);
}
.experience-card-content {
position: relative;
z-index: 2;
}
.card-history{
display: flex;
flex-direction: column;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
.card-history img{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0.75rem;
}
/**
* Tarjeta de info de Pilgrim con fondo de oficina en la home
*/
.card-office-pilgrim{
display: block;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/**
* Tarjeta de opiniones
*/
.card-opinions{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border-radius: 1.5rem;
padding: 1.25rem;
min-height: 15rem;
display: flex;
flex-direction: column;
}
.card-opinions__header{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.5rem;
margin-right: 2rem;
}
.card-opinions__header h3{
font-weight: 700;
font-size: 0.8rem;
margin-bottom: 0px;
}
.card-opinions__header h3 a:hover{
--tw-text-opacity: 1;
color: rgb(122 131 130 / var(--tw-text-opacity, 1));
}
.card-opinions__stars{
display: flex;
margin-bottom: 1rem;
}
.card-opinions__text{
font-size: 0.8rem;
}
/**
* Card para etapa a pie dentro de camino
*/
.card-stage-bike{
flex-shrink: 0;
scroll-snap-align: start;
}
@media (min-width: 768px){
.card-stage-bike{
width: auto;
}
}
/**
* Card para etapa a pie dentro de camino
*/
.card-stage{
flex-shrink: 0;
width: 18rem;
scroll-snap-align: start;
}
@media (min-width: 768px){
.card-stage{
width: auto;
}
}
.card-stage{
position: relative;
border-radius: 0.5rem;
overflow: hidden;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
max-width: 20rem;
transition-property: all;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.card-stage__header{
position: relative;
overflow: hidden;
border-radius: 0.5rem;
}
.card-stage__header img{
width: 100%;
height: 8rem;
object-fit: cover;
object-position: center;
border-radius: 0.5rem;
transition-property: transform;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
z-index: 1;
}
.card-stage__header .card-overlay{
position: absolute;
inset: 0px;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
opacity: 0;
transition-property: opacity;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
z-index: 2;
pointer-events: none;
}
.card-stage__header .number-stage{
position: absolute;
border-radius: 9999px;
opacity: 0.6;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
width: 1.5rem;
height: 1.5rem;
text-align: center;
top: 0.5rem;
left: 0.5rem;
display: grid;
}
.card-stage__header .number-stage span{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
font-size: 0.8rem;
font-weight: 600;
align-self: center;
}
.card-stage__body{
display: flex;
justify-content: space-between;
margin-top: 1.25rem;
}
.card-stage__body .title-stage{
display: flex;
flex-direction: column;
align-self: center;
}
.card-stage__body .title-stage__start{
font-weight: 700;
}
.card-stage__body .title-stage span{
font-size: 0.5rem;
align-self: center;
}
.card-stage__body .title-stage__tips{
font-size: 0.7rem;
}
@media (min-width: 1024px){
.card-stage__body .title-stage__tips{
font-size: 0.8rem;
}
}
.card-stage__body .title-stage__tips{
--tw-text-opacity: 1;
color: rgb(84 93 92 / var(--tw-text-opacity, 1));
padding-bottom: 1.25rem;
}
@media (min-width: 768px){
.card-stage__body .title-stage__tips{
padding-bottom: 0px;
}
}
.card-stage__body .title-stage__tips{
display: flex;
gap: 0.5rem;
}
@layer {
.card-stage__body button{
display: flex;
justify-content: center;
align-self: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
width: 2rem;
height: 2rem;
}
.card-stage__body button i{
align-self: center;
}
}
.infoCard{
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
border-radius: 0.75rem;
padding: 1rem;
}
@media (min-width: 768px){
.infoCard{
padding: 1.5rem;
}
}
@media (min-width: 1024px){
.infoCard{
padding-left: 3rem;
padding-right: 3rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
.infoCard{
display: grid;
align-items: center;
height: 9rem;
}
@media (min-width: 768px){
.infoCard{
height: 10.5rem;
}
}
@media (min-width: 1024px){
.infoCard{
height: 13rem;
}
}
.infoCard__content{
display: grid;
gap: 1rem;
align-items: center;
text-align: center;
justify-content: center;
align-self: flex-start;
height: 100%;
}
.infoCard__content i{
font-size: 2rem;
}
@media (min-width: 768px){
.infoCard__content i{
font-size: 2.5rem;
}
}
@media (min-width: 1024px){
.infoCard__content i{
font-size: 5.5rem;
}
}
.infoCard__content__text{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-weight: 700;
}
@media (min-width: 768px){
.infoCard__content__text{
font-size: 0.8rem;
}
}
@media (min-width: 1024px){
.infoCard__content__text{
font-size: 1.1rem;
}
}
.infoCard__content__subtext{
font-size: 0.65rem !important;
}
@media (min-width: 640px){
.infoCard__content__subtext{
font-size: 0.75rem !important;
}
}
@media (min-width: 1024px){
.infoCard__content__subtext{
font-size: 1rem !important;
}
}
@media (min-width: 1280px){
.infoCard__content__subtext{
font-size: 1.1rem !important;
}
}
.infoCard--h-lg{
height: 10.5rem;
}
@media (min-width: 768px){
.infoCard--h-lg{
height: 13rem;
}
}
@media (min-width: 1024px){
.infoCard--h-lg{
height: 15rem;
}
}
.recomendation-card{
--tw-bg-opacity: 1;
background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
padding: 2rem;
margin-bottom: 1rem;
}
.recomendation-card > div{
display: flex;
gap: 1rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
.recomendation-card > div i{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
font-size: 1.5rem;
}
.recomendation-card > div h5{
align-self: center;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
font-size: 1.1rem;
font-weight: 600;
}
.recomendation-card p{
margin-bottom: 1rem;
}
.recomendation-card p span{
font-weight: 600;
}
.recomendation-card a{
text-decoration-line: underline;
font-weight: 400;
}
.error404 .planner-sidebar-header {
display: none;
}
.page-404 .section-404 h1 {
color: #d54b4b;
font-size: 11rem;
margin-bottom: 0;
line-height: 1;
font-weight: 600;
letter-spacing: 22px;
}
@media screen and (max-width: $screen-tablet) {
.page-404 .section-404 h1 {
font-size: 7rem;
margin-bottom: 15px;
letter-spacing: 9
}
}
.page-404 .section-404 h3 {
color: #2f2f2f;
font-size: 3rem;
}
.page-404 .section-404 p {
color: white;
font-size: 22px;
margin-bottom: 30px;
}
.page-404 .section-404 p.social-networks-links {
font-size: 16px;
margin-top: 30px;
margin-bottom: 1rem;
}
.page-404 .section-404 p.social-networks-links span {
display: inline-block;
margin-right: 15px;
margin-bottom: 15px;
}
.page-404 .section-404 p.social-networks-links a i {
font-size: 20px;
padding: 9px;
background: #4a4a4a;
color: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
text-align: center;
}
.page-404 .section-404 .btn, .page-404 .section-404 .btn--brown {
width: 220px;
font-size: 22px;
/* position: relative; */
margin-bottom: 50px;
}
@media screen and (max-width: $screen-tablet) {
.page-404 .section-404 .btn, .page-404 .section-404 .btn--brown {
margin-bottom: 0
}
}
.blog-grid{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px){
.blog-grid{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.blog-grid{
gap: 1.5rem;
}
@media (min-width: 1024px){
.blog-grid{
gap: 2.5rem;
}
}
.blog-grid{
align-items: center;
justify-content: center;
}
@media (min-width: 1024px){
.blog-grid{
align-items: flex-start;
justify-content: flex-start;
}
}
.blog-grid__post{
grid-column: span 1 / span 1;
}
@media (min-width: 1024px){
.blog-grid__post{
grid-column: span 3 / span 3;
}
}
@media (min-width: 768px){
.blog-grid__post{
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1024px){
.blog-grid__post{
margin-right: 5rem;
}
}
.blog-grid__post .more-post{
display: flex;
align-items: center;
justify-content: center;
align-self: center;
}
.blog-grid__post .more-post button{
display: block;
}
.blog-grid__sidecol{
grid-column: span 1 / span 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media (min-width: 1024px){
.blog-grid__sidecol{
align-items: flex-end;
}
}
.blog-grid__sidecol{
width: 100%;
margin-top: 5rem;
}
@media (min-width: 1024px){
.blog-grid__sidecol{
margin-top: 0px;
}
}
.blog-grid__sidecol .search-button{
display: flex;
min-width: 80%;
}
@media (min-width: 1024px){
.blog-grid__sidecol .search-button{
min-width: 100%;
}
}
.blog-grid__sidecol .search-button{
align-items: center;
border-width: 1px;
border-radius: 0.5rem;
--tw-border-opacity: 1;
border-color: rgb(175 175 175 / var(--tw-border-opacity, 1));
padding: 0.75rem;
margin-left: 1.25rem;
margin-right: 1.25rem;
}
@media (min-width: 1024px){
.blog-grid__sidecol .search-button{
margin-left: 0px;
margin-right: 0px;
}
}
.blog-grid__sidecol .search-button{
margin-bottom: 5rem;
}
.blog-grid__sidecol .search-button form{
display: flex;
width: 100%;
margin: 0px;
}
.blog-grid__sidecol .search-button form input{
display: flex;
width: 100%;
border-width: 0px;
padding: 0px;
}
.blog-grid__sidecol .search-button form input:focus{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border-width: 0px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-color: inherit;
}
.blog-grid__sidecol .search-button form i{
align-self: center;
width: 1rem;
height: 1rem;
margin-left: 0.5rem;
margin-right: 0.5rem;
}
/**
* Página de contacto divida en dos columnas (formulario y sección de enlaces de contacto)
*/
#contact-page{
display: grid;
}
#contact-page .contact-content{
display: grid;
}
@media (min-width: 1024px){
#contact-page .contact-content{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
#contact-page .contact-content{
width: 100%;
}
@media (min-width: 640px){
#contact-page .contact-content{
max-width: 640px;
}
}
@media (min-width: 768px){
#contact-page .contact-content{
max-width: 768px;
}
}
@media (min-width: 1024px){
#contact-page .contact-content{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#contact-page .contact-content{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#contact-page .contact-content{
max-width: 1550px;
}
}
#contact-page .contact-content{
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1024px){
#contact-page .contact-content{
padding-left: 12rem;
padding-right: 12rem;
}
}
@media (min-width: 1280px){
#contact-page .contact-content{
padding-left: 16rem;
padding-right: 16rem;
}
}
@media (min-width: 1024px){
#contact-page .contact-content{
gap: 4rem;
grid-template-columns: 2fr 0.8fr;
}
}
#contact-page .contact-content__col-form{
display: flex;
flex-direction: column;
}
@media (min-width: 1024px){
#contact-page .contact-content__col-form{
width: 100%;
}
}
#contact-page .contact-content__col-form button{
height: 4rem;
width: 100%;
text-transform: uppercase;
}
#contact-page .contact-content__col-form section{
padding-left: 0px;
padding-right: 0px;
}
#contact-page .contact-content__col-links{
display: flex;
flex-direction: column;
gap: 1rem;
}
@media (min-width: 1024px){
#contact-page .contact-content__col-links{
width: 100%;
padding-top: 3rem;
}
}
#contact-page .contact-content__col-links img{
border-radius: 0.5rem;
}
@media (min-width: 1024px){
#contact-page .contact-content__col-links img{
height: 16rem;
object-fit: cover;
}
}
#contact-page .contact-content__col-links li{
display: flex;
gap: 1rem;
align-items: flex-start;
}
@media (min-width: 768px){
#contact-page .contact-content__col-links li{
align-items: center;
}
}
@media (min-width: 1024px){
#contact-page .contact-content__col-links li{
align-items: flex-start;
}
}
#contact-page .contact-content__col-links li{
--tw-text-opacity: 1;
color: rgb(45 54 53 / var(--tw-text-opacity, 1));
}
#contact-page .contact-content__col-links li i{
font-size: 2rem;
margin-top: 0.25rem;
}
#contact-page .contact-content__col-links li a{
--tw-text-opacity: 1;
color: rgb(45 54 53 / var(--tw-text-opacity, 1));
align-self: center;
}
@media (min-width: 768px){
#contact-page .contact-content__col-links li a{
align-self: auto;
}
}
@media (min-width: 1024px){
#contact-page .contact-content__col-links li a{
align-self: center;
}
}
#contact-page .contact-content__col-links li a:hover{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
}
#contact-page .contact-content__col-links li p{
margin: 0px;
--tw-text-opacity: 1;
color: rgb(45 54 53 / var(--tw-text-opacity, 1));
}
/**
* Vista de experiencia
*/
#experience .bg-experience-sarria {
/* @apply p-bg-[linear-gradient(to_right_bottom,rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('/wp-content/uploads/2024/07/hero-camino-frances-sarria-santiago.jpg')]; */
}
#experience #hero{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
padding-top: 1.25rem;
border-radius: 0.5rem;
background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
background-repeat: no-repeat;
background-position: center;
}
#experience #hero .info-experience{
width: 100%;
}
@media (min-width: 640px){
#experience #hero .info-experience{
max-width: 640px;
}
}
@media (min-width: 768px){
#experience #hero .info-experience{
max-width: 768px;
}
}
@media (min-width: 1024px){
#experience #hero .info-experience{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#experience #hero .info-experience{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#experience #hero .info-experience{
max-width: 1550px;
}
}
#experience #hero .info-experience{
padding: 1rem;
}
#experience #hero .info-experience__layout{
display: flex;
flex-wrap: wrap;
}
#experience #hero .info-experience__layout .content{
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 1024px){
#experience #hero .info-experience__layout .content{
width: 60%;
}
}
#experience #hero .info-experience__layout .content .labels{
display: flex;
flex-wrap: wrap;
}
#experience #hero .info-experience__layout .content .labels__label-modality{
grid-column: auto;
padding-left: 0px;
}
#experience #hero .info-experience__layout .content .labels__label-ready{
grid-column: auto;
padding-left: 0px;
margin-left: 0.5rem;
}
#experience #hero .info-experience__layout .content .labels p{
margin: 0px;
padding-left: 0.5rem;
padding-right: 0.5rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
border-radius: 0.5rem;
}
#experience #hero .info-experience__layout .content .score{
margin-top: 0.75rem;
margin-bottom: 0.75rem;
font-size: 0.8rem;
}
#experience #hero .info-experience__layout .content h1{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
font-size: 2.5rem;
font-weight: 700;
text-transform: none;
}
#experience #hero .info-experience__layout .content .summary{
width: 100%;
}
@media (min-width: 640px){
#experience #hero .info-experience__layout .content .summary{
max-width: 640px;
}
}
@media (min-width: 768px){
#experience #hero .info-experience__layout .content .summary{
max-width: 768px;
}
}
@media (min-width: 1024px){
#experience #hero .info-experience__layout .content .summary{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#experience #hero .info-experience__layout .content .summary{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#experience #hero .info-experience__layout .content .summary{
max-width: 1550px;
}
}
#experience #hero .info-experience__layout .content .summary{
margin-top: 0.75rem;
width: fit-content;
}
#experience #hero .info-experience__layout .content .summary__container{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1rem;
}
@media (min-width: 768px){
#experience #hero .info-experience__layout .content .summary__container{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
#experience #hero .info-experience__layout .content .summary__container .pill{
grid-column: auto;
border-radius: 0.375rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
background-color: rgba(255, 255, 255, 0.3);
}
#experience #hero .info-experience__layout .content .summary__container .pill__content{
display: flex;
flex-wrap: wrap;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
padding-left: 0.75rem;
padding-right: 0.75rem;
}
#experience #hero .info-experience__layout .content .summary__container .pill__content__icon{
grid-column: auto;
display: flex;
align-self: center;
padding-right: 0px;
}
#experience #hero .info-experience__layout .content .summary__container .pill__content__text{
grid-column: auto;
display: flex;
align-self: auto;
margin-left: 0.5rem;
}
#experience #hero .info-experience__layout .content .summary__container .pill__content__text p{
margin: 0px;
font-size: 0.8rem;
}
#experience #hero .info-experience__layout .content .description-highlight{
font-size: 1.1rem;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
font-weight: 700;
}
#experience #hero .info-experience__layout .content .description-details{
margin-top: 0.5rem;
margin-bottom: 3.5rem;
width: 100%;
}
#experience #main-content{
position: relative;
width: 100%;
}
@media (min-width: 640px){
#experience #main-content{
max-width: 640px;
}
}
@media (min-width: 768px){
#experience #main-content{
max-width: 768px;
}
}
@media (min-width: 1024px){
#experience #main-content{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#experience #main-content{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#experience #main-content{
max-width: 1550px;
}
}
#experience #main-content{
margin-left: auto;
margin-right: auto;
}
#experience #main-content .card-container{
width: 100%;
}
@media (min-width: 640px){
#experience #main-content .card-container{
max-width: 640px;
}
}
@media (min-width: 768px){
#experience #main-content .card-container{
max-width: 768px;
}
}
@media (min-width: 1024px){
#experience #main-content .card-container{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#experience #main-content .card-container{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#experience #main-content .card-container{
max-width: 1550px;
}
}
#experience #main-content .card-container{
margin-left: auto;
margin-right: auto;
}
#experience #main-content .card-container__display{
display: flex;
justify-content: flex-end;
}
@media (min-width: 768px){
#experience #main-content .card-container .booking-card{
width: 40%;
}
}
@media (min-width: 1024px){
#experience #main-content .card-container .booking-card{
width: 33.333333%;
}
}
@media (min-width: 1280px){
#experience #main-content .card-container .booking-card{
width: 400px;
}
}
#experience #main-content .card-container .booking-card{
padding-left: 1rem;
padding-right: 1rem;
margin-top: -32rem;
}
#experience #main-content .card-container .booking-card .bg-sarria {
/* @apply p-bg-[url('/wp-content/uploads/2024/07/map-frances-sarria.svg')]; */
}
#experience #main-content .card-container .booking-card__style-card{
position: relative;
display: flex;
flex-direction: column;
min-width: 0px;
--tw-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
--tw-shadow-colored: 0 0 10px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border-radius: 1.5rem;
overflow-wrap: break-word;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
background-repeat: no-repeat;
background-position: right top;
}
#experience #main-content .card-container .booking-card__style-card .card-content{
width: 100%;
}
@media (min-width: 640px){
#experience #main-content .card-container .booking-card__style-card .card-content{
max-width: 640px;
}
}
@media (min-width: 768px){
#experience #main-content .card-container .booking-card__style-card .card-content{
max-width: 768px;
}
}
@media (min-width: 1024px){
#experience #main-content .card-container .booking-card__style-card .card-content{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#experience #main-content .card-container .booking-card__style-card .card-content{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#experience #main-content .card-container .booking-card__style-card .card-content{
max-width: 1550px;
}
}
#experience #main-content .card-container .booking-card__style-card .card-content{
margin-left: auto;
margin-right: auto;
}
#experience #main-content .card-container .booking-card__style-card .card-content__body{
display: flex;
flex-wrap: wrap;
padding: 1.25rem;
/*
.card-score {
@apply p-w-full;
@apply p-p-0;
@apply p-text-center;
@apply p-text-dark;
&__container {
@apply p-container;
@apply p-mx-auto;
@apply sm:p-px-9;
@apply md:p-px-0;
}
}
.card-score-row {
@apply p-flex;
@apply p-flex-wrap;
@apply p-justify-between;
@apply p-my-2;
&__col-start {
i {
@apply p-relative;
@apply p-text-2xl;
span {
@apply p-absolute;
}
}
}
&__col-center {
@apply p-w-3/5;
@apply p-p-0;
@apply p-flex;
@apply p-flex-wrap;
@apply p-justify-center;
.col-score {
@apply p-relative;
@apply p-w-1/6;
@apply p-flex;
@apply p-self-center;
p {
@apply p-m-0;
}
}
.col-star {
@apply p-w-1/12;
@apply p-flex;
@apply p-self-center;
}
}
&__col-end {
@apply p-w-2/5;
@apply p-p-0;
@apply p-text-right;
p {
@apply p-m-0;
}
}
}*/
}
#experience #main-content .card-container .booking-card__style-card .card-content__body .card-info{
width: 40%;
}
#experience #main-content .card-container .booking-card__style-card .card-content__body .card-info__from{
font-size: 0.5rem;
text-transform: uppercase;
margin: 0px;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
}
#experience #main-content .card-container .booking-card__style-card .card-content__body .card-info__price{
font-size: 2.5rem;
margin: 0px;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
margin-top: -12px;
}
#experience #main-content .card-container .booking-card__style-card .card-content__body .card-info__price span{
font-weight: 400;
font-size: 2rem;
}
#experience #main-content .card-container .booking-card__style-card .card-content__body .card-info__conditions{
font-size: 10px;
width: 83.333333%;
padding: 0px;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
}
#experience #main-content .card-container .booking-card__style-card .card-content__body .card-info__distance{
display: flex;
flex-wrap: wrap;
margin-top: 4rem;
padding-top: 0.5rem;
}
#experience #main-content .card-container .booking-card__style-card .card-content__body .card-info__stages{
display: flex;
flex-wrap: wrap;
}
#experience #main-content .card-container .booking-card__style-card .card-content__body .card-info__nights{
display: flex;
flex-wrap: wrap;
margin-bottom: 0.75rem;
}
#experience #main-content .card-container .booking-card__style-card .card-content__body .card-info .col-icon{
grid-column: auto;
align-self: center;
padding-right: 0.5rem;
--tw-text-opacity: 1;
color: rgb(81 81 81 / var(--tw-text-opacity, 1));
}
#experience #main-content .card-container .booking-card__style-card .card-content__body .card-info .col-text{
grid-column: auto;
align-self: center;
}
#experience #main-content .card-container .booking-card__style-card .card-content__body .card-info .col-text p{
margin: 0px;
font-size: 0.8rem;
--tw-text-opacity: 1;
color: rgb(81 81 81 / var(--tw-text-opacity, 1));
font-weight: 600;
}
#experience #main-content .card-container .booking-card__style-card .card-content__body .card-button{
width: 100%;
padding: 0px;
text-align: center;
margin-top: 0.75rem;
}
#experience #main-content .card-container .booking-card__style-card .card-content__body .card-button button{
display: inline-block;
vertical-align: middle;
text-align: center;
user-select: none;
white-space: nowrap;
padding-left: 0.75rem;
padding-right: 0.75rem;
line-height: 1.5;
text-decoration-line: none;
width: 100%;
text-transform: uppercase;
border-width: 0px;
border-radius: 0.25rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
font-weight: 700;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
}
#experience #main-content .card-container .booking-card__style-card .card-content__body .card-button button:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
#experience #main-content .card-container .booking-card__style-card .card-content__body .card-button button:hover{
--tw-bg-opacity: 1;
background-color: rgb(213 118 30 / var(--tw-bg-opacity, 1));
}
#experience #main-content .card-mobile{
width: 100%;
}
@media (min-width: 640px){
#experience #main-content .card-mobile{
max-width: 640px;
}
}
@media (min-width: 768px){
#experience #main-content .card-mobile{
max-width: 768px;
}
}
@media (min-width: 1024px){
#experience #main-content .card-mobile{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#experience #main-content .card-mobile{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#experience #main-content .card-mobile{
max-width: 1550px;
}
}
#experience #main-content .card-mobile{
margin-left: auto;
margin-right: auto;
position: fixed;
bottom: 0px;
left: 0px;
right: 0px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
border-radius: 0.5rem;
--tw-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
--tw-shadow-colored: 0 0 10px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
z-index: 10000;
}
#experience #main-content .card-mobile__container{
display: flex;
flex-direction: row;
}
#experience #main-content .card-mobile__container .card-mobile-col-start{
flex-basis: 25%;
align-self: center;
}
#experience #main-content .card-mobile__container .card-mobile-col-start .content-distance{
display: flex;
flex-wrap: wrap;
padding-top: 0.5rem;
}
#experience #main-content .card-mobile__container .card-mobile-col-start .content-distance__icon{
grid-column: auto;
align-self: center;
padding-right: 0.5rem;
--tw-text-opacity: 1;
color: rgb(81 81 81 / var(--tw-text-opacity, 1));
}
#experience #main-content .card-mobile__container .card-mobile-col-start .content-distance__text{
grid-column: auto;
align-self: center;
}
#experience #main-content .card-mobile__container .card-mobile-col-start .content-distance__text p{
margin: 0px;
font-size: 0.8rem;
--tw-text-opacity: 1;
color: rgb(81 81 81 / var(--tw-text-opacity, 1));
}
#experience #main-content .card-mobile__container .card-mobile-col-start .content-nights{
display: flex;
flex-wrap: wrap;
}
#experience #main-content .card-mobile__container .card-mobile-col-start .content-nights__icon{
grid-column: auto;
align-self: center;
padding-right: 0.5rem;
--tw-text-opacity: 1;
color: rgb(81 81 81 / var(--tw-text-opacity, 1));
}
#experience #main-content .card-mobile__container .card-mobile-col-start .content-nights__text{
grid-column: auto;
align-self: center;
}
#experience #main-content .card-mobile__container .card-mobile-col-start .content-nights__text p{
margin: 0px;
font-size: 0.8rem;
--tw-text-opacity: 1;
color: rgb(81 81 81 / var(--tw-text-opacity, 1));
}
#experience #main-content .card-mobile__container .card-mobile-col-center{
flex-basis: 50%;
align-self: center;
padding-left: 0.5rem;
padding-right: 0.5rem;
text-align: center;
}
#experience #main-content .card-mobile__container .card-mobile-col-center .card-mobile-price{
font-size: 2rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
#experience #main-content .card-mobile__container .card-mobile-col-center .card-mobile-price__currency{
font-weight: 400;
font-size: 1.25rem;
}
#experience #main-content .card-mobile__container .card-mobile-col-center .card-mobile-price__vat{
font-size: 10px;
width: 83.333333%;
padding: 0px;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
}
#experience #main-content .card-mobile__container .card-mobile-col-center .card-mobile-person{
font-size: 10px;
padding: 0px;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
margin-top: -12px;
}
#experience #main-content .card-mobile__container .card-mobile-col-end{
flex-basis: 25%;
align-self: center;
}
#experience #main-content .card-mobile__container .card-mobile-col-end button{
display: inline-block;
vertical-align: middle;
text-align: center;
user-select: none;
white-space: nowrap;
padding-left: 0.75rem;
padding-right: 0.75rem;
line-height: 1.5;
text-decoration-line: none;
width: 100%;
text-transform: uppercase;
border-width: 0px;
border-radius: 0.25rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
font-weight: 700;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
@appply focus:p-outline-none;
}
#experience #main-content .card-mobile__container .card-mobile-col-end button:hover{
--tw-bg-opacity: 1;
background-color: rgb(213 118 30 / var(--tw-bg-opacity, 1));
}
#experience #main-content .nav-experience{
width: 100%;
}
@media (min-width: 640px){
#experience #main-content .nav-experience{
max-width: 640px;
}
}
@media (min-width: 768px){
#experience #main-content .nav-experience{
max-width: 768px;
}
}
@media (min-width: 1024px){
#experience #main-content .nav-experience{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#experience #main-content .nav-experience{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#experience #main-content .nav-experience{
max-width: 1550px;
}
}
#experience #main-content .nav-experience{
padding-top: 0px;
padding-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
#experience #main-content .nav-experience nav{
width: 100%;
}
@media (min-width: 640px){
#experience #main-content .nav-experience nav{
max-width: 640px;
}
}
@media (min-width: 768px){
#experience #main-content .nav-experience nav{
max-width: 768px;
}
}
@media (min-width: 1024px){
#experience #main-content .nav-experience nav{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#experience #main-content .nav-experience nav{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#experience #main-content .nav-experience nav{
max-width: 1550px;
}
}
#experience #main-content .nav-experience nav div{
display: flex;
flex: 1 1 0%;
}
#experience #main-content .nav-experience nav div a{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
align-self: flex-start;
padding-right: 0.75rem;
font-weight: 700;
}
#experience #main-content .including-services, #experience #main-content .optional-services{
width: 100%;
}
@media (min-width: 640px){
#experience #main-content .including-services, #experience #main-content .optional-services{
max-width: 640px;
}
}
@media (min-width: 768px){
#experience #main-content .including-services, #experience #main-content .optional-services{
max-width: 768px;
}
}
@media (min-width: 1024px){
#experience #main-content .including-services, #experience #main-content .optional-services{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#experience #main-content .including-services, #experience #main-content .optional-services{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#experience #main-content .including-services, #experience #main-content .optional-services{
max-width: 1550px;
}
}
#experience #main-content .including-services, #experience #main-content .optional-services{
margin-left: auto;
margin-right: auto;
margin-top: 2.5rem;
}
#experience #main-content .including-services__body, #experience #main-content .optional-services__body{
width: 100%;
}
@media (min-width: 1024px){
#experience #main-content .including-services__body, #experience #main-content .optional-services__body{
width: 60%;
}
}
#experience #main-content .including-services .services-container, #experience #main-content .optional-services .services-container{
width: 100%;
}
@media (min-width: 640px){
#experience #main-content .including-services .services-container, #experience #main-content .optional-services .services-container{
max-width: 640px;
}
}
@media (min-width: 768px){
#experience #main-content .including-services .services-container, #experience #main-content .optional-services .services-container{
max-width: 768px;
}
}
@media (min-width: 1024px){
#experience #main-content .including-services .services-container, #experience #main-content .optional-services .services-container{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#experience #main-content .including-services .services-container, #experience #main-content .optional-services .services-container{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#experience #main-content .including-services .services-container, #experience #main-content .optional-services .services-container{
max-width: 1550px;
}
}
#experience #main-content .including-services .services-container__row, #experience #main-content .optional-services .services-container__row{
display: flex;
flex-wrap: wrap;
}
#experience #main-content .including-services .services-container .services-col-start, #experience #main-content .optional-services .services-container .services-col-start{
width: 100%;
}
@media (min-width: 1024px){
#experience #main-content .including-services .services-container .services-col-start, #experience #main-content .optional-services .services-container .services-col-start{
width: 33.333333%;
}
}
#experience #main-content .including-services .services-container .services-col-start, #experience #main-content .optional-services .services-container .services-col-start{
margin-top: 1.25rem;
}
#experience #main-content .including-services .services-container .services-col-start p, #experience #main-content .optional-services .services-container .services-col-start p{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
#experience #main-content .including-services .services-container .services-col-end, #experience #main-content .optional-services .services-container .services-col-end{
width: 100%;
}
@media (min-width: 1024px){
#experience #main-content .including-services .services-container .services-col-end, #experience #main-content .optional-services .services-container .services-col-end{
width: 66.666667%;
}
}
#experience #main-content .including-services .services-container .services-col-end, #experience #main-content .optional-services .services-container .services-col-end{
align-self: center;
}
#experience #main-content .including-services .services-container .services-col-end__content, #experience #main-content .optional-services .services-container .services-col-end__content{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#experience #main-content .including-services .services-container .services-col-end__content, #experience #main-content .optional-services .services-container .services-col-end__content{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
#experience #main-content .including-services .services-container .services-col-end__content, #experience #main-content .optional-services .services-container .services-col-end__content{
gap: 2rem;
text-align: center;
}
#experience #main-content .including-services .services-container .services-col-end__content .service, #experience #main-content .optional-services .services-container .services-col-end__content .service{
display: flex;
flex-direction: row;
}
@media (min-width: 768px){
#experience #main-content .including-services .services-container .services-col-end__content .service, #experience #main-content .optional-services .services-container .services-col-end__content .service{
justify-content: flex-start;
}
}
@media (min-width: 1024px){
#experience #main-content .including-services .services-container .services-col-end__content .service, #experience #main-content .optional-services .services-container .services-col-end__content .service{
justify-content: flex-end;
}
}
#experience #main-content .including-services .services-container .services-col-end__content .service__icon, #experience #main-content .optional-services .services-container .services-col-end__content .service__icon{
font-size: 1.25rem;
padding: 1rem;
align-self: center;
border-radius: 0.75rem;
}
#experience #main-content .including-services .services-container .services-col-end__content .service__text, #experience #main-content .optional-services .services-container .services-col-end__content .service__text{
width: 80%;
}
@media (min-width: 768px){
#experience #main-content .including-services .services-container .services-col-end__content .service__text, #experience #main-content .optional-services .services-container .services-col-end__content .service__text{
width: 60%;
}
}
#experience #main-content .including-services .services-container .services-col-end__content .service__text, #experience #main-content .optional-services .services-container .services-col-end__content .service__text{
align-self: center;
text-align: start;
padding-left: 1.25rem;
font-size: 0.8rem;
}
#experience #main-content .including-services .services-images, #experience #main-content .including-services .boxes-images, #experience #main-content .optional-services .services-images, #experience #main-content .optional-services .boxes-images{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 1024px){
#experience #main-content .including-services .services-images, #experience #main-content .including-services .boxes-images, #experience #main-content .optional-services .services-images, #experience #main-content .optional-services .boxes-images{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
#experience #main-content .including-services .services-images, #experience #main-content .including-services .boxes-images, #experience #main-content .optional-services .services-images, #experience #main-content .optional-services .boxes-images{
margin-top: 4rem;
}
#experience #main-content .including-services .services-images, #experience #main-content .optional-services .services-images{
gap: 0.5rem;
}
#experience #main-content .including-services .services-images img, #experience #main-content .optional-services .services-images img{
border-radius: 0.75rem;
}
#experience #main-content .including-services .boxes-images, #experience #main-content .optional-services .boxes-images{
gap: 1rem;
}
#experience #main-content .including-services .boxes-images img, #experience #main-content .optional-services .boxes-images img{
border-radius: 0.75rem;
cursor: pointer;
--tw-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
--tw-shadow-colored: 0 0 10px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#experience #main-content .lightbox{
position: fixed;
inset: 0px;
background-color: rgba(0, 0, 0, 0.7);
align-items: center;
justify-content: center;
z-index: 10000;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
#experience #main-content .lightbox__btn-closed{
position: absolute;
margin-top: 5rem;
right: 2%;
}
@media (min-width: 1024px){
#experience #main-content .lightbox__btn-closed{
right: 25%;
}
}
#experience #main-content .lightbox__btn-closed{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
font-size: 2.5rem;
}
#experience #main-content .lightbox__btn-prev{
position: absolute;
left: 20%;
top: 40%;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
font-size: 2.5rem;
padding: 1.25rem;
}
#experience #main-content .lightbox__btn-next{
position: absolute;
right: 20%;
top: 40%;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
font-size: 2.5rem;
padding: 1.25rem;
}
#experience #main-content .lightbox__img{
margin-left: auto;
margin-right: auto;
width: 80%;
}
@media (min-width: 768px){
#experience #main-content .lightbox__img{
width: 60%;
}
}
@media (min-width: 1024px){
#experience #main-content .lightbox__img{
width: 40%;
}
}
#experience #main-content .lightbox__img{
margin-top: 10rem;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
border-radius: 0.5rem;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#experience #main-content .experience-itinerary{
width: 100%;
}
@media (min-width: 640px){
#experience #main-content .experience-itinerary{
max-width: 640px;
}
}
@media (min-width: 768px){
#experience #main-content .experience-itinerary{
max-width: 768px;
}
}
@media (min-width: 1024px){
#experience #main-content .experience-itinerary{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#experience #main-content .experience-itinerary{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#experience #main-content .experience-itinerary{
max-width: 1550px;
}
}
#experience #main-content .experience-itinerary{
margin-left: auto;
margin-right: auto;
margin-top: 2.5rem;
}
#experience #main-content .experience-itinerary__content{
width: 100%;
}
@media (min-width: 1024px){
#experience #main-content .experience-itinerary__content{
width: 60%;
}
}
#experience #main-content .experience-itinerary__content h2{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
#experience #main-content .experience-itinerary__content .experience-summary{
--tw-bg-opacity: 1;
background-color: rgb(16 74 127 / var(--tw-bg-opacity, 1));
border-radius: 0.75rem;
margin-top: 2.5rem;
padding: 1.25rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
#experience #main-content .experience-itinerary__content .experience-summary__header{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#experience #main-content .experience-itinerary__content .experience-summary__header i{
font-size: 1.5rem;
}
#experience #main-content .experience-itinerary__content .experience-summary__body{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1280px){
#experience #main-content .experience-itinerary__content .experience-summary__body{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
#experience #main-content .experience-itinerary__content .experience-summary__body .experience-stage{
width: 100%;
}
#experience #main-content .experience-itinerary__content .experience-summary__body .experience-stage__name{
margin-top: 0.75rem;
}
#experience #main-content .experience-itinerary__content .experience-summary__body .experience-stage__line{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
padding-right: 0.5rem;
}
#experience #main-content .experience-itinerary__content .experience-summary__body .experience-stage__line hr{
margin-right: 0px;
}
@media (min-width: 768px){
#experience #main-content .experience-itinerary__content .experience-summary__body .experience-stage__line hr{
margin-right: 0.5rem;
}
}
#experience #main-content .experience-itinerary__content .experience-summary__body .experience-stage__line hr{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
#experience #main-content .experience-itinerary__content .experience-summary__body .experience-stage__km, #experience #main-content .experience-itinerary__content .experience-summary__body .experience-stage__time{
text-align: end;
}
@media (min-width: 1280px){
#experience #main-content .experience-itinerary__content .experience-summary__body .experience-stage__km, #experience #main-content .experience-itinerary__content .experience-summary__body .experience-stage__time{
text-align: start;
}
}
#experience #main-content .itinerary-accordion{
width: 100%;
}
@media (min-width: 640px){
#experience #main-content .itinerary-accordion{
max-width: 640px;
}
}
@media (min-width: 768px){
#experience #main-content .itinerary-accordion{
max-width: 768px;
}
}
@media (min-width: 1024px){
#experience #main-content .itinerary-accordion{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#experience #main-content .itinerary-accordion{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#experience #main-content .itinerary-accordion{
max-width: 1550px;
}
}
#experience #main-content .itinerary-accordion{
margin-left: auto;
margin-right: auto;
margin-top: 1.25rem;
}
#experience #main-content .itinerary-accordion__container{
width: 100%;
}
@media (min-width: 1024px){
#experience #main-content .itinerary-accordion__container{
width: 60%;
}
}
#experience #main-content .itinerary-accordion__container .container-day{
width: 100%;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
#experience #main-content .itinerary-accordion__container .container-day__heading{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
#experience #main-content .itinerary-accordion__container .container-day__heading .heading-col-start{
display: flex;
flex: 1 1 auto;
}
#experience #main-content .itinerary-accordion__container .container-day__heading .heading-col-start__day{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px){
#experience #main-content .itinerary-accordion__container .container-day__heading .heading-col-start__day{
margin-right: 1.5rem;
}
}
#experience #main-content .itinerary-accordion__container .container-day__heading .heading-col-start__day{
margin-right: 1rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
font-weight: 700;
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
min-width: 3.5rem;
height: 3.5rem;
padding: 0.75rem;
border-radius: 9999px;
text-align: center;
align-self: center;
}
#experience #main-content .itinerary-accordion__container .container-day__heading .heading-col-start__day p:nth-child(1){
font-size: 0.8rem;
margin-bottom: 0px;
}
#experience #main-content .itinerary-accordion__container .container-day__heading .heading-col-start__day p:nth-child(2){
font-size: 1.1rem;
margin-top: -5px;
}
#experience #main-content .itinerary-accordion__container .container-day__heading .heading-col-start__stage{
display: flex;
flex-direction: column;
text-align: start;
align-self: center;
}
#experience #main-content .itinerary-accordion__container .container-day__heading .heading-col-start__stage p:nth-child(1){
font-size: 1.1rem;
font-weight: 700;
}
#experience #main-content .itinerary-accordion__container .container-day__heading .heading-col-start__stage p:nth-child(2){
font-size: 0.8rem;
margin-top: 0px;
}
@media (min-width: 768px){
#experience #main-content .itinerary-accordion__container .container-day__heading .heading-col-start__stage p:nth-child(2){
margin-top: 0.5rem;
}
}
#experience #main-content .itinerary-accordion__container .container-day__heading .heading-col-end{
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
border-radius: 9999px;
}
#experience #main-content .itinerary-accordion__container .container-day__heading .heading-col-end:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
#experience #main-content .itinerary-accordion__container .container-day__heading .heading-col-end{
padding: 0.25rem;
}
#experience #main-content .itinerary-accordion__container .container-day__heading .heading-col-end div{
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transition-property: transform;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
padding-top: 0.5rem;
padding-left: 0.4rem;
padding-right: 0.4rem;
}
#experience #main-content .itinerary-accordion__container .container-day__heading .heading-col-end div i{
font-size: 1.5rem;
}
#experience #main-content .itinerary-accordion__container .container-day__summary{
margin-top: 1.5rem;
width: 100%;
max-height: 0px;
overflow: hidden;
transition-property: max-height;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
#experience #main-content .itinerary-accordion__container .container-day__summary p{
margin-left: 4rem;
}
@media (min-width: 768px){
#experience #main-content .itinerary-accordion__container .container-day__summary p{
margin-left: 5rem;
}
}
#experience #main-content .itinerary-accordion__container .container-day__summary p:nth-child(2){
margin-top: 1.25rem;
}
#experience #main-content .itinerary-accordion__container .container-day__summary.show{
max-height: 40rem;
}
.experience-gallery{
width: 100%;
}
@media (min-width: 640px){
.experience-gallery{
max-width: 640px;
}
}
@media (min-width: 768px){
.experience-gallery{
max-width: 768px;
}
}
@media (min-width: 1024px){
.experience-gallery{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.experience-gallery{
max-width: 1280px;
}
}
@media (min-width: 1550px){
.experience-gallery{
max-width: 1550px;
}
}
.experience-gallery{
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
width: 100%;
margin-top: 2.5rem;
}
.experience-gallery__content{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
.experience-gallery__content{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.experience-gallery__content{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
@media (min-width: 768px){
.experience-gallery__content{
padding-left: 0px;
padding-right: 0px;
}
}
.experience-gallery .gallery-col-start{
width: 100%;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.experience-gallery .gallery-col-start__first-item{
display: flex;
flex: 1 1 auto;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 1rem;
}
.experience-gallery .gallery-col-start__first-item .img-one{
width: 50%;
padding-right: 0.25rem;
}
.experience-gallery .gallery-col-start__first-item .img-one img{
border-radius: 0.25rem;
max-width: 100%;
height: auto;
}
.experience-gallery .gallery-col-start__first-item .img-two{
width: 50%;
padding-left: 0.25rem;
}
.experience-gallery .gallery-col-start__first-item .img-two img{
border-radius: 0.25rem;
max-width: 100%;
height: auto;
}
.experience-gallery .gallery-col-start__second-item{
width: 100%;
padding: 0px;
object-fit: cover;
height: 100%;
}
.experience-gallery .gallery-col-start__second-item img{
border-radius: 0.25rem;
max-width: 100%;
height: auto;
}
.experience-gallery .gallery-col-center{
width: 100%;
padding-left: 0px;
padding-right: 0px;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
@media (min-width: 768px){
.experience-gallery .gallery-col-center{
margin-top: 0px;
margin-bottom: 0px;
padding-left: 1rem;
padding-right: 1rem;
}
}
.experience-gallery .gallery-col-center img{
border-radius: 0.25rem;
max-width: 100%;
height: 100%;
object-fit: cover;
}
.experience-gallery .gallery-col-end{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.experience-gallery .gallery-col-end__first-item{
width: 100%;
object-fit: cover;
height: 100%;
padding-bottom: 1rem;
padding-left: 0px;
padding-right: 0px;
}
.experience-gallery .gallery-col-end__first-item img{
border-radius: 0.25rem;
height: 100%;
object-fit: cover;
}
.experience-gallery .gallery-col-end__second-item{
width: 100%;
object-fit: cover;
height: 100%;
}
.experience-gallery .gallery-col-end__second-item img{
border-radius: 0.25rem;
height: 100%;
object-fit: cover;
}
.interest-links, .section-send{
width: 100%;
}
@media (min-width: 640px){
.interest-links, .section-send{
max-width: 640px;
}
}
@media (min-width: 768px){
.interest-links, .section-send{
max-width: 768px;
}
}
@media (min-width: 1024px){
.interest-links, .section-send{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.interest-links, .section-send{
max-width: 1280px;
}
}
@media (min-width: 1550px){
.interest-links, .section-send{
max-width: 1550px;
}
}
.interest-links, .section-send{
margin-left: auto;
margin-right: auto;
margin-top: 1.25rem;
width: 100%;
}
.interest-links div, .section-send div{
width: 100%;
}
.interest-links div h2, .section-send div h2{
margin-top: 1.25rem;
}
.interest-links div .interest-links-container, .section-send div .interest-links-container{
width: 100%;
}
@media (min-width: 640px){
.interest-links div .interest-links-container, .section-send div .interest-links-container{
max-width: 640px;
}
}
@media (min-width: 768px){
.interest-links div .interest-links-container, .section-send div .interest-links-container{
max-width: 768px;
}
}
@media (min-width: 1024px){
.interest-links div .interest-links-container, .section-send div .interest-links-container{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.interest-links div .interest-links-container, .section-send div .interest-links-container{
max-width: 1280px;
}
}
@media (min-width: 1550px){
.interest-links div .interest-links-container, .section-send div .interest-links-container{
max-width: 1550px;
}
}
.interest-links div .interest-links-container, .section-send div .interest-links-container{
margin-top: 2.5rem;
}
.interest-links div .interest-links-container .links-items, .section-send div .interest-links-container .links-items{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 0.5rem;
}
@media (min-width: 768px){
.interest-links div .interest-links-container .links-items, .section-send div .interest-links-container .links-items{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.interest-links div .interest-links-container .links-items__item, .section-send div .interest-links-container .links-items__item{
border-radius: 0.75rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(242 242 242 / var(--tw-border-opacity, 1));
padding: 1rem;
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
font-weight: 500;
}
.interest-links div .interest-links-container .links-items__item .link-title, .section-send div .interest-links-container .links-items__item .link-title{
font-size: 1.1rem;
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
}
.interest-links div .interest-links-container .links-items__item .link-btn, .section-send div .interest-links-container .links-items__item .link-btn{
text-decoration-line: underline;
}
.interest-links div .interest-links-container .links-items__item .link-btn a, .section-send div .interest-links-container .links-items__item .link-btn a{
--tw-text-opacity: 1;
color: rgb(81 81 81 / var(--tw-text-opacity, 1));
}
.interest-links div .interest-links-container .links-items__item .link-btn a:hover, .section-send div .interest-links-container .links-items__item .link-btn a:hover{
--tw-text-opacity: 1;
color: rgb(122 131 130 / var(--tw-text-opacity, 1));
}
.interest-links div .section-send-container, .section-send div .section-send-container{
width: 100%;
}
@media (min-width: 640px){
.interest-links div .section-send-container, .section-send div .section-send-container{
max-width: 640px;
}
}
@media (min-width: 768px){
.interest-links div .section-send-container, .section-send div .section-send-container{
max-width: 768px;
}
}
@media (min-width: 1024px){
.interest-links div .section-send-container, .section-send div .section-send-container{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.interest-links div .section-send-container, .section-send div .section-send-container{
max-width: 1280px;
}
}
@media (min-width: 1550px){
.interest-links div .section-send-container, .section-send div .section-send-container{
max-width: 1550px;
}
}
.interest-links div .section-send-container, .section-send div .section-send-container{
margin-top: 2.5rem;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 768px){
.interest-links div .section-send-container, .section-send div .section-send-container{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
.interest-links div .section-send-container, .section-send div .section-send-container{
gap: 1.5rem;
}
.interest-links div .section-send-container__col-digital, .section-send div .section-send-container__col-digital{
grid-column: span 5 / span 5;
}
@media (min-width: 1024px){
.interest-links div .section-send-container__col-digital, .section-send div .section-send-container__col-digital{
grid-column: span 2 / span 2;
}
}
.interest-links div .section-send-container__col-digital, .section-send div .section-send-container__col-digital{
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
border-radius: 0.5rem;
padding: 2.5rem;
}
.interest-links div .section-send-container__col-digital .header-card-send, .section-send div .section-send-container__col-digital .header-card-send{
display: flex;
justify-content: space-between;
}
.interest-links div .section-send-container__col-digital .header-card-send__icon, .section-send div .section-send-container__col-digital .header-card-send__icon{
font-size: 2rem;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
padding: 5px;
}
.interest-links div .section-send-container__col-digital .header-card-send__price, .section-send div .section-send-container__col-digital .header-card-send__price{
font-weight: 600;
align-self: center;
}
.interest-links div .section-send-container__col-digital .title-send-type, .section-send div .section-send-container__col-digital .title-send-type{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
margin-top: 1.25rem;
margin-bottom: 1.25rem;
font-weight: 600;
}
.interest-links div .section-send-container__col-digital .content-send-type, .section-send div .section-send-container__col-digital .content-send-type{
font-size: 0.8rem;
margin-bottom: 0.75rem;
}
.interest-links div .section-send-container__col-mail, .section-send div .section-send-container__col-mail{
grid-column: span 5 / span 5;
}
@media (min-width: 1024px){
.interest-links div .section-send-container__col-mail, .section-send div .section-send-container__col-mail{
grid-column: span 3 / span 3;
}
}
.interest-links div .section-send-container__col-mail, .section-send div .section-send-container__col-mail{
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
border-radius: 0.5rem;
padding: 2.5rem;
}
.interest-links div .section-send-container__col-mail .header-card-send, .section-send div .section-send-container__col-mail .header-card-send{
display: flex;
justify-content: space-between;
}
.interest-links div .section-send-container__col-mail .header-card-send__icon, .section-send div .section-send-container__col-mail .header-card-send__icon{
font-size: 2.5rem;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
}
.interest-links div .section-send-container__col-mail .header-card-send__price, .section-send div .section-send-container__col-mail .header-card-send__price{
font-weight: 600;
align-self: center;
}
.interest-links div .section-send-container__col-mail .body-card-send, .section-send div .section-send-container__col-mail .body-card-send{
display: flex;
flex-direction: column;
}
.interest-links div .section-send-container__col-mail .body-card-send__title, .section-send div .section-send-container__col-mail .body-card-send__title{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
margin-top: 1.25rem;
margin-bottom: 1.25rem;
font-weight: 600;
}
.interest-links div .section-send-container__col-mail .body-card-send__content, .section-send div .section-send-container__col-mail .body-card-send__content{
font-size: 0.8rem;
margin-bottom: 0.75rem;
}
.interest-links div .section-send-container__col-mail .content-box, .section-send div .section-send-container__col-mail .content-box{
display: flex;
margin-top: 1.25rem;
}
.interest-links div .section-send-container__col-mail .content-box__title, .section-send div .section-send-container__col-mail .content-box__title{
font-size: 0.8rem;
align-self: center;
font-weight: 600;
}
.interest-links div .section-send-container__col-mail .content-box__item, .section-send div .section-send-container__col-mail .content-box__item{
display: flex;
flex-direction: column;
text-align: center;
}
.interest-links div .section-send-container__col-mail .content-box__item__icon, .section-send div .section-send-container__col-mail .content-box__item__icon{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
font-size: 2rem;
}
.interest-links div .section-send-container__col-mail .content-box__item__name, .section-send div .section-send-container__col-mail .content-box__item__name{
font-size: 0.8rem;
}
.section-faqs{
display: flex;
flex-direction: column;
}
@media (min-width: 768px){
.section-faqs{
flex-direction: row;
}
}
.section-faqs{
gap: 2.5rem;
}
.section-faqs__categories{
width: 100%;
}
@media (min-width: 768px){
.section-faqs__categories{
width: 33.333333%;
}
}
.section-faqs__categories{
padding: 1rem;
}
.section-faqs__categories .btn-section-faqs{
display: flex;
justify-content: space-between;
width: 100%;
text-align: left;
font-weight: 700;
font-size: 1.125rem;
line-height: 1.75rem;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
margin-top: 0.5rem;
}
.section-faqs__categories .btn-section-faqs span{
--tw-text-opacity: 1;
color: rgb(246 137 36 / var(--tw-text-opacity, 1));
}
.section-faqs__categories .content-btn-section-faqs{
margin-left: 1rem;
margin-top: 0.5rem;
}
.section-faqs__categories .content-btn-section-faqs > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.section-faqs__content{
width: 100%;
}
@media (min-width: 768px){
.section-faqs__content{
width: 66.666667%;
}
}
.section-faqs__content{
padding: 1.5rem;
}
.section-faqs__content h5{
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 2.5rem;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
}
.section-faqs__content .list-services-included{
margin: 1.5rem;
}
.section-faqs__content .list-services-included li{
display: flex;
gap: 0.5rem;
}
.section-faqs__content .list-services-included li span{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
font-size: 1.5rem;
}
.section-faqs__content .list-services-included li p{
align-self: center;
}
.banner-box{
border-radius: 0.5rem;
display: flex;
flex-direction: column;
}
@media (min-width: 1024px){
.banner-box{
flex-direction: row;
}
}
.banner-box{
gap: 1.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
padding: 2.5rem;
position: relative;
}
.banner-box__img{
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
width: 80%;
margin-left: 0px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1024px){
.banner-box__img{
width: 33.333333%;
margin-left: 12rem;
}
}
.banner-box__img{
position: relative;
}
@media (min-width: 1024px){
.banner-box__img{
position: absolute;
top: -2rem;
}
}
.banner-box__img{
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 1024px){
.banner-box__img{
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
.banner-box__img{
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
z-index: 10;
}
.banner-box__img img{
padding: 2rem;
}
@media (min-width: 1024px){
.banner-box__img img{
padding: 3.5rem;
}
}
.banner-box__info{
padding-left: 0.5rem;
padding-right: 0.5rem;
}
@media (min-width: 1024px){
.banner-box__info{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
}
.banner-box__info{
margin-left: 0px;
}
@media (min-width: 1024px){
.banner-box__info{
margin-left: 24rem;
}
}
.banner-box__info__title{
font-size: 1.5rem;
font-weight: 600;
}
.banner-box__info__text{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.banner-box__btn{
align-self: flex-end;
}
.banner-box__btn button{
border-radius: 0.375rem;
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
padding-left: 2.5rem;
padding-right: 2.5rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
text-align: center;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
font-weight: 600;
width: 12rem;
}
.category-title{
text-transform: uppercase;
font-family: 'Rasa';
--tw-text-opacity: 1;
color: rgb(84 93 92 / var(--tw-text-opacity, 1));
}
/**
* Vista de home
*/
#newHome #hero-home #primary-app {
margin-top: -75px;
}
#newHome #hero-home .content-home .banner-planner-web{
background-color: rgba(200,200,200,0.7);
}
@media (min-width: 1280px){
#newHome #hero-home .content-home .banner-planner-web{
background-color: rgba(255,255,255,0);
}
}
#newHome #hero-home .content-home .banner-planner-web{
width: 95%;
}
@media (min-width: 768px){
#newHome #hero-home .content-home .banner-planner-web{
width: 90%;
}
}
@media (min-width: 1024px){
#newHome #hero-home .content-home .banner-planner-web{
width: 80%;
}
}
@media (min-width: 1280px){
#newHome #hero-home .content-home .banner-planner-web{
width: 100%;
}
}
#newHome #hero-home .content-home .banner-planner-web{
margin-left: auto;
margin-right: auto;
}
#newHome #hero-home .content-home .p-banner-seacher{
padding-left: 0px !important;
padding-right: 0px !important;
}
#newHome #hero-home .content-home .p-banner-seacher .p-intro-form__header .p-checkbox {
margin-top: 40px;
}
#newHome #hero-home .banner-content, #newHome #hero-home .promo-content{
width: 37%;
}
@media (max-width: 1550px) {
#newHome #hero-home .banner-content{
width: 42%;
}
#newHome #hero-home .promo-content{
width: 43%;
}
}
@media (max-width: 1180px) {
#newHome #hero-home .way-awaits{
margin-top: 0.875rem;
}
}
@media (max-width: 933px) {
#newHome #hero-home .banner-content, #newHome #hero-home .promo-content{
width: 100%;
}
#newHome #hero-home .way-awaits{
margin-top: 0px;
}
}
/**
* Slider para ver 2 cards por diapositiva y en móvil scroll horizontal con barra
*/
#newHome #experiences-home .container-slider, #newHome #experiences-home .container-slider-opinions{
max-width: 100%;
overflow: hidden;
position: relative;
}
#newHome #experiences-home .card-list, #newHome #experiences-home .card-list-opinion{
display: flex;
list-style-type: none;
transition-property: transform;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
width: 100%;
}
#newHome #experiences-home .card-list--less-gap, #newHome #experiences-home .card-list-opinion--less-gap{
gap: 2rem;
}
#newHome #experiences-home .card-list--more-gap, #newHome #experiences-home .card-list-opinion--more-gap{
gap: 3rem;
}
/* Cada tarjeta ocupa un tercio del espacio visible menos el gap */
#newHome #experiences-home .card-item, #newHome #experiences-home .card-item-opinions{
flex-shrink: 0;
box-sizing: border-box;
}
#newHome #experiences-home .card-item--min, #newHome #experiences-home .card-item-opinions--min {
width: calc((100% / 2) - (2rem / 2));
}
#newHome #experiences-home .card-item--max, #newHome #experiences-home .card-item-opinions--max {
width: calc((100% / 4) - (2rem / 4));
}
#newHome #experiences-home .slide-button, #newHome #experiences-home .slide-button-opinions{
position: absolute;
top: 50%;
outline: 2px solid transparent;
outline-offset: 2px;
border-style: none;
height: 2.5rem;
width: 2.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
cursor: pointer;
font-size: 1.5rem;
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
align-items: center;
justify-content: center;
border-radius: 9999px;
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
z-index: 20;
}
#newHome #experiences-home #prev-slide-experiences, #newHome #experiences-home #prev-slide-opinions{
left: -1.25rem;
}
#newHome #experiences-home #prev-slide-experiences div, #newHome #experiences-home #prev-slide-opinions div{
margin-right: 0.25rem;
}
#newHome #experiences-home #next-slide-experiences, #newHome #experiences-home #next-slide-opinions{
right: -1.25rem;
}
#newHome #experiences-home .slider-indicators{
display: flex;
justify-content: center;
gap: 0.5rem;
margin-top: 1.25rem;
}
#newHome #experiences-home .indicator{
width: 0.5rem;
height: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
border-radius: 9999px;
cursor: pointer;
}
#newHome #experiences-home .indicator.active{
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
}
@media (max-width: 620px) {
#newHome #experiences-home {
/* Activar desplazamiento horizontal y snapping */
}
#newHome #experiences-home .slide-button, #newHome #experiences-home .slider-indicators, #newHome #experiences-home .slide-button-opinions{
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#newHome #experiences-home .slide-button)) > div:not(.p-hidden),#navStage > div #locationsSection .grid-container:has(> div:not( #newHome #experiences-home .slider-indicators)) > div:not(.p-hidden),#navStage > div #locationsSection .grid-container:has(> div:not( #newHome #experiences-home .slide-button-opinions)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#newHome #experiences-home .slide-button):nth-of-type(2))
> div:not(.p-hidden),#navStage > div #locationsSection .grid-container:has(> div:not( #newHome #experiences-home .slider-indicators):nth-of-type(2))
> div:not(.p-hidden),#navStage > div #locationsSection .grid-container:has(> div:not( #newHome #experiences-home .slide-button-opinions):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
#newHome #experiences-home .card-list, #newHome #experiences-home .card-list-opinion{
overflow-x: auto;
scroll-snap-type: x var(--tw-scroll-snap-strictness);
--tw-scroll-snap-strictness: mandatory;
}
#newHome #experiences-home .card-list::-webkit-scrollbar, #newHome #experiences-home .card-list-opinion::-webkit-scrollbar{
height: 0.5rem;
}
#newHome #experiences-home .card-list::-webkit-scrollbar-thumb, #newHome #experiences-home .card-list-opinion::-webkit-scrollbar-thumb{
--tw-bg-opacity: 1;
background-color: rgb(84 93 92 / var(--tw-bg-opacity, 1));
border-radius: 9999px;
}
#newHome #experiences-home .card-list::-webkit-scrollbar-track, #newHome #experiences-home .card-list-opinion::-webkit-scrollbar-track{
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
#newHome #experiences-home .card-list, #newHome #experiences-home .card-list-opinion{
padding-bottom: 1.25rem;
}
#newHome #experiences-home .card-list--less-gap, #newHome #experiences-home .card-list-opinion--less-gap{
gap: 2rem;
}
#newHome #experiences-home .card-item, #newHome #experiences-home .card-item-opinions{
display: flex;
justify-content: center;
width: 88%;
}
}
.nav-tab-home{
overflow-x: auto !important;
white-space: nowrap !important;
overflow-y: hidden !important;
display: flex !important;
gap: 1.25rem !important;
}
@media (min-width: 768px){
.nav-tab-home{
gap: 0px !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
}
.nav-tab-home{
border-width: 0px !important;
}
@media (min-width: 768px){
.nav-tab-home{
border-bottom-width: 1px !important;
}
}
.nav-tab-home{
--tw-border-opacity: 1 !important;
border-color: rgb(242 242 242 / var(--tw-border-opacity, 1)) !important;
margin-bottom: 1rem !important;
justify-content: space-around !important;
width: 100% !important;
}
/**
* Página opiniones
*/
#opinionsPage section p{
margin-top: 0.75rem;
margin-bottom: 1rem;
text-wrap: wrap;
}
#opinionsPage .hero{
display: grid;
gap: 1rem;
}
@media (min-width: 768px){
#opinionsPage .hero{
gap: 4rem;
}
}
#opinionsPage .hero{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#opinionsPage .hero{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
#opinionsPage .hero{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
#opinionsPage .hero img{
object-fit: cover;
border-radius: 0.5rem;
grid-column: span 1 / span 1;
}
#opinionsPage .hero article{
grid-column: span 1 / span 1;
}
@media (min-width: 1024px){
#opinionsPage .hero article{
grid-column: span 3 / span 3;
}
}
#opinionsPage .hero article a{
text-decoration-line: underline;
}
#opinionsPage .opinions{
display: flex;
flex-direction: column;
align-items: center;
}
#opinionsPage .opinions .opinions-grid{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#opinionsPage .opinions .opinions-grid{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
#opinionsPage .opinions .opinions-grid{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
#opinionsPage .opinions .opinions-grid{
gap: 1.5rem;
margin-top: 3rem;
margin-bottom: 3rem;
}
#opinionsPage .opinions .btn--primary{
display: flex;
align-items: center;
gap: 0.5rem;
}
#opinionsPage .why{
max-width: none;
width: 99vw;
position: relative;
left: 50%;
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
#opinionsPage .why__content{
display: grid;
align-items: center;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#opinionsPage .why__content{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
#opinionsPage .why__content{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
#opinionsPage .why__content{
gap: 1.5rem;
padding-top: 2.5rem;
}
#opinionsPage .why__reasons{
grid-column: span 1 / span 1;
}
@media (min-width: 768px){
#opinionsPage .why__reasons{
grid-column: span 3 / span 3;
}
}
#opinionsPage .why__reasons{
padding-top: 0px;
}
@media (min-width: 768px){
#opinionsPage .why__reasons{
padding-top: 4rem;
}
}
#opinionsPage .why__reasons{
width: 100%;
}
@media (min-width: 768px){
#opinionsPage .why__reasons{
width: 66.666667%;
}
}
#opinionsPage .why__reasons p{
--tw-text-opacity: 1;
color: rgb(81 81 81 / var(--tw-text-opacity, 1));
}
#opinionsPage .why__reasons ul{
display: flex;
flex-direction: column;
gap: 1rem;
}
#opinionsPage .why__reasons ul li{
display: flex;
align-items: center;
gap: 1rem;
}
#opinionsPage .why__reasons ul li i{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
}
#opinionsPage .why .planner{
grid-column: span 2 / span 2;
}
/**
* Vista de la home de planificar
*/
#heroPlannig .main-content{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px){
#heroPlannig .main-content{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
#heroPlannig .main-content{
gap: 1.25rem;
}
#heroPlannig .main-content__col-map{
grid-column: span 1 / span 1;
}
@media (min-width: 1024px){
#heroPlannig .main-content__col-map{
grid-column: span 3 / span 3;
}
}
#heroPlannig .main-content__col-map img{
width: 100%;
object-fit: cover;
border-radius: 0.5rem;
height: 100%;
}
#heroPlannig .main-content__col-planner{
grid-column: span 1 / span 1;
}
@media (min-width: 1024px){
#heroPlannig .main-content__col-planner{
grid-column: span 2 / span 2;
}
}
#allWays .subtitle{
padding-bottom: 1.25rem;
padding-top: 0.5rem;
}
#allWays .container-all-ways{
display: flex;
flex-wrap: nowrap;
}
#allWays .container-all-ways > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
#allWays .container-all-ways{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
overflow-x: auto;
}
@media (min-width: 768px){
#allWays .container-all-ways{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
#allWays .container-all-ways{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 768px){
#allWays .container-all-ways{
gap: 1.5rem;
}
#allWays .container-all-ways > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(0px * var(--tw-space-x-reverse));
margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
#allWays .container-all-ways{
overflow: hidden;
}
}
#howToMake{
margin-top: 6rem;
margin-bottom: 6rem;
}
#howToMake .how-to-make-title{
margin-top: 2.5rem;
margin-bottom: 2.5rem;
display: grid;
justify-content: center;
text-align: center;
}
#howToMake .how-to-make-title div{
display: flex;
justify-content: center;
}
#howToMake .how-to-make-title div hr{
width: 1.75rem;
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
height: 0.25rem;
border-width: 0px;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
#howToMake .how-to-make-title h2{
margin-bottom: 0.5rem;
}
#howToMake .how-to-make-title p{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
#tipshistory{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px){
#tipshistory{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
#tipshistory{
gap: 2rem;
margin-bottom: 5rem;
}
#tipshistory .tips-col img, #tipshistory .history-col img{
border-radius: 0.5rem;
object-fit: cover;
object-position: center;
height: 20rem;
width: 100%;
}
#tipshistory .tips-col h2, #tipshistory .history-col h2{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
#tipshistory .tips-col__content, #tipshistory .history-col__content{
width: 100%;
}
@media (min-width: 768px){
#tipshistory .tips-col__content, #tipshistory .history-col__content{
width: 50%;
}
}
#tipshistory .tips-col__content a div, #tipshistory .history-col__content a div{
display: flex;
justify-content: space-between;
}
#tipshistory .tips-col__content a div i, #tipshistory .history-col__content a div i{
align-self: center;
}
#tipshistory .tips-col__content a hr, #tipshistory .history-col__content a hr{
height: 0.25rem;
width: 100%;
--tw-text-opacity: 1;
color: rgb(217 217 217 / var(--tw-text-opacity, 1));
margin-top: 0.5rem;
margin-bottom: 1.5rem;
}
#tipshistory .tips-col__list-history, #tipshistory .history-col__list-history{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#tipshistory .tips-col__list-history, #tipshistory .history-col__list-history{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
#tipshistory .tips-col__list-history, #tipshistory .history-col__list-history{
gap: 2rem;
}
#tipshistory .tips-col__list-history a div, #tipshistory .history-col__list-history a div{
display: flex;
justify-content: space-between;
}
#tipshistory .tips-col__list-history a div i, #tipshistory .history-col__list-history a div i{
align-self: center;
}
#tipshistory .tips-col__list-history a hr, #tipshistory .history-col__list-history a hr{
height: 0.25rem;
width: 100%;
--tw-text-opacity: 1;
color: rgb(217 217 217 / var(--tw-text-opacity, 1));
margin-top: 0.5rem;
margin-bottom: 1.5rem;
}
/**
* Vista planificar antes, durante y al llegar
*/
.p-collapsible {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-in-out;
}
.p-expanded {
max-height: 500px;
}
.p-hidden {
display: none;
}
/**
* Vista planificar como llegar a los diferentes puntos
*/
#start-points .title{
text-align: start;
margin-bottom: 1.25rem;
}
#start-points .container{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
}
#start-points .container .accordion-btn{
width: 100%;
padding: 1rem;
text-align: left;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
#start-points .container .accordion-btn:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
#start-points .container .accordion-btn__question{
display: flex;
justify-content: space-between;
align-items: center;
}
#start-points .container .accordion-btn__question span{
font-size: 1.5rem;
--tw-text-opacity: 1;
color: rgb(246 137 36 / var(--tw-text-opacity, 1));
}
#start-points .container .accordion-btn hr{
margin-bottom: 1rem;
height: 0.25rem;
width: 100%;
--tw-text-opacity: 1;
color: rgb(217 217 217 / var(--tw-text-opacity, 1));
margin-top: 0.5rem;
margin-bottom: 0px;
}
#start-points .container .accordion-content{
padding-left: 1rem;
max-height: 0px;
overflow: hidden;
transition-property: all;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
padding-top: 0px;
padding-bottom: 0px;
}
#start-points .container .accordion-content.show{
padding-top: 1rem;
padding-bottom: 1rem;
}
/**
* Página planificar (Historia, Códice, Apóstol, etc)
*/
#planifyPage{
width: 100%;
}
@media (min-width: 640px){
#planifyPage{
max-width: 640px;
}
}
@media (min-width: 768px){
#planifyPage{
max-width: 768px;
}
}
@media (min-width: 1024px){
#planifyPage{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#planifyPage{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#planifyPage{
max-width: 1550px;
}
}
#planifyPage{
margin-left: auto;
margin-right: auto;
display: grid;
}
#planifyPage .navigation{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#planifyPage .navigation{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
#planifyPage .navigation{
gap: 1rem;
padding-bottom: 1rem;
}
#planifyPage .navigation article{
display: flex;
--tw-bg-opacity: 1;
background-color: rgb(238 241 220 / var(--tw-bg-opacity, 1));
border-radius: 0.5rem;
padding: 1rem;
grid-column: span 1 / span 1;
}
#planifyPage .navigation article i{
padding-left: 1rem;
padding-right: 1rem;
font-size: 4.5rem;
line-height: 1;
}
#planifyPage .navigation article ul{
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 0.5rem;
}
#planifyPage .navigation article ul li{
font-weight: 600;
font-size: 0.8rem;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
#planifyPage .navigation article ul li:hover{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
}
#planifyPage .planify-content{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#planifyPage .planify-content{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
#planifyPage .planify-content{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 768px){
#planifyPage .planify-content{
gap: 1rem;
}
}
#planifyPage .planify-content section{
grid-column: span 2 / span 2;
}
#planifyPage .planify-content section p:not(#bikeExperiences p), #planifyPage .planify-content section h2{
margin-top: 0.75rem;
margin-bottom: 1rem;
text-wrap: wrap;
}
#planifyPage .planify-content section h3:not(#bikeExperiences h3){
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-size: 1.25rem;
}
#planifyPage .planify-content section h4{
margin-top: 1rem;
}
#planifyPage .planify-content section .video{
margin-top: 1rem;
}
#planifyPage .planify-content section a:not(button a):not(.planner a):not(#bikeExperiences a):not(#shortcode-others-ways a){
text-decoration-line: underline;
}
#planifyPage .planify-content section p:last-of-type:not(:only-of-type){
margin-bottom: 0px;
}
#planifyPage .planify-content section table{
width: 100%;
border-collapse: collapse;
text-align: left;
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border-radius: 0.5rem;
overflow: hidden;
}
#planifyPage .planify-content section table thead{
--tw-bg-opacity: 1;
background-color: rgb(16 74 127 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
font-weight: 700;
}
#planifyPage .planify-content section table th[scope="row"]{
--tw-text-opacity: 1;
color: rgb(81 81 81 / var(--tw-text-opacity, 1));
}
#planifyPage .planify-content section table th,#planifyPage .planify-content section table td{
padding-left: 0.5rem;
padding-right: 0.5rem;
}
@media (min-width: 768px){
#planifyPage .planify-content section table th,#planifyPage .planify-content section table td{
padding-left: 1rem;
padding-right: 1rem;
}
}
#planifyPage .planify-content section table th,#planifyPage .planify-content section table td{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(122 131 130 / var(--tw-border-opacity, 1));
}
#planifyPage .planify-content section table tbody{
--tw-text-opacity: 1;
color: rgb(122 131 130 / var(--tw-text-opacity, 1));
}
#planifyPage .planify-content section table tbody tr:last-child th,#planifyPage .planify-content section table tbody tr:last-child td{
border-bottom-width: 0px;
}
#planifyPage .planify-content section table tbody tr:nth-child(even){
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
#planifyPage .planify-content section table .first-column{
font-weight: 700;
font-size: 1.125rem;
line-height: 1.75rem;
}
#planifyPage .planify-content section .grid-dates{
display: grid;
gap: 1rem;
margin-top: 1rem;
margin-bottom: 1rem;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 640px){
#planifyPage .planify-content section .grid-dates{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 768px){
#planifyPage .planify-content section .grid-dates{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
#planifyPage .planify-content section .grid-dates > div{
display: flex;
align-items: center;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border-radius: 0.5rem;
padding: 1rem;
gap: 1rem;
}
#planifyPage .planify-content section .grid-dates > div div:first-child{
margin: 0px;
padding-left: 0.5rem;
padding-right: 0.5rem;
display: flex;
flex-direction: column;
align-items: center;
}
#planifyPage .planify-content section .grid-dates > div div:first-child p{
font-weight: 700;
font-size: 1.5rem;
margin: 0px;
}
#planifyPage .planify-content section .grid-dates > div div:first-child span{
font-size: 0.8rem;
--tw-text-opacity: 1;
color: rgb(84 93 92 / var(--tw-text-opacity, 1));
text-transform: uppercase;
}
#planifyPage .planify-content section .grid-dates > div div:last-child{
display: flex;
align-items: center;
gap: 0.5rem;
width: 100%;
}
#planifyPage .planify-content section .grid-dates > div div:last-child p{
margin: 0px;
}
#planifyPage .planify-content section .grid-dates > div div:last-child i{
margin-left: auto;
font-size: 1.5rem;
}
#planifyPage .planify-content img{
grid-column: span 2 / span 2;
width: 100%;
height: 100%;
border-radius: 0.5rem;
margin-bottom: 1rem;
}
@media (min-width: 1024px){
#planifyPage .planify-content img{
margin-bottom: 0px;
}
}
#planifyPage .planify-content img{
margin-left: auto;
margin-right: auto;
display: block;
object-fit: cover;
}
#planifyPage .planify-content__hero{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px){
#planifyPage .planify-content__hero{
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
}
}
@media (min-width: 768px){
#planifyPage .planify-content__hero{
grid-column: span 2 / span 2;
}
}
@media (min-width: 1024px){
#planifyPage .planify-content__hero{
grid-column: span 3 / span 3 !important;
}
}
#planifyPage .planify-content__hero{
padding-bottom: 0px;
}
#planifyPage .planify-content__hero .planner{
padding-top: 1rem;
}
@media (min-width: 768px){
#planifyPage .planify-content__hero .planner{
padding-top: 0px;
}
}
#planifyPage .planify-content__content ul{
list-style-type: disc;
margin-left: 20px;
display: grid;
gap: 0.5rem;
}
#planifyPage .planify-content__content section:first-child{
border-top-width: 1px;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(122 131 130 / var(--tw-border-opacity, 1));
padding-top: 1rem;
padding-bottom: 1rem;
margin-top: 2rem;
margin-bottom: 2rem;
grid-column: span 2 / span 2;
}
#planifyPage .planify-content__content section:first-child h3:not(#bikeExperiences h3){
font-weight: 600;
padding: 1rem;
display: inline-block;
text-transform: uppercase;
}
#planifyPage .planify-content__content section:first-child ul{
padding-left: 2rem;
}
#planifyPage .planify-content__content section:first-child ul li{
margin-bottom: 1rem;
list-style-type: decimal;
text-decoration-line: underline;
}
#planifyPage .planify-content__content section:first-child ul{
margin-left: 0px;
}
#planifyPage .planify-content__content img:not(#bikeExperiences img){
margin-top: 2rem;
}
#planifyPage .planify-content__content section:nth-child(2){
display: flex;
flex-direction: column;
}
#planifyPage .planify-content__content section:nth-child(2) p > a{
text-decoration-line: underline;
}
#planifyPage .planify-content__content section:nth-child(2) .be-interesting{
border-width: 1px;
border-radius: 0.5rem;
--tw-border-opacity: 1;
border-color: rgb(167 188 47 / var(--tw-border-opacity, 1));
width: fit-content;
padding: 0.5rem;
margin-top: 2rem;
}
#planifyPage .planify-content__content section:nth-child(2) .be-interesting a{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
text-decoration-line: none;
}
#planifyPage .planify-content__content section:nth-child(2) .be-interesting a:hover{
text-decoration-line: underline;
}
#planifyPage .planify-content__content section:nth-child(2) div:not(:last-child) .be-interesting{
margin-bottom: 2rem;
}
#planifyPage .planify-content__content section:nth-child(2) div{
display: flex;
justify-content: center;
gap: 0.25rem;
}
#planifyPage .img-bike{
height: auto !important;
}
#planifyPage .planner-contact{
padding: 2.5rem;
--tw-bg-opacity: 1;
background-color: rgb(16 74 127 / var(--tw-bg-opacity, 1));
margin-top: 2.5rem;
margin-bottom: 2.5rem;
width: 100%;
}
@media (min-width: 768px){
#planifyPage .planner-contact{
width: 50%;
}
}
#planifyPage .planner-contact{
margin-left: auto;
margin-right: auto;
}
#planifyPage .planner-contact__title{
text-align: center;
font-size: 1.25rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
#planifyPage .planner-contact__subtitle{
text-align: center;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
#planifyPage .planner-contact input{
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
#policies > p, #policies ul, #policies ol, #policies li, #policies h1, #policies h2, #policies h3, #policies div{
margin-bottom: 1rem;
}
#policies h3{
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-size: 1.5rem;
}
#policies a{
text-decoration-line: underline;
}
#policies ul{
list-style-type: disc;
margin-left: 20px;
}
#searchPage{
margin-left: 1rem;
margin-right: 1rem;
margin-bottom: 5rem;
}
#searchPage .content #searchSection{
width: 100%;
}
@media (min-width: 1280px){
#searchPage .content #searchSection{
max-width: 80rem;
}
}
#searchPage .content #searchSection{
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
margin-bottom: 1.5rem;
}
#searchPage .content #searchSection > div{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px){
#searchPage .content #searchSection > div{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
#searchPage .content #searchSection > div{
margin-top: 1rem;
}
@media (min-width: 1024px){
#searchPage .content #searchSection > div{
gap: 3rem;
}
}
#searchPage .content #searchSection .results{
grid-column: span 3 / span 3;
width: 100%;
}
#searchPage .content #searchSection .results a{
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
#searchPage .content #searchSection .results a span{
margin-left: 0.25rem;
}
#searchPage .content #searchSection .results .p-spinner{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
}
#searchPage .content #searchSection #pagination-controls{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 0.5rem;
}
#searchPage .content #searchSection #pagination-controls #prev-button{
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(16 74 127 / var(--tw-bg-opacity, 1));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
border-radius: 9999px;
}
#searchPage .content #searchSection #pagination-controls #next-button{
--tw-bg-opacity: 1;
background-color: rgb(16 74 127 / var(--tw-bg-opacity, 1));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
border-radius: 9999px;
}
#searchPage .content #searchSection .form-search{
grid-column: span 1 / span 1;
--tw-bg-opacity: 1;
background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
display: flex;
flex-direction: column;
width: 100%;
gap: 1rem;
}
@media (min-width: 1024px){
#searchPage .content #searchSection .form-search{
gap: 4rem;
}
}
#searchPage .content #searchSection .form-search{
margin-top: 1rem;
}
@media (min-width: 1024px){
#searchPage .content #searchSection .form-search{
margin-top: 0px;
}
}
#searchPage .content #searchSection .form-search{
margin-bottom: 0px;
}
@media (min-width: 1024px){
#searchPage .content #searchSection .form-search{
margin-bottom: 3rem;
}
}
#searchPage .content #searchSection .form-search{
margin-top: 3rem;
}
@media (min-width: 1024px){
#searchPage .content #searchSection .form-search{
margin-top: 0px;
}
}
#searchPage .content #searchSection .form-search{
padding: 2rem;
border-radius: 0.5rem;
}
#searchPage .content #searchSection .form-search__text{
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
gap: 1rem;
}
#searchPage .content #searchSection .form-search__text p:first-of-type{
font-weight: 700;
}
#searchPage .content #searchSection .form-search form{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
align-self: center;
margin: 0px;
display: flex;
}
#searchPage .content #searchSection .form-search form input{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1.25rem;
padding-right: 0.5rem;
width: 90%;
border-style: none;
outline: 2px solid transparent;
outline-offset: 2px;
}
#searchPage .content #searchSection .form-search form input:focus{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-color: inherit;
}
#searchPage .content #searchSection .form-search form button{
font-size: 1.25rem;
margin-right: 1rem;
}
#searchPage .content #helperSearchSection{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
#searchPage .content #helperSearchSection .grid{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#searchPage .content #helperSearchSection .grid{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
#searchPage .content #helperSearchSection .grid{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
#searchPage .content #helperSearchSection .grid{
gap: 2rem;
margin-top: 3rem;
margin-bottom: 3rem;
}
#searchPage .content #helperSearchSection .grid .faqs-section .title{
display: flex;
gap: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(238 241 220 / var(--tw-bg-opacity, 1));
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 600;
text-align: start;
width: 100%;
min-height: 105px;
border-radius: 0.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
#searchPage .content #helperSearchSection .grid .faqs-section .title span{
font-size: 3rem;
}
#searchPage .content #helperSearchSection .grid .faqs-section .title h3{
align-self: center;
}
#searchPage .content #helperSearchSection .grid .faqs-section .faqs{
display: flex;
flex-direction: column;
text-align: start;
justify-content: flex-start;
position: relative;
margin-top: 1.5rem;
flex: 1;
}
#searchPage .content #helperSearchSection .grid .faqs-section .faqs .faqsQuestion{
position: relative;
display: flex;
flex-direction: column;
}
#searchPage .content #helperSearchSection .grid .faqs-section .faqs .faqsQuestion__title{
display: flex;
justify-content: space-between;
cursor: pointer;
}
#searchPage .content #helperSearchSection .grid .faqs-section .faqs .faqsQuestion__title span{
align-self: center;
display: inline-flex;
justify-content: center;
align-items: center;
min-height: 1.25rem;
min-width: 1.25rem;
transition: transform 0.3s ease;
}
#searchPage .content #helperSearchSection .grid .faqs-section .faqs .faqsQuestion__content{
display: inline-block;
opacity: 0;
max-height: 0px;
overflow-y: scroll;
}
#searchPage .content #helperSearchSection .grid .faqs-section .faqs .faqsQuestion__content::-webkit-scrollbar{
height: 0.5rem;
}
#searchPage .content #helperSearchSection .grid .faqs-section .faqs .faqsQuestion__content::-webkit-scrollbar-thumb{
--tw-bg-opacity: 1;
background-color: rgb(84 93 92 / var(--tw-bg-opacity, 1));
border-radius: 9999px;
}
#searchPage .content #helperSearchSection .grid .faqs-section .faqs .faqsQuestion__content::-webkit-scrollbar-track{
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
#searchPage .content #helperSearchSection .grid .faqs-section .faqs .faqsQuestion__content{
margin-right: 7px;
}
#searchPage .content #helperSearchSection .grid .faqs-section .faqs .faqsQuestion__content::-webkit-scrollbar{
width: 0.25rem;
}
#searchPage .content #helperSearchSection .grid .faqs-section .faqs .faqsQuestion__content::-webkit-scrollbar-track{
margin-right: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
#searchPage .content #helperSearchSection .grid .faqs-section .faqs .faqsQuestion__content{
transition: opacity 0.4s ease-in-out,
max-height 0.4s ease-in-out;
}
#searchPage .content #helperSearchSection .grid .faqs-section .faqs .faqsQuestion__content.active{
opacity: 1;
max-height: 250px;
margin-top: 0.5rem;
}
#searchPage .content #helperSearchSection .grid .faqs-section .faqs .faqsQuestion__content > p{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
#searchPage .content #helperSearchSection .grid .faqs-section .faqs__section{
display: flex;
flex-direction: column;
position: relative;
min-height: 500px;
margin-bottom: 2rem;
}
#searchPage .content #helperSearchSection .grid .faqs-section .faqs__section > p{
font-weight: 700;
margin-bottom: 1rem;
}
#heroStage > div{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px){
#heroStage > div{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
#heroStage > div{
gap: 1rem;
}
#heroStage > div .hero{
width: 100%;
}
@media (min-width: 640px){
#heroStage > div .hero{
max-width: 640px;
}
}
@media (min-width: 768px){
#heroStage > div .hero{
max-width: 768px;
}
}
@media (min-width: 1024px){
#heroStage > div .hero{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#heroStage > div .hero{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#heroStage > div .hero{
max-width: 1550px;
}
}
#heroStage > div .hero{
margin-left: auto;
margin-right: auto;
grid-column: span 1 / span 1;
}
@media (min-width: 1024px){
#heroStage > div .hero{
grid-column: span 2 / span 2;
}
}
#heroStage > div .hero{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
border-radius: 0.375rem;
}
#heroStage > div .hero__container{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
#heroStage > div .hero__container__labels{
display: flex;
gap: 0.5rem;
margin: 3rem;
}
#heroStage > div .hero__container__labels > p{
border-radius: 0.75rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
align-self: center;
white-space: nowrap;
}
#heroStage > div .hero__container__labels > p:first-of-type{
font-weight: 600;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
#heroStage > div .hero__container__stage-name{
margin-top: 8rem;
margin-bottom: 8rem;
margin: 3rem;
}
#heroStage > div .hero__container__stage-name > h2{
font-size: 2.5rem;
}
@media (min-width: 1024px){
#heroStage > div .hero__container__stage-name > h2{
font-size: 3.75rem;
line-height: 1;
}
}
#heroStage > div .hero__container__stage-name > h2{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
text-transform: none;
font-weight: 700;
}
#heroStage > div .hero__container__stage-name > h2 span{
font-size: 2.5rem;
margin-bottom: 0.5rem;
}
#heroStage > div .hero__container__stage-name > p{
font-size: 2.5rem;
font-weight: 700;
margin-top: 2rem;
}
#heroStage > div .hero__container__stage-changer{
display: flex;
justify-content: space-between;
margin: 3rem;
}
#heroStage > div .hero__container__stage-changer .stage-control{
border-radius: 0.75rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
align-self: center;
white-space: nowrap;
}
#heroStage > div .hero__container__stage-changer .stage-control__link{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
#heroStage > div .hero__container__stage-changer .stage-control__link:hover{
--tw-text-opacity: 1;
color: rgb(242 242 242 / var(--tw-text-opacity, 1));
}
#heroStage > div .hero__container__stage-changer .stage-control__link span{
font-size: 0.8rem;
}
#heroStage > div .hero__container__stage-changer .inactive{
opacity: 0.5;
pointer-events: none;
}
#heroStage > div .planner{
grid-column: span 1 / span 1;
}
#navStage{
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
#navStage > div{
max-width: 72rem;
padding: 1.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
margin-left: auto;
margin-right: auto;
}
#navStage > div #tab-navigation-section{
width: 33.333333%;
}
@media (min-width: 768px){
#navStage > div #tab-navigation-section{
width: 100%;
}
}
#navStage > div #tab-navigation-section{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
border-width: 0px;
}
@media (min-width: 768px){
#navStage > div #tab-navigation-section{
border-bottom-width: 1px;
}
}
#navStage > div #tab-navigation-section{
--tw-border-opacity: 1;
border-color: rgb(242 242 242 / var(--tw-border-opacity, 1));
margin-bottom: 1rem;
justify-content: space-around;
}
#navStage > div #tab-navigation-section .active{
--tw-text-opacity: 1;
color: rgb(45 54 53 / var(--tw-text-opacity, 1));
--tw-border-opacity: 1;
border-color: rgb(167 188 47 / var(--tw-border-opacity, 1));
border-bottom-width: 4px;
font-weight: 600;
}
@media not all and (min-width: 768px){
#navStage > div #tab-navigation-section{
display: flex;
gap: 1.25rem;
}
}
#navStage > div #tab-navigation-section{
justify-content: space-around;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
@media (min-width: 768px){
#navStage > div #tab-navigation-section.tab-navigation-section--cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
#navStage > div #tab-navigation-section.tab-navigation-section--cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
#navStage > div #tab-navigation-section.tab-navigation-section--cols-5{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
#navStage > div #tab-navigation-section a{
text-align: start;
}
@media (min-width: 768px){
#navStage > div #tab-navigation-section a{
text-align: center;
}
}
#navStage > div #tab-navigation-section a{
padding-bottom: 0.5rem;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(242 242 242 / var(--tw-border-opacity, 1));
}
#navStage > div #tab-navigation-section a:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
#navStage > div #tab-navigation-section a{
--tw-text-opacity: 1;
color: rgb(122 131 130 / var(--tw-text-opacity, 1));
}
#navStage > div #tab-navigation-section a:hover{
--tw-text-opacity: 1;
color: rgb(84 93 92 / var(--tw-text-opacity, 1));
}
#navStage > div #infoSection{
margin-top: 5rem;
}
#navStage > div #infoSection > div{
margin-bottom: 1rem;
}
#navStage > div #infoSection p{
margin-bottom: 1rem;
}
#navStage > div #profileSection{
margin-top: 5rem;
}
#navStage > div #profileSection > div{
margin-bottom: 1rem;
}
#navStage > div #profileSection > div img{
margin-top: 4rem;
width: 100%;
}
#navStage > div #itinerarySection{
margin-top: 5rem;
margin-bottom: 1rem;
}
#navStage > div #itinerarySection > hr:first-of-type{
width: 1.75rem;
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
height: 0.25rem;
border-width: 0px;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
#navStage > div #itinerarySection hr{
margin-top: 1.5rem;
margin-bottom: 1rem;
height: 0.25rem;
width: 100%;
--tw-text-opacity: 1;
color: rgb(217 217 217 / var(--tw-text-opacity, 1));
}
#navStage > div #itinerarySection > div h4{
margin-bottom: 1.25rem;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-size: 1.5rem;
font-weight: 600;
}
#navStage > div #itinerarySection > div p{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
#navStage > div #itinerarySection > div .town-link__link-content{
display: flex;
justify-content: space-between;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
padding: 1rem;
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
border-radius: 0.5rem;
}
#navStage > div #itinerarySection > div .town-link__link-content__text{
display: flex;
flex-direction: column;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
#navStage > div #itinerarySection > div .town-link__link-content__text p{
margin: 0px;
}
#navStage > div #itinerarySection > div .town-link__link-content__text p:first-of-type{
text-transform: uppercase;
}
@layer {
#navStage > div #itinerarySection > div .town-link__link-content__town-btn{
display: flex;
justify-content: center;
align-self: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
width: 2rem;
height: 2rem;
}
#navStage > div #itinerarySection > div .town-link__link-content__town-btn i{
align-self: center;
}
}
#navStage > div #itinerarySection > div .town-link__link-content__town-btn i{
align-self: center;
}
#navStage > div #seeSection{
margin-top: 5rem;
margin-bottom: 1rem;
}
#navStage > div #seeSection > hr{
width: 1.75rem;
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
height: 0.25rem;
border-width: 0px;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
#navStage > div #seeSection .accordion{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#navStage > div #seeSection .accordion{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
#navStage > div #seeSection .accordion{
justify-content: space-between;
gap: 1.25rem;
margin-top: 2.5rem;
}
#navStage > div #seeSection .accordion__menu{
grid-column: span 1 / span 1;
}
#navStage > div #seeSection .accordion__menu nav{
display: flex;
flex-direction: column;
gap: 0.25rem;
}
#navStage > div #seeSection .accordion__menu nav button{
text-align: start;
--tw-text-opacity: 1;
color: rgb(84 93 92 / var(--tw-text-opacity, 1));
}
#navStage > div #seeSection .accordion__menu nav button:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
#navStage > div #seeSection .accordion__menu nav button.active{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
text-decoration-line: underline;
}
#navStage > div #seeSection .accordion__accordion-content{
grid-column: span 3 / span 3;
}
#navStage > div #seeSection .accordion__accordion-content.inactive{
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#navStage > div #seeSection .accordion__accordion-content.inactive)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#navStage > div #seeSection .accordion__accordion-content.inactive):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
#navStage > div #seeSection .accordion__accordion-content > div{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#navStage > div #seeSection .accordion__accordion-content > div{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
#navStage > div #seeSection .accordion__accordion-content > div{
gap: 2rem;
justify-items: end;
}
#navStage > div #seeSection .accordion__accordion-content > div > div p{
margin-bottom: 1rem;
}
#navStage > div #seeSection .accordion__accordion-content > div > div h4{
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
}
#navStage > div #seeSection .accordion__accordion-content > div img{
border-radius: 0.5rem;
width: 100%;
height: 16rem;
}
@media (min-width: 768px){
#navStage > div #seeSection .accordion__accordion-content > div img{
height: 18rem;
}
}
@media (min-width: 1024px){
#navStage > div #seeSection .accordion__accordion-content > div img{
height: 20rem;
}
}
#navStage > div #seeSection .accordion__accordion-content > div img{
object-fit: cover;
align-items: flex-end;
}
#navStage > div #locationsSection{
margin-top: 5rem;
margin-bottom: 1rem;
}
#navStage > div #locationsSection > hr{
width: 1.75rem;
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
height: 0.25rem;
border-width: 0px;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
#navStage > div #locationsSection .grid-container{
display: flex;
gap: 1rem;
margin-top: 2.5rem;
}
#navStage > div #locationsSection .grid-container > div .town-card{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
#navStage > div #locationsSection .grid-container > div .town-card:hover{
--tw-text-opacity: 1;
color: rgb(45 54 53 / var(--tw-text-opacity, 1));
}
#navStage > div #locationsSection .grid-container > div .town-card img{
width: 100%;
height: 8rem;
object-fit: cover;
object-position: center;
border-radius: 0.5rem;
}
#navStage > div #locationsSection .grid-container > div .town-card__flex-container{
display: flex;
justify-content: space-between;
margin-top: 1.25rem;
}
#navStage > div #locationsSection .grid-container > div .town-card__flex-container__info{
display: flex;
flex-direction: column;
align-self: center;
}
#navStage > div #locationsSection .grid-container > div .town-card__flex-container__info h3{
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
@layer {
#navStage > div #locationsSection .grid-container > div .town-card__flex-container__btn{
display: flex;
justify-content: center;
align-self: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
width: 2rem;
height: 2rem;
}
#navStage > div #locationsSection .grid-container > div .town-card__flex-container__btn i{
align-self: center;
}
}
#navStage > div #locationsSection .grid-container > div .town-card__flex-container__btn i{
align-self: center;
}
#navStage > div #locationsSection .grid-container:has(> div:not(.p-hidden)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(.p-hidden):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
#navStage > div > hr:last-of-type{
margin-top: 2.5rem;
}
#stageChange{
margin-bottom: 5rem;
}
#stageChange > div{
display: flex;
justify-content: space-between;
max-width: 72rem;
margin-left: auto;
margin-right: auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
gap: 2rem;
}
#stageChange > div .change-btn{
display: flex;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
#stageChange > div .change-btn:hover{
--tw-text-opacity: 1;
color: rgb(45 54 53 / var(--tw-text-opacity, 1));
}
#stageChange > div .change-btn{
text-align: start;
gap: 1rem;
}
#stageChange > div .change-btn__info{
display: flex;
flex-direction: column;
}
#stageChange > div .change-btn__info p{
font-weight: 700;
}
#stageChange > div .change-btn .previous{
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
text-align: end;
}
#stageChange > div .change-btn.inactive{
opacity: 0.5;
pointer-events: none;
}
/**
* Vista de Pueblo
*/
#hero .hero-grid{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#hero .hero-grid{
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 1rem;
}
}
#hero .hero-grid__town-col{
grid-column: span 1 / span 1;
}
@media (min-width: 1024px){
#hero .hero-grid__town-col{
grid-column: span 3 / span 3;
}
}
#hero .hero-grid__town-col{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
border-radius: 0.5rem;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 1rem;
}
@media (min-width: 768px){
#hero .hero-grid__town-col{
margin-bottom: 0px;
}
}
#hero .hero-grid__town-col > div{
display: flex;
flex-direction: column;
justify-content: space-between;
padding-left: 5rem;
padding-right: 5rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
height: 100%;
align-items: flex-start;
}
#hero .hero-grid__town-col > div .link-to-stage{
border-radius: 0.75rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
align-self: center;
white-space: nowrap;
margin-top: 2.5rem;
align-self: flex-start;
}
#hero .hero-grid__town-col > div .link-to-stage p{
--tw-text-opacity: 1;
color: rgb(242 242 242 / var(--tw-text-opacity, 1));
padding: 0px;
margin: 0px;
}
#hero .hero-grid__town-col > div .town-data{
display: flex;
flex-direction: column;
justify-content: flex-start;
margin-bottom: 2.5rem;
}
#hero .hero-grid__town-col > div .town-data h2{
font-size: 2.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
font-weight: 600;
margin-bottom: 0px;
}
#hero .hero-grid__town-col > div .town-data ul{
list-style-type: disc;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
#hero .hero-grid__town-col > div .town-data ul li{
font-size: 0.8rem;
}
#hero .hero-grid__planner-col{
grid-column: span 1 / span 1;
}
@media (min-width: 1024px){
#hero .hero-grid__planner-col{
grid-column: span 2 / span 2;
}
}
#infoTown .sections-town{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
margin-top: 0.25rem;
margin-bottom: 0.25rem;
padding: 0px;
}
#infoTown .sections-town hr{
width: 1.75rem;
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
height: 0.25rem;
border-width: 0px;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
#infoTown .sections-town #informationSection{
margin-top: 5rem;
}
#infoTown .sections-town #informationSection p{
margin-top: 1rem;
}
#infoTown .sections-town #locationSection{
margin-top: 5rem;
}
#infoTown .sections-town #locationSection p{
margin-top: 1rem;
}
#infoTown .sections-town #locationSection iframe{
width: 100%;
margin-top: 2.5rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
@media (min-width: 768px){
#infoTown .sections-town #locationSection iframe{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
}
#infoTown .sections-town #toVisitSection{
margin-top: 5rem;
}
#infoTown .sections-town #phonesSection, #infoTown .sections-town #holidaysSection{
margin-top: 5rem;
}
#infoTown .sections-town #phonesSection .grid, #infoTown .sections-town #holidaysSection .grid{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 1024px){
#infoTown .sections-town #phonesSection .grid, #infoTown .sections-town #holidaysSection .grid{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
#infoTown .sections-town #phonesSection .grid, #infoTown .sections-town #holidaysSection .grid{
gap: 1.25rem;
margin-top: 1rem;
margin-left: 0.75rem;
padding: 0.5rem;
}
#infoTown .sections-town #phonesSection .grid.holidays-grid, #infoTown .sections-town #holidaysSection .grid.holidays-grid{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#infoTown .sections-town #phonesSection .grid.holidays-grid, #infoTown .sections-town #holidaysSection .grid.holidays-grid{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
#infoTown .sections-town #phonesSection .grid .phone-number-item, #infoTown .sections-town #holidaysSection .grid .phone-number-item{
display: flex;
align-items: flex-start;
}
#infoTown .sections-town #phonesSection .grid .phone-number-item > :not([hidden]) ~ :not([hidden]), #infoTown .sections-town #holidaysSection .grid .phone-number-item > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
#infoTown .sections-town #phonesSection .grid .phone-number-item__icon, #infoTown .sections-town #holidaysSection .grid .phone-number-item__icon{
align-self: flex-start;
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
}
#infoTown .sections-town #phonesSection .grid .phone-number-item__icon i, #infoTown .sections-town #holidaysSection .grid .phone-number-item__icon i{
font-size: 1.5rem;
}
#infoTown .sections-town #phonesSection .grid .phone-number-item__title, #infoTown .sections-town #holidaysSection .grid .phone-number-item__title{
display: flex;
flex-direction: column;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-size: 0.8rem;
}
#infoTown .sections-town #phonesSection .grid .phone-number-item__title h5, #infoTown .sections-town #holidaysSection .grid .phone-number-item__title h5{
font-weight: 700;
}
#infoTown .sections-town #phonesSection .grid .phone-number-item__title.dark-text, #infoTown .sections-town #holidaysSection .grid .phone-number-item__title.dark-text{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
#infoTown .sections-town #recomendationSection{
margin-top: 5rem;
}
#infoTown .sections-town #recomendationSection p{
margin-top: 1rem;
}
/**
* Vista de Camino
*/
#heroWay .options-stages{
display: flex;
justify-content: flex-start;
}
@media (min-width: 768px){
#heroWay .options-stages{
justify-content: flex-end;
}
}
#heroWay .options-stages{
padding-bottom: 1.25rem;
}
@media (min-width: 768px){
#heroWay .options-stages{
padding-bottom: 0px;
}
}
#heroWay .options-stages p{
font-weight: 600;
margin-top: 0px;
}
@media (min-width: 768px){
#heroWay .options-stages p{
margin-top: -2rem;
}
}
#heroWay .main-content{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#heroWay .main-content{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
#heroWay .main-content{
gap: 1.25rem;
}
#heroWay .main-content__col-map{
grid-column: span 1 / span 1;
}
@media (min-width: 1024px){
#heroWay .main-content__col-map{
grid-column: span 3 / span 3;
}
}
#heroWay .main-content__col-map img{
width: 100%;
object-fit: cover;
border-radius: 0.5rem;
height: 100%;
}
#heroWay .main-content__col-planner{
grid-column: span 1 / span 1;
}
@media (min-width: 1024px){
#heroWay .main-content__col-planner{
grid-column: span 2 / span 2;
}
}
/** Resumen vista camino */
#summaryWay .subtitle{
margin-bottom: 1rem;
}
#summaryWay .subtitle hr{
width: 1.75rem;
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
height: 0.25rem;
border-width: 0px;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
#summaryWay .content-summary{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px){
#summaryWay .content-summary{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
#summaryWay .content-summary{
gap: 2rem;
}
#summaryWay .content-summary__col-text{
grid-column: span 2 / span 2;
width: 100%;
}
@media (min-width: 768px){
#summaryWay .content-summary__col-text{
width: 80%;
}
}
#summaryWay .content-summary__col-text h3{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-size: 1.25rem;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
font-weight: 500;
}
#summaryWay .content-summary__col-text button{
text-decoration-line: underline;
margin-top: 0.5rem;
margin-bottom: 1.25rem;
}
@media (min-width: 1024px){
#summaryWay .content-summary__col-text button{
margin-bottom: 0px;
}
}
#summaryWay .content-summary__col-experiences{
grid-column: span 3 / span 3;
align-self: center;
justify-items: end;
}
@media (min-width: 1024px){
#summaryWay .content-summary__col-experiences section #experiencesCarousel{
width: 100% !important;
}
}
/** Etapas a pie vista camino */
#stagesFoot .subtitle{
margin-bottom: 2rem;
}
#stagesFoot .subtitle hr{
width: 1.75rem;
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
height: 0.25rem;
border-width: 0px;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
#stagesFoot .container-stages{
display: flex;
flex-wrap: nowrap;
}
#stagesFoot .container-stages > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
#stagesFoot .container-stages{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
overflow-x: auto;
}
@media (min-width: 768px){
#stagesFoot .container-stages{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
#stagesFoot .container-stages{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 768px){
#stagesFoot .container-stages{
gap: 1.5rem;
}
#stagesFoot .container-stages > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(0px * var(--tw-space-x-reverse));
margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
#stagesFoot .container-stages{
overflow: hidden;
}
}
#stagesFoot .container-stages-hidden{
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#stagesFoot .container-stages-hidden)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#stagesFoot .container-stages-hidden):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
#stagesFoot .show-more-stages{
display: flex;
justify-content: center;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
#stagesFoot .different-ways-stages{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
grid-column: 1 / -1;
}
#stagesFoot .different-ways-stages .content-section-info{
margin-top: 5rem;
}
#stagesFoot .different-ways-stages .content-section-info .subtitle{
margin-bottom: 2rem;
}
#stagesFoot .different-ways-stages .content-section-info .subtitle hr{
width: 1.75rem;
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
height: 0.25rem;
border-width: 0px;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
#stagesFoot .different-ways-stages .content-section-info h5{
font-size: 1.25rem;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
padding-top: 1rem;
padding-bottom: 1rem;
font-family: 'Rasa';
}
#stagesFoot .different-ways-stages .content-section-info h3{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-size: 1.25rem;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
font-weight: 500;
}
#stagesBike .subtitle{
margin-bottom: 2rem;
}
#stagesBike .subtitle hr{
width: 1.75rem;
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
height: 0.25rem;
border-width: 0px;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
#stagesBike .container-stages-bike{
display: flex;
flex-wrap: nowrap;
}
#stagesBike .container-stages-bike > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
#stagesBike .container-stages-bike{
overflow-x: auto;
}
@media (min-width: 768px){
#stagesBike .container-stages-bike{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
#stagesBike .container-stages-bike{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 768px){
#stagesBike .container-stages-bike > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(0px * var(--tw-space-x-reverse));
margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
#stagesBike .container-stages-bike{
overflow: hidden;
}
}
#stagesBike .container-stages-bike{
margin-top: 0.75rem;
row-gap: 0.5rem;
column-gap: 2.5rem;
}
#stagesBike .container-stages-bike div{
flex-shrink: 0;
scroll-snap-align: start;
}
@media (min-width: 768px){
#stagesBike .container-stages-bike div{
width: auto;
}
}
#stagesBike .container-stages-bike div .info-stage-bike{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
min-height: 7.5rem;
}
#stagesBike .container-stages-bike div .info-stage-bike__col-start{
grid-column: span 2 / span 2;
}
#stagesBike .container-stages-bike div .info-stage-bike__col-start span{
font-weight: 700;
}
#stagesBike .container-stages-bike div .info-stage-bike__col-start p{
font-size: 0.8rem;
--tw-text-opacity: 1;
color: rgb(84 93 92 / var(--tw-text-opacity, 1));
padding-bottom: 1.25rem;
}
@media (min-width: 768px){
#stagesBike .container-stages-bike div .info-stage-bike__col-start p{
padding-bottom: 0px;
}
}
#stagesBike .container-stages-bike div .info-stage-bike__col-end{
align-self: center;
display: flex;
justify-content: flex-end;
}
#stagesBike .container-stages-bike div .info-stage-bike__col-end img{
width: 4rem;
height: 4rem;
border-radius: 0.75rem;
object-fit: cover;
}
#stagesBike .container-stages-bike div hr{
margin-top: 1.5rem;
margin-bottom: 1rem;
height: 0.25rem;
width: 100%;
--tw-text-opacity: 1;
color: rgb(217 217 217 / var(--tw-text-opacity, 1));
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#stagesBike .container-stages-bike div hr)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#stagesBike .container-stages-bike div hr):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
@media (min-width: 768px){
#stagesBike .container-stages-bike div hr{
display: block;
}
}
#citiesTowns{
margin-top: 3.5rem;
width: 75%;
}
#citiesTowns .container-cities-towns{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 2rem;
display: flex;
flex-direction: column;
align-items: center;
}
#citiesTowns .container-cities-towns hr{
width: 1.75rem;
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
height: 0.25rem;
border-width: 0px;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
#citiesTowns .container-cities-towns .pills{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 1024px){
#citiesTowns .container-cities-towns .pills{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1280px){
#citiesTowns .container-cities-towns .pills{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
#citiesTowns .container-cities-towns .pills{
gap: 1rem;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
#citiesTowns .container-cities-towns .pills div{
border-radius: 0.75rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
align-self: center;
white-space: nowrap;
}
#infoWay{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
}
#infoWay .info-way-content{
padding: 1.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
#infoWay .info-way-content .content-section-info{
margin-top: 5rem;
}
#infoWay .info-way-content .content-section-info .subtitle{
margin-bottom: 2rem;
}
#infoWay .info-way-content .content-section-info .subtitle hr{
width: 1.75rem;
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
height: 0.25rem;
border-width: 0px;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
#infoWay .info-way-content .content-section-info h5{
font-size: 1.25rem;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
padding-top: 1rem;
padding-bottom: 1rem;
font-family: 'Rasa';
}
#infoWay .info-way-content .content-section-info h3{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-size: 1.25rem;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
font-weight: 500;
}
#exitPoints .exit-points-content{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
}
@media (min-width: 1024px){
#exitPoints .exit-points-content{
flex-direction: row;
}
#exitPoints .exit-points-content__img{
width: 50%;
}
}
#exitPoints .exit-points-content__img{
width: 100%;
}
@media (min-width: 1024px){
#exitPoints .exit-points-content__text{
width: 50%;
}
}
#exitPoints .exit-points-content__text{
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
padding: 2.5rem;
}
#othersWays .others-ways{
margin-top: 2rem;
margin-bottom: 2rem;
width: 75%;
}
#othersWays .others-ways__title{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 2rem;
display: flex;
flex-direction: column;
align-items: center;
}
#othersWays .others-ways__title hr{
width: 1.75rem;
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
height: 0.25rem;
border-width: 0px;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
#othersWays .others-ways__content{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#othersWays .others-ways__content{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
#othersWays .others-ways__content{
row-gap: 1rem;
column-gap: 2rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
#othersWays .others-ways__content hr{
height: 0.25rem;
width: 100%;
--tw-text-opacity: 1;
color: rgb(217 217 217 / var(--tw-text-opacity, 1));
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
#othersWays .each-way{
display: flex;
justify-content: space-between;
}
#othersWays .each-way__title{
font-weight: 700;
}
#othersWays .each-way__tips{
display: flex;
gap: 2rem;
}
#othersWays .each-way__tips i{
align-self: center;
}
#faqs .title{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 2rem;
display: flex;
flex-direction: column;
align-items: center;
}
#faqs .title hr{
width: 1.75rem;
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
height: 0.25rem;
border-width: 0px;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
#faqs .container{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
}
#faqs .container .accordion-btn{
width: 100%;
padding: 1rem;
text-align: left;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
#faqs .container .accordion-btn:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
#faqs .container .accordion-btn__question{
display: flex;
justify-content: space-between;
align-items: center;
}
#faqs .container .accordion-btn__question h3{
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
text-align: start;
}
#faqs .container .accordion-btn__question span{
font-size: 1.5rem;
--tw-text-opacity: 1;
color: rgb(246 137 36 / var(--tw-text-opacity, 1));
}
#faqs .container .accordion-btn hr{
margin-bottom: 1rem;
height: 0.25rem;
width: 100%;
--tw-text-opacity: 1;
color: rgb(217 217 217 / var(--tw-text-opacity, 1));
margin-top: 0.5rem;
margin-bottom: 0px;
}
#faqs .container .accordion-content{
padding-left: 1rem;
max-height: 0px;
overflow: hidden;
transition-property: all;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
padding-top: 0px;
padding-bottom: 0px;
}
#faqs .container .accordion-content.show{
padding-top: 1rem;
padding-bottom: 1rem;
}
#infoPilgrim{
margin-top: 2rem;
margin-bottom: 2rem;
width: 75%;
}
#infoPilgrim .title{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 2rem;
display: flex;
flex-direction: column;
align-items: center;
}
#infoPilgrim .title hr{
width: 1.75rem;
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
height: 0.25rem;
border-width: 0px;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
#infoPilgrim .content{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 1024px){
#infoPilgrim .content{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
#infoPilgrim .content{
gap: 2rem;
}
@media (min-width: 1024px){
#infoPilgrim .content{
gap: 0px;
}
}
#infoPilgrim .content{
justify-items: center;
}
#infoPilgrim .content__card{
border-radius: 0.75rem;
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
text-align: center;
width: 100%;
}
@media (min-width: 768px){
#infoPilgrim .content__card{
width: 80%;
}
}
#infoPilgrim .content__card__icon{
height: 8rem;
display: flex;
justify-content: center;
}
#infoPilgrim .content__card__icon i{
padding: 1rem;
align-self: center;
font-size: 3rem;
}
#infoPilgrim .content__card__title{
font-size: 1.1rem;
font-weight: 600;
}
#infoPilgrim .content__card__quantity{
font-size: 1.5rem;
padding-bottom: 1.5rem;
font-weight: 700;
}
/**
* Vista de Caminos
*/
#heroWays .main-content, #secondaryWays .main-content{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px){
#heroWays .main-content, #secondaryWays .main-content{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
#heroWays .main-content, #secondaryWays .main-content{
gap: 1.25rem;
}
#heroWays .main-content__col-map, #secondaryWays .main-content__col-map{
grid-column: span 1 / span 1;
}
@media (min-width: 1024px){
#heroWays .main-content__col-map, #secondaryWays .main-content__col-map{
grid-column: span 3 / span 3;
}
}
#heroWays .main-content__col-map img, #secondaryWays .main-content__col-map img{
width: 100%;
object-fit: cover;
border-radius: 0.5rem;
height: 100%;
}
#heroWays .main-content__col-planner, #secondaryWays .main-content__col-planner{
grid-column: span 1 / span 1;
}
@media (min-width: 1024px){
#heroWays .main-content__col-planner, #secondaryWays .main-content__col-planner{
grid-column: span 2 / span 2;
}
}
#heroWays .main-content__col-planner .loadingDiv, #secondaryWays .main-content__col-planner .loadingDiv{
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
#heroWays .anchor-bar, #secondaryWays .anchor-bar{
--tw-bg-opacity: 1;
background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
padding: 1rem;
display: flex;
justify-content: space-between;
--tw-text-opacity: 1;
color: rgb(163 124 82 / var(--tw-text-opacity, 1));
margin-top: 1rem;
border-radius: 0.5rem;
}
#heroWays .anchor-bar div, #secondaryWays .anchor-bar div{
display: flex;
gap: 0.5rem;
}
#heroWays .anchor-bar div .icon-font-info, #secondaryWays .anchor-bar div .icon-font-info{
align-self: center;
font-size: 1.25rem;
}
#heroWays .anchor-bar div p, #secondaryWays .anchor-bar div p{
align-self: center;
font-size: 0.5rem;
}
@media (min-width: 1024px){
#heroWays .anchor-bar div p, #secondaryWays .anchor-bar div p{
font-size: 0.9rem;
}
}
@layer {
#heroWays .anchor-bar button, #secondaryWays .anchor-bar button{
display: flex;
justify-content: center;
align-self: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
width: 2rem;
height: 2rem;
}
#heroWays .anchor-bar button i, #secondaryWays .anchor-bar button i{
align-self: center;
}
}
#heroWays .anchor-bar button, #secondaryWays .anchor-bar button{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
align-self: center;
}
#heroWays .anchor-bar button i, #secondaryWays .anchor-bar button i{
--tw-text-opacity: 1;
color: rgb(163 124 82 / var(--tw-text-opacity, 1));
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#secondaryWays .main-content__col-planner input{
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
#primaryWays .map-planner, #secondaryWays .map-planner, #nonJacobean .map-planner, #internationalWays .map-planner{
width: 80%;
margin-left: auto;
margin-right: auto;
}
#primaryWays .map-planner .title-form, #secondaryWays .map-planner .title-form, #nonJacobean .map-planner .title-form, #internationalWays .map-planner .title-form{
font-size: 1.25rem;
}
@media (min-width: 768px){
#primaryWays .map-planner .title-form, #secondaryWays .map-planner .title-form, #nonJacobean .map-planner .title-form, #internationalWays .map-planner .title-form{
font-size: 2rem;
}
}
#primaryWays .map-planner .title-form, #secondaryWays .map-planner .title-form, #nonJacobean .map-planner .title-form, #internationalWays .map-planner .title-form{
font-weight: 600;
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
#primaryWays .map-planner p, #secondaryWays .map-planner p, #nonJacobean .map-planner p, #internationalWays .map-planner p{
font-weight: 600;
padding-bottom: 0.5rem;
}
#primaryWays .cards-primary-ways, #secondaryWays .cards-primary-ways, #nonJacobean .cards-primary-ways, #internationalWays .cards-primary-ways{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#primaryWays .cards-primary-ways, #secondaryWays .cards-primary-ways, #nonJacobean .cards-primary-ways, #internationalWays .cards-primary-ways{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
#primaryWays .cards-primary-ways, #secondaryWays .cards-primary-ways, #nonJacobean .cards-primary-ways, #internationalWays .cards-primary-ways{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
#primaryWays .cards-primary-ways, #secondaryWays .cards-primary-ways, #nonJacobean .cards-primary-ways, #internationalWays .cards-primary-ways{
gap: 2rem;
}
#primaryWays .cards-primary-ways__card .content-card, #secondaryWays .cards-primary-ways__card .content-card, #nonJacobean .cards-primary-ways__card .content-card, #internationalWays .cards-primary-ways__card .content-card{
display: block;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
/* @apply p-shadow-secondary-1; */
#primaryWays .cards-primary-ways__card .content-card img, #secondaryWays .cards-primary-ways__card .content-card img, #nonJacobean .cards-primary-ways__card .content-card img, #internationalWays .cards-primary-ways__card .content-card img{
border-radius: 0.5rem;
height: 250px;
}
@media (min-width: 768px){
#primaryWays .cards-primary-ways__card .content-card img, #secondaryWays .cards-primary-ways__card .content-card img, #nonJacobean .cards-primary-ways__card .content-card img, #internationalWays .cards-primary-ways__card .content-card img{
min-height: 375px;
}
}
#primaryWays .cards-primary-ways__card .content-card__info-top, #secondaryWays .cards-primary-ways__card .content-card__info-top, #nonJacobean .cards-primary-ways__card .content-card__info-top, #internationalWays .cards-primary-ways__card .content-card__info-top{
position: absolute;
top: 0px;
width: 100%;
padding: 1.5rem;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
justify-content: space-between;
background-image: linear-gradient(to top, var(--tw-gradient-stops));
border-radius: 0.5rem;
background: linear-gradient(
to top,
rgba(255, 255, 255, 0),
rgba(0, 0, 0, 0.7)
);
}
#primaryWays .cards-primary-ways__card .content-card__info-top__way, #secondaryWays .cards-primary-ways__card .content-card__info-top__way, #nonJacobean .cards-primary-ways__card .content-card__info-top__way, #internationalWays .cards-primary-ways__card .content-card__info-top__way{
grid-column: span 2 / span 2;
text-transform: uppercase;
font-size: 0.8rem;
}
#primaryWays .cards-primary-ways__card .content-card__info-top__way span, #secondaryWays .cards-primary-ways__card .content-card__info-top__way span, #nonJacobean .cards-primary-ways__card .content-card__info-top__way span, #internationalWays .cards-primary-ways__card .content-card__info-top__way span{
font-size: 1.5rem;
text-transform: none;
font-weight: 700;
}
#primaryWays .cards-primary-ways__card .content-card__info-top__town, #secondaryWays .cards-primary-ways__card .content-card__info-top__town, #nonJacobean .cards-primary-ways__card .content-card__info-top__town, #internationalWays .cards-primary-ways__card .content-card__info-top__town{
display: flex;
justify-content: flex-end;
}
#primaryWays .cards-primary-ways__card .content-card__info-top__town div, #secondaryWays .cards-primary-ways__card .content-card__info-top__town div, #nonJacobean .cards-primary-ways__card .content-card__info-top__town div, #internationalWays .cards-primary-ways__card .content-card__info-top__town div{
grid-column: span 1 / span 1;
background-color: rgba(0, 0, 0, 0.3);
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
border-radius: 0.5rem;
text-align: center;
align-self: center;
font-size: 0.8rem;
font-weight: 700;
}
#primaryWays .cards-primary-ways__card .content-card__info-bottom, #secondaryWays .cards-primary-ways__card .content-card__info-bottom, #nonJacobean .cards-primary-ways__card .content-card__info-bottom, #internationalWays .cards-primary-ways__card .content-card__info-bottom{
position: absolute;
bottom: 0px;
width: 100%;
padding: 1.5rem;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
border-radius: 0.5rem;
background: linear-gradient(
to bottom,
rgba(255, 255, 255, 0),
rgba(0, 0, 0, 0.9)
);
}
#primaryWays .cards-primary-ways__card .content-card__info-bottom__stages, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__stages, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__stages, #internationalWays .cards-primary-ways__card .content-card__info-bottom__stages{
grid-column: span 2 / span 2;
display: flex;
justify-content: flex-start;
gap: 0.5rem;
}
@media (min-width: 1024px){
#primaryWays .cards-primary-ways__card .content-card__info-bottom__stages, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__stages, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__stages, #internationalWays .cards-primary-ways__card .content-card__info-bottom__stages{
gap: 2rem;
}
}
#primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__stages .col-apie, #internationalWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie{
display: flex;
}
#primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie i, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie i, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__stages .col-apie i, #internationalWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie i{
align-self: center;
font-size: 1.5rem;
}
@media (min-width: 1024px){
#primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie i, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie i, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__stages .col-apie i, #internationalWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie i{
font-size: 2.5rem;
}
}
#primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div, #internationalWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div{
display: grid;
font-size: 0.8rem;
}
@media (min-width: 1024px){
#primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div, #internationalWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div{
font-size: 6rem;
}
}
@media (min-width: 768px){
#primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div, #internationalWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div{
font-size: 0.8rem;
}
}
#primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div, #internationalWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div{
align-self: center;
}
#primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div .number-km, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div .number-km, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div .number-km, #internationalWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div .number-km{
font-weight: 700;
}
#primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici, #internationalWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici{
display: flex;
gap: 0.5rem;
}
#primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici i, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici i, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici i, #internationalWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici i{
align-self: center;
font-size: 1.5rem;
}
@media (min-width: 1024px){
#primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici i, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici i, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici i, #internationalWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici i{
font-size: 2.5rem;
}
}
#primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div, #internationalWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div{
display: grid;
font-size: 0.8rem;
}
@media (min-width: 1024px){
#primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div, #internationalWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div{
font-size: 6rem;
}
}
@media (min-width: 768px){
#primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div, #internationalWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div{
font-size: 0.8rem;
}
}
#primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div, #internationalWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div{
align-self: center;
}
#primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div .number-km, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div .number-km, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div .number-km, #internationalWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div .number-km{
font-weight: 700;
}
#primaryWays .cards-primary-ways__card .content-card__info-bottom__btn, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__btn, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__btn, #internationalWays .cards-primary-ways__card .content-card__info-bottom__btn{
grid-column: span 1 / span 1;
display: flex;
justify-content: flex-end;
gap: 0.5rem;
}
@layer {
#primaryWays .cards-primary-ways__card .content-card__info-bottom__btn button, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__btn button, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__btn button, #internationalWays .cards-primary-ways__card .content-card__info-bottom__btn button{
display: flex;
justify-content: center;
align-self: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
width: 2rem;
height: 2rem;
}
#primaryWays .cards-primary-ways__card .content-card__info-bottom__btn button i, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__btn button i, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__btn button i, #internationalWays .cards-primary-ways__card .content-card__info-bottom__btn button i{
align-self: center;
}
}
#primaryWays .cards-primary-ways__card .content-card__info-bottom__btn button, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__btn button, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__btn button, #internationalWays .cards-primary-ways__card .content-card__info-bottom__btn button{
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
#primaryWays .cards-primary-ways__card .content-card__info-bottom__btn button i, #secondaryWays .cards-primary-ways__card .content-card__info-bottom__btn button i, #nonJacobean .cards-primary-ways__card .content-card__info-bottom__btn button i, #internationalWays .cards-primary-ways__card .content-card__info-bottom__btn button i{
align-self: center;
--tw-text-opacity: 1;
color: rgb(81 81 81 / var(--tw-text-opacity, 1));
}
#primaryWays .cards-primary-ways__text, #secondaryWays .cards-primary-ways__text, #nonJacobean .cards-primary-ways__text, #internationalWays .cards-primary-ways__text{
padding-top: 1.25rem;
}
#primaryWays .cards-primary-ways__btn, #secondaryWays .cards-primary-ways__btn, #nonJacobean .cards-primary-ways__btn, #internationalWays .cards-primary-ways__btn{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
#primaryWays .cards-primary-ways__variant, #secondaryWays .cards-primary-ways__variant, #nonJacobean .cards-primary-ways__variant, #internationalWays .cards-primary-ways__variant{
margin-top: 1.25rem;
}
#primaryWays .cards-primary-ways__variant .variant-title, #secondaryWays .cards-primary-ways__variant .variant-title, #nonJacobean .cards-primary-ways__variant .variant-title, #internationalWays .cards-primary-ways__variant .variant-title{
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-size: 0.8rem;
font-weight: 600;
padding-bottom: 0.5rem;
}
#primaryWays .cards-primary-ways__variant .variant-info, #secondaryWays .cards-primary-ways__variant .variant-info, #nonJacobean .cards-primary-ways__variant .variant-info, #internationalWays .cards-primary-ways__variant .variant-info{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
}
#primaryWays .cards-primary-ways__variant .variant-info img, #secondaryWays .cards-primary-ways__variant .variant-info img, #nonJacobean .cards-primary-ways__variant .variant-info img, #internationalWays .cards-primary-ways__variant .variant-info img{
grid-column: span 1 / span 1;
border-radius: 0.5rem;
}
#primaryWays .cards-primary-ways__variant .variant-info div, #secondaryWays .cards-primary-ways__variant .variant-info div, #nonJacobean .cards-primary-ways__variant .variant-info div, #internationalWays .cards-primary-ways__variant .variant-info div{
grid-column: span 2 / span 2;
position: relative;
}
#primaryWays .cards-primary-ways__variant .variant-info div .hr-top, #secondaryWays .cards-primary-ways__variant .variant-info div .hr-top, #nonJacobean .cards-primary-ways__variant .variant-info div .hr-top, #internationalWays .cards-primary-ways__variant .variant-info div .hr-top{
margin-top: 1.5rem;
margin-bottom: 1rem;
height: 0.25rem;
width: 100%;
--tw-text-opacity: 1;
color: rgb(217 217 217 / var(--tw-text-opacity, 1));
margin-top: 0px;
}
#primaryWays .cards-primary-ways__variant .variant-info div .variant-way, #secondaryWays .cards-primary-ways__variant .variant-info div .variant-way, #nonJacobean .cards-primary-ways__variant .variant-info div .variant-way, #internationalWays .cards-primary-ways__variant .variant-info div .variant-way{
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
justify-content: space-between;
align-self: flex-start;
}
#primaryWays .cards-primary-ways__variant .variant-info div .variant-way div, #secondaryWays .cards-primary-ways__variant .variant-info div .variant-way div, #nonJacobean .cards-primary-ways__variant .variant-info div .variant-way div, #internationalWays .cards-primary-ways__variant .variant-info div .variant-way div{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
grid-column: span 3 / span 3;
}
#primaryWays .cards-primary-ways__variant .variant-info div .variant-way div span, #secondaryWays .cards-primary-ways__variant .variant-info div .variant-way div span, #nonJacobean .cards-primary-ways__variant .variant-info div .variant-way div span, #internationalWays .cards-primary-ways__variant .variant-info div .variant-way div span{
--tw-text-opacity: 1;
color: rgb(84 93 92 / var(--tw-text-opacity, 1));
font-size: 0.8rem;
}
#primaryWays .cards-primary-ways__variant .variant-info div .variant-way i, #secondaryWays .cards-primary-ways__variant .variant-info div .variant-way i, #nonJacobean .cards-primary-ways__variant .variant-info div .variant-way i, #internationalWays .cards-primary-ways__variant .variant-info div .variant-way i{
grid-column: span 1 / span 1;
text-align: end;
align-self: center;
}
#primaryWays .cards-primary-ways__variant .variant-info div .hr-bottom, #secondaryWays .cards-primary-ways__variant .variant-info div .hr-bottom, #nonJacobean .cards-primary-ways__variant .variant-info div .hr-bottom, #internationalWays .cards-primary-ways__variant .variant-info div .hr-bottom{
margin-top: 1.5rem;
margin-bottom: 1rem;
height: 0.25rem;
width: 100%;
--tw-text-opacity: 1;
color: rgb(217 217 217 / var(--tw-text-opacity, 1));
margin-bottom: 0px;
bottom: 0px;
position: absolute;
}
#primaryWays .container-secondary-ways, #secondaryWays .container-secondary-ways, #nonJacobean .container-secondary-ways, #internationalWays .container-secondary-ways{
display: flex;
flex-wrap: nowrap;
}
#primaryWays .container-secondary-ways > :not([hidden]) ~ :not([hidden]), #secondaryWays .container-secondary-ways > :not([hidden]) ~ :not([hidden]), #nonJacobean .container-secondary-ways > :not([hidden]) ~ :not([hidden]), #internationalWays .container-secondary-ways > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
#primaryWays .container-secondary-ways, #secondaryWays .container-secondary-ways, #nonJacobean .container-secondary-ways, #internationalWays .container-secondary-ways{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
overflow-x: auto;
}
@media (min-width: 768px){
#primaryWays .container-secondary-ways, #secondaryWays .container-secondary-ways, #nonJacobean .container-secondary-ways, #internationalWays .container-secondary-ways{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.5rem;
}
#primaryWays .container-secondary-ways > :not([hidden]) ~ :not([hidden]), #secondaryWays .container-secondary-ways > :not([hidden]) ~ :not([hidden]), #nonJacobean .container-secondary-ways > :not([hidden]) ~ :not([hidden]), #internationalWays .container-secondary-ways > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(0px * var(--tw-space-x-reverse));
margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
#primaryWays .container-secondary-ways, #secondaryWays .container-secondary-ways, #nonJacobean .container-secondary-ways, #internationalWays .container-secondary-ways{
overflow: hidden;
}
}
#secondaryWays .cards-primary-ways__card .content-card, #nonJacobean .cards-primary-ways__card .content-card, #internationalWays .cards-primary-ways__card .content-card{
display: block;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
#secondaryWays .cards-primary-ways__card .content-card img, #nonJacobean .cards-primary-ways__card .content-card img, #internationalWays .cards-primary-ways__card .content-card img{
border-radius: 0.5rem;
}
@media (min-width: 768px){
#secondaryWays .cards-primary-ways__card .content-card img, #nonJacobean .cards-primary-ways__card .content-card img, #internationalWays .cards-primary-ways__card .content-card img{
min-height: 200px;
}
}
#faqs{
margin-top: 5rem;
}
#faqs .title{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 2rem;
display: flex;
flex-direction: column;
align-items: center;
}
#faqs .title hr{
width: 1.75rem;
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
height: 0.25rem;
border-width: 0px;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
#faqs .container{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
}
#faqs .container .accordion-btn{
width: 100%;
padding: 1rem;
text-align: left;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
#faqs .container .accordion-btn:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
#faqs .container .accordion-btn__question{
display: flex;
justify-content: space-between;
align-items: center;
}
#faqs .container .accordion-btn__question h3{
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
text-align: start;
}
#faqs .container .accordion-btn__question span{
font-size: 1.5rem;
--tw-text-opacity: 1;
color: rgb(246 137 36 / var(--tw-text-opacity, 1));
}
#faqs .container .accordion-btn hr{
margin-bottom: 1rem;
height: 0.25rem;
width: 100%;
--tw-text-opacity: 1;
color: rgb(217 217 217 / var(--tw-text-opacity, 1));
margin-top: 0.5rem;
margin-bottom: 0px;
}
#faqs .container .accordion-content{
padding-left: 1rem;
max-height: 0px;
overflow: hidden;
transition-property: all;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
padding-top: 0px;
padding-bottom: 0px;
}
#faqs .container .accordion-content.show{
padding-top: 1rem;
padding-bottom: 1rem;
}
#footer{
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
font-family: 'Poppins';
font-size: 0.8rem;
position: absolute;
--tw-text-opacity: 1;
color: rgb(36 40 40 / var(--tw-text-opacity, 1));
}
#footer .container{
width: 100%;
}
@media (min-width: 640px){
#footer .container{
max-width: 640px;
}
}
@media (min-width: 768px){
#footer .container{
max-width: 768px;
}
}
@media (min-width: 1024px){
#footer .container{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#footer .container{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#footer .container{
max-width: 1550px;
}
}
#footer .container{
margin-left: auto;
margin-right: auto;
padding-top: 2.5rem;
padding-bottom: 5rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
@media (min-width: 768px){
#footer .container{
padding-left: 0px;
padding-right: 0px;
}
}
#footer .container > img{
width: 14rem;
}
#footer .container__content{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px){
#footer .container__content{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
}
#footer .container__content{
gap: 2rem;
}
#footer .container__content__info{
grid-column: span 7 / span 7;
}
@media (min-width: 768px){
#footer .container__content__info{
grid-column: span 3 / span 3;
}
}
#footer .container__content__info{
width: 100%;
}
@media (min-width: 768px){
#footer .container__content__info{
width: 80%;
}
}
#footer .container__content__info .margin{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
#footer .container__content__links{
grid-column: span 7 / span 7;
}
@media (min-width: 768px){
#footer .container__content__links{
grid-column: span 4 / span 4;
}
}
#footer .container__content__links{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 768px){
#footer .container__content__links{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
#footer .container__content__links{
gap: 1rem;
justify-items: center;
}
#footer .container__content__links .contact > p{
text-transform: uppercase;
margin-bottom: 1rem;
}
#footer .container__content__links .contact > div{
margin-bottom: 1rem;
}
#footer .container__content__links .social-media > div{
margin-bottom: 1.5rem;
}
#footer .container__content__links .social-media > div > p{
text-transform: uppercase;
margin-bottom: 1rem;
}
#footer .container__content__links .legal > p{
text-transform: uppercase;
margin-bottom: 1rem;
}
#footer .container__content__links .legal > div p a{
--tw-text-opacity: 1;
color: rgb(36 40 40 / var(--tw-text-opacity, 1));
}
#footer .container__content__links .legal > div p a:hover{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
}
#footer .container__content__links .lang > p{
text-transform: uppercase;
margin-bottom: 1rem;
}
body.admin-bar > header {
margin-top: 28px;
}
#wp-admin-bar-wp-rocket .icl_als_iclflag {
width: 18px;
height: 18px;
}
#header{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
font-family: 'Inter';
position: fixed;
width: 100%;
top: 0px;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
z-index: 99;
}
.planner--button--fixed{
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(.planner--button--fixed)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(.planner--button--fixed):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
#infoBar{
position: relative;
display: flex;
align-items: center;
--tw-bg-opacity: 1;
background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
height: auto;
padding: 0px;
}
#infoBar > div{
position: relative;
width: 100%;
}
@media (min-width: 640px){
#infoBar > div{
max-width: 640px;
}
}
@media (min-width: 768px){
#infoBar > div{
max-width: 768px;
}
}
@media (min-width: 1024px){
#infoBar > div{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#infoBar > div{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#infoBar > div{
max-width: 1550px;
}
}
#infoBar > div{
margin-left: auto;
margin-right: auto;
gap: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
@media (min-width: 1024px){
#infoBar > div{
padding-left: 0px;
padding-right: 0px;
}
}
#infoBar > div .origin-date-text{
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#infoBar > div .origin-date-text)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#infoBar > div .origin-date-text):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
@media (min-width: 768px){
#infoBar > div .origin-date-text{
display: block;
}
}
#infoBar > div .origin-date-text > p{
font-weight: 600;
font-size: 0.8rem;
}
#infoBar > div .infoTlf{
font-size: 0.7rem;
}
@media (min-width: 640px){
#infoBar > div .infoTlf{
font-size: 0.8rem;
}
}
#infoBar > div .infoTlf p{
display: flex;
gap: 0.25rem;
}
@media (min-width: 640px){
#infoBar > div .infoTlf p{
flex-direction: row;
}
}
@media (min-width: 768px){
#infoBar > div .infoTlf p{
flex-direction: column;
}
}
@media (min-width: 850px){
#infoBar > div .infoTlf p{
flex-direction: row;
}
}
#infoBar > div .infoTlf p{
justify-content: flex-start;
}
@media (min-width: 768px){
#infoBar > div .infoTlf p{
align-self: auto;
}
}
#infoBar > div .infoTlf p {
transition: all 0.6s ease-out;
}
@media not all and (min-width: 1280px){
#infoBar > div .infoTlf.open-searchBar{
opacity: 0;
font-size: 0.1rem;
}
}
#infoBar > div .infoTlf span{
font-weight: 700;
}
#infoBar > div .infoTlf a{
align-self: flex-start;
}
@media (min-width: 640px){
#infoBar > div .infoTlf a{
align-self: center;
}
}
#infoBar > div .settings{
position: relative;
display: flex;
gap: 1.5rem;
align-items: center;
justify-content: flex-end;
}
#infoBar > div .settings .search-bar{
display: flex;
align-items: center;
position: relative;
}
#infoBar > div .settings .search-bar > form{
display: flex;
align-items: center;
margin: 0px;
position: relative;
transition: opacity 0.6s ease-out, width 0.6s ease-out;
}
#infoBar > div .settings .search-bar > form > button:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
@media (min-width: 1024px){
#infoBar > div .settings .search-bar > form > button{
margin-right: 0.25rem;
}
}
#infoBar > div .settings .search-bar > form > button{
display: flex;
}
#infoBar > div .settings .search-bar > form > button i{
font-size: 1rem;
}
#infoBar > div .settings .search-bar > form > input{
width: 0px;
opacity: 0;
border-style: none;
padding: 0px;
--tw-bg-opacity: 1;
background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
}
#infoBar > div .settings .search-bar > form > input::placeholder{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-size: 0.8rem;
padding-left: 0.5rem;
}
#infoBar > div .settings .search-bar > form > input:focus{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-color: inherit;
}
#infoBar > div .settings .search-bar > form > input {
transition: opacity 0.6s ease-out, width 0.6s ease-out;
}
#infoBar > div .settings .search-bar > form > input.open-searchBar{
opacity: 1;
width: 200px;
}
#infoBar > div .settings .search-bar > form.open-searchBar{
border-bottom-width: 1px;
}
#infoBar > div .settings .search-bar > span button{
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#infoBar > div .settings .search-bar > span button)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#infoBar > div .settings .search-bar > span button):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
@media (min-width: 1024px){
#infoBar > div .settings .search-bar > span button{
display: block;
}
}
#infoBar > div .settings .search-bar > span button{
font-size: 0.8rem;
opacity: 1;
cursor: pointer;
transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
#infoBar > div .settings .search-bar > span button.open-searchBar{
opacity: 0;
--tw-translate-x: -5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#infoBar > div .settings .languages{
position: relative;
}
#infoBar > div .settings .languages button{
display: flex;
gap: 0.5rem;
align-items: center;
text-align: center;
}
#infoBar > div .settings .languages button > span{
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#infoBar > div .settings .languages button > span)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#infoBar > div .settings .languages button > span):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
@media (min-width: 1024px){
#infoBar > div .settings .languages button > span{
display: block;
}
}
#infoBar > div .settings .languages button > span{
font-size: 0.8rem;
}
#infoBar > div .settings .languages button i{
font-size: 1rem;
align-self: center;
}
#infoBar > div .settings .booking-dashboard a{
display: flex;
gap: 0.5rem;
align-items: center;
}
#infoBar > div .settings .booking-dashboard a:hover{
color: currentColor;
}
#infoBar > div .settings .booking-dashboard a i{
align-self: center;
font-size: 1.5rem;
}
#infoBar > div .settings .booking-dashboard a span{
font-size: 0.8rem;
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#infoBar > div .settings .booking-dashboard a span)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#infoBar > div .settings .booking-dashboard a span):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
@media (min-width: 1024px){
#infoBar > div .settings .booking-dashboard a span{
display: block;
}
}
#infoBar > div .settings .login{
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#infoBar > div .settings .login)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#infoBar > div .settings .login):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
#infoBar > div .settings .login__link{
display: flex;
gap: 0.25rem;
align-items: center;
}
#infoBar > div .settings .login__link:hover{
color: currentColor;
}
#infoBar > div .settings .login__link i{
margin-top: 2px;
align-self: center;
font-size: 1.5rem;
}
#infoBar > div .settings .login__link span{
font-size: 0.8rem;
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#infoBar > div .settings .login__link span)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#infoBar > div .settings .login__link span):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
@media (min-width: 1024px){
#infoBar > div .settings .login__link span{
display: block;
}
}
#MainNavBar{
padding-bottom: 0px;
position: relative;
z-index: 99;
}
#MainNavBar .laptop-menu{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (min-width: 1024px){
#MainNavBar .laptop-menu{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
#MainNavBar .laptop-menu .logo{
grid-column: span 1 / span 1;
}
@media (min-width: 640px){
#MainNavBar .laptop-menu .logo{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
}
}
#MainNavBar .laptop-menu .logo a > img{
width: 12rem;
}
#MainNavBar .laptop-menu > ul{
grid-column: span 2 / span 2;
}
@media (min-width: 1024px){
#MainNavBar .laptop-menu > ul{
grid-column: span 4 / span 4;
}
}
#MainNavBar .laptop-menu > ul{
display: flex;
justify-content: flex-end;
align-items: center;
list-style-type: none;
gap: 1rem;
}
@media (min-width: 1024px){
#MainNavBar .laptop-menu > ul{
gap: 2rem;
}
}
#MainNavBar .laptop-menu > ul .nav-item{
position: relative;
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#MainNavBar .laptop-menu > ul .nav-item)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#MainNavBar .laptop-menu > ul .nav-item):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
@media (min-width: 1024px){
#MainNavBar .laptop-menu > ul .nav-item{
display: block;
}
}
#MainNavBar .laptop-menu > ul .nav-item > a{
--tw-text-opacity: 1;
color: rgb(122 131 130 / var(--tw-text-opacity, 1));
}
#MainNavBar .laptop-menu > ul .nav-item .active{
display: inline-block;
position: relative;
}
#MainNavBar .laptop-menu > ul .nav-item .active::after{
--tw-content: '';
content: var(--tw-content);
position: absolute;
width: 100%;
height: 2px;
bottom: -4px;
left: 0px;
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
--tw-scale-x: 1.25;
--tw-scale-y: 1.25;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#MainNavBar .laptop-menu > ul .nav-item .hover-underline{
display: inline-block;
position: relative;
}
#MainNavBar .laptop-menu > ul .nav-item .hover-underline::after{
--tw-content: '';
content: var(--tw-content);
position: absolute;
width: 100%;
--tw-scale-x: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
height: 2px;
left: 0px;
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
bottom: -4px;
}
#MainNavBar .laptop-menu > ul .nav-item .hover-underline:hover::after{
--tw-scale-x: 1.25;
--tw-scale-y: 1.25;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#MainNavBar .laptop-menu > ul .nav-item .hover-underline--center::after{
transform-origin: center;
}
#MainNavBar .laptop-menu > ul .mobile-btn{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
position: relative;
}
@media (min-width: 1024px){
#MainNavBar .laptop-menu > ul .mobile-btn{
display: none;
}
}
#MainNavBar .laptop-menu > ul .mobile-btn button{
font-size: 1.125rem;
line-height: 1.75rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(122 131 130 / var(--tw-border-opacity, 1));
border-radius: 0.5rem;
padding-top: 0.1rem;
padding-bottom: 0.1rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
#MainNavBar .laptop-menu > ul .webphone-card{
display: flex;
align-items: center;
justify-content: space-between;
flex-shrink: 0;
border-radius: 0.5rem;
border-width: 1px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
margin-left: 0.25rem;
margin-right: 0.25rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 1rem;
padding-bottom: 1rem;
height: 2rem;
}
@media (min-width: 640px){
#MainNavBar .laptop-menu > ul .webphone-card{
height: 3rem;
}
}
#MainNavBar .laptop-menu > ul .webphone-card{
--tw-bg-opacity: 1;
background-color: rgb(205 182 124 / var(--tw-bg-opacity, 1));
cursor: pointer;
gap: 0.5rem;
}
#MainNavBar .laptop-menu > ul .webphone-card__icon{
width: 25px;
}
@media (min-width: 640px){
#MainNavBar .laptop-menu > ul .webphone-card__icon{
width: 40px;
}
}
#MainNavBar .laptop-menu > ul .webphone-card__icon > img{
border-radius: 9999px;
}
#MainNavBar .laptop-menu > ul .webphone-card__text{
font-size: 0.5rem;
}
@media (min-width: 640px){
#MainNavBar .laptop-menu > ul .webphone-card__text{
font-size: 0.8rem;
padding-right: 0.75rem;
}
}
#MainNavBar .laptop-menu > ul .webphone-card__text p:last-of-type{
font-size: 0.5rem;
text-transform: uppercase;
}
#MainNavBar .mobile-menu{
position: relative;
display: grid;
gap: 1rem;
overflow: hidden;
opacity: 0;
transform: translateY(-100%);
max-height: 0px;
visibility: hidden;
transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
#MainNavBar .mobile-menu li{
opacity: 1;
transform: translateY(-20px);
transition: all 0.3s ease;
}
#MainNavBar .mobile-menu li:nth-child(1) {
transition-delay: 0.1s;
}
#MainNavBar .mobile-menu li:nth-child(2) {
transition-delay: 0.15s;
}
#MainNavBar .mobile-menu li:nth-child(4) {
transition-delay: 0.2s;
}
#MainNavBar .mobile-menu li:nth-child(5) {
transition-delay: 0.25s;
}
#MainNavBar .mobile-menu li:nth-child(6) {
transition-delay: 0.3s;
}
#MainNavBar .mobile-menu li:nth-child(7) {
transition-delay: 0.35s;
}
#MainNavBar .mobile-menu i{
align-self: center;
transition: transform 0.3s ease;
}
#MainNavBar .mobile-menu.open{
margin-top: 1rem;
margin-bottom: 1rem;
opacity: 1;
max-height: 800px;
transform: translatey(0);
visibility: visible;
}
#MainNavBar .mobile-menu.open li{
opacity: 1;
transform: translateY(0);
}
#MainNavBar .mobile-menu .dropdown-item{
position: relative;
}
#MainNavBar .mobile-menu .dropdown-item a{
display: flex;
align-items: center;
gap: 0.5rem;
}
#MainNavBar .mobile-menu .dropdown-item > ul{
--tw-bg-opacity: 1;
background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
opacity: 0;
overflow: hidden;
transform: translateX(-100%);
max-height: 0px;
visibility: hidden;
transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
#MainNavBar .mobile-menu .dropdown-item > ul li{
opacity: 0;
transform: translateX(-20px);
transition: all 0.3s ease;
}
#MainNavBar .mobile-menu .dropdown-item > ul.open{
display: grid;
gap: 0.75rem;
margin-left: 1rem;
padding: 1rem;
opacity: 1;
max-height: 400px;
transform: translateX(0);
visibility: visible;
}
#MainNavBar .mobile-menu .dropdown-item > ul.open li{
opacity: 1;
transform: translateX(0px);
}
#MainNavBar .mobile-menu .item a i{
margin-right: 0.5rem;
}
#MainNavBar .mobile-menu .active{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
}
.menu-dropdown::after {
content: "";
display: block;
width: 120%;
height: 20px;
position: absolute;
left: -10%;
top: -10px;
}
.menu-dropdown{
opacity: 0;
display: grid;
gap: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
position: absolute;
right: -100%;
min-width: 12rem;
border-radius: 0.5rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
z-index: 999;
}
.menu-dropdown.aleman{
right: 0px;
}
.menu-dropdown.italiano{
right: 0px;
}
.menu-dropdown{
max-height: 0;
transform: translateY(-10px) scale(0.95);
opacity: 0;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
pointer-events: none;
}
.menu-dropdown__item{
display: flex;
width: 100%;
margin-top: 0.25rem;
margin-bottom: 0.25rem;
margin-left: 0.25rem;
margin-right: 0.25rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
border-left-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(247 244 239 / var(--tw-border-opacity, 1));
}
.menu-dropdown__item:hover{
--tw-border-opacity: 1;
border-color: rgb(167 188 47 / var(--tw-border-opacity, 1));
}
.menu-dropdown__item > a{
width: 100%;
}
.menu-dropdown.menu-dropdown--languages{
right: -290%;
}
@media (min-width: 1024px){
.menu-dropdown.menu-dropdown--languages{
right: -35%;
}
}
.menu-dropdown.menu-dropdown--languages{
text-align: center;
min-width: 8rem;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.menu-dropdown.menu-dropdown--languages > li{
border-style: none;
}
.dropdown-item:hover .menu-dropdown {
max-height: 550px;
transform: translateY(0) scale(1);
opacity: 1;
pointer-events: auto;
}
.menu-dropdown.dropdown-open{
display: grid;
max-height: 300px;
transform: translateY(0) scale(1);
opacity: 1;
pointer-events: auto;
}
/* Barra promo 2026 */
.promo .slider-messages{
background-color: rgba(255,204,0,1);
padding-bottom: 0px;
width: 100%;
}
.promo .slider-messages__container{
width: 100%;
}
.promo .slider-messages .slider{
width: 100%;
overflow: hidden;
}
.promo .slider-messages .slider .slide-track{
display: flex;
animation: scroll 40s linear infinite;
-webkit-animation: scroll 40s linear infinite;
width: 281.25rem;
}
.promo .slider-messages .slider .slide-track .slide{
width: auto;
margin: 0.625rem;
max-height: 2.5rem;
}
.promo .slider-messages .slider .slide-track .slide div{
display: flex;
width: 100%;
font-size: 0.8rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.promo .slider-messages .slider .slide-track .slide div span{
align-self: center;
text-transform: uppercase;
font-size: 0.8rem;
}
.single-post__grid{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px){
.single-post__grid{
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 2.5rem;
}
}
.single-post__grid{
align-items: center;
justify-content: center;
}
@media (min-width: 1024px){
.single-post__grid{
align-items: flex-start;
justify-content: flex-start;
}
}
.single-post__grid__content{
grid-column: span 3 / span 3;
}
@media (min-width: 1280px){
.single-post__grid__content{
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1024px){
.single-post__grid__content{
margin-right: 1rem;
}
}
@media (min-width: 1280px){
.single-post__grid__content{
margin-right: 5rem;
}
}
.single-post__grid__content .hero{
margin-bottom: 2.5rem;
}
.single-post__grid__content .hero >img{
border-radius: 0.5rem;
margin-bottom: 1.25rem;
}
.single-post__grid__content .hero__subtitle{
display: flex;
flex-direction: column;
}
@media (min-width: 768px){
.single-post__grid__content .hero__subtitle{
flex-direction: row;
}
}
.single-post__grid__content .hero__subtitle{
gap: 0.5rem;
}
@media (min-width: 768px){
.single-post__grid__content .hero__subtitle{
justify-content: space-between;
}
}
.single-post__grid__content .hero__subtitle{
margin-left: 0.25rem;
margin-right: 0.25rem;
font-size: 0.9rem;
}
.single-post__grid__content .hero__subtitle .categories{
display: flex;
}
.single-post__grid__content .hero__subtitle .categories i{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
font-size: 1.5rem;
}
.single-post__grid__content .hero__subtitle .categories a{
margin-left: 0.25rem;
text-decoration-line: underline;
}
.single-post__grid__content .hero__subtitle .ia-resume{
display: flex;
flex-direction: column;
}
@media (min-width: 768px){
.single-post__grid__content .hero__subtitle .ia-resume{
flex-direction: row;
}
}
.single-post__grid__content .hero__subtitle .ia-resume{
justify-content: center;
}
@media (min-width: 768px){
.single-post__grid__content .hero__subtitle .ia-resume{
justify-content: flex-start;
}
}
.single-post__grid__content .hero__subtitle .ia-resume{
gap: 0.5rem;
margin-top: 1.5rem;
}
@media (min-width: 768px){
.single-post__grid__content .hero__subtitle .ia-resume{
margin-top: 0px;
}
}
.single-post__grid__content .hero__subtitle .ia-resume >p{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-weight: 600;
align-self: center;
text-align: center;
}
@media (min-width: 768px){
.single-post__grid__content .hero__subtitle .ia-resume >p{
text-align: start;
}
}
@media not all and (min-width: 768px){
.single-post__grid__content .hero__subtitle .ia-resume >p{
font-weight: 600;
}
}
@media not all and (min-width: 640px){
.single-post__grid__content .hero__subtitle .ia-resume >p{
font-size: 1.1rem;
}
}
@media not all and (min-width: 768px){
.single-post__grid__content .hero__subtitle .ia-resume >p{
font-size: 1.3rem;
}
}
.single-post__grid__content .hero__subtitle .ia-resume__links{
display: flex;
gap: 1.5rem;
}
@media (min-width: 768px){
.single-post__grid__content .hero__subtitle .ia-resume__links{
gap: 0.5rem;
}
}
.single-post__grid__content .hero__subtitle .ia-resume__links{
align-items: center;
justify-content: center;
}
.single-post__grid__content .hero__subtitle .ia-resume__links a {}
.single-post__grid .entry-content{
width: 100%;
}
.single-post__grid .entry-content img{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0.75rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.single-post__grid .entry-content hr{
margin-top: 0px;
margin-bottom: 0px;
}
.single-post__grid .entry-content h3{
margin-top: 2rem;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 600;
}
.single-post__grid .entry-content a{
text-decoration-line: underline;
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.single-post__grid .entry-content__introduction{
margin-bottom: 5rem;
}
.single-post__grid .entry-content__introduction >h5{
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
gap: 0.5rem;
width: fit-content;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(167 188 47 / var(--tw-border-opacity, 1));
border-radius: 0.5rem;
padding: 0.75rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.single-post__grid .entry-content__introduction >h5 >a{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
text-decoration-line: none;
}
.single-post__grid .entry-content__introduction p{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.single-post__grid .entry-content >ul, .single-post__grid .entry-content .index{
margin-left: 2rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
list-style-type: decimal;
}
.single-post__grid .entry-content >ul span, .single-post__grid .entry-content .index span{
font-weight: 600;
}
.single-post__grid .entry-content >ul li, .single-post__grid .entry-content .index li{
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.single-post__grid .entry-content >ul li >ul, .single-post__grid .entry-content .index li >ul{
margin-left: 3rem;
list-style-type: disc;
}
.single-post__grid .entry-content .section-post{
margin-top: 5rem;
}
.single-post__grid .entry-content .section-post p{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.single-post__grid .entry-content .section-post table{
width: 100%;
border-collapse: collapse;
text-align: left;
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border-radius: 0.5rem;
overflow: hidden;
}
.single-post__grid .entry-content .section-post table thead{
--tw-bg-opacity: 1;
background-color: rgb(16 74 127 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
font-weight: 700;
}
.single-post__grid .entry-content .section-post table th[scope="row"]{
--tw-text-opacity: 1;
color: rgb(81 81 81 / var(--tw-text-opacity, 1));
}
.single-post__grid .entry-content .section-post table th,.single-post__grid .entry-content .section-post table td{
padding-left: 0.5rem;
padding-right: 0.5rem;
}
@media (min-width: 768px){
.single-post__grid .entry-content .section-post table th,.single-post__grid .entry-content .section-post table td{
padding-left: 1rem;
padding-right: 1rem;
}
}
.single-post__grid .entry-content .section-post table th,.single-post__grid .entry-content .section-post table td{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(122 131 130 / var(--tw-border-opacity, 1));
}
.single-post__grid .entry-content .section-post table tbody{
--tw-text-opacity: 1;
color: rgb(122 131 130 / var(--tw-text-opacity, 1));
}
.single-post__grid .entry-content .section-post table tbody tr:last-child th,.single-post__grid .entry-content .section-post table tbody tr:last-child td{
border-bottom-width: 0px;
}
.single-post__grid .entry-content .section-post table tbody tr:nth-child(even){
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
.single-post__grid .entry-content .section-post table .first-column{
font-weight: 700;
font-size: 1.125rem;
line-height: 1.75rem;
}
.single-post__grid .entry-content .section-post table{
margin-bottom: 1rem;
}
.single-post__grid .entry-content .section-post figcaption{
display: flex;
text-align: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
font-style: italic;
}
.single-post__grid .entry-content .section-post ul{
list-style-type: disc;
padding-left: 1rem;
}
.single-post__grid .entry-content .section-post ul >li{
margin-top: 1rem;
margin-bottom: 1rem;
}
.single-post__grid .shareOrResume{
display: flex;
flex-direction: column;
margin-top: 3rem;
margin-bottom: 3rem;
}
.single-post__grid .shareOrResume .www{
margin-bottom: 1rem;
font-size: 1.5rem;
font-weight: 600;
}
.single-post__grid .shareOrResume >p{
text-align: center;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
}
.single-post__grid .shareOrResume >div{
display: flex;
gap: 1rem;
align-items: center;
justify-content: center;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.single-post__grid__side-col{
grid-column: span 1 / span 1;
}
/**
* Landing camino en bicicleta
*/
#landing-way-bike .way-bike-hero{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
border-radius: 0.5rem;
background-size: cover;
background-repeat: no-repeat;
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#landing-way-bike .way-bike-hero{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
#landing-way-bike .way-bike-hero{
justify-items: center;
}
/* background-image: linear-gradient(
to right bottom,
rgba(0, 0, 0, 0.4),
rgba(0, 0, 0, 0.4)
),
url("/wp-content/uploads/2024/03/premios_pilgrim_presentadora.jpg"); */
#landing-way-bike .way-bike-hero__container{
width: 100%;
}
@media (min-width: 640px){
#landing-way-bike .way-bike-hero__container{
max-width: 640px;
}
}
@media (min-width: 768px){
#landing-way-bike .way-bike-hero__container{
max-width: 768px;
}
}
@media (min-width: 1024px){
#landing-way-bike .way-bike-hero__container{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#landing-way-bike .way-bike-hero__container{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#landing-way-bike .way-bike-hero__container{
max-width: 1550px;
}
}
#landing-way-bike .way-bike-hero__container{
width: 100%;
padding: 2.5rem;
}
@media (min-width: 1024px){
#landing-way-bike .way-bike-hero__container{
padding: 3.5rem;
padding-top: 6rem;
}
}
#landing-way-bike .way-bike-hero__container{
align-self: center;
}
#landing-way-bike .way-bike-hero__container h1{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px){
#landing-way-bike .way-bike-hero__container h1{
padding-top: 6rem;
}
}
#landing-way-bike .way-bike-hero__container p{
font-size: 1.25rem;
margin-top: 1rem;
margin-bottom: 2.75rem;
width: 100%;
font-family: 'Rasa';
}
#landing-way-bike .way-bike-hero__form-contact{
padding: 2.5rem;
margin-top: 2.5rem;
margin-bottom: -3.5rem;
--tw-bg-opacity: 1;
background-color: rgb(16 74 127 / var(--tw-bg-opacity, 1));
width: 100%;
}
@media (min-width: 1024px){
#landing-way-bike .way-bike-hero__form-contact{
width: 66.666667%;
}
}
#landing-way-bike .way-bike-hero__form-contact{
border-radius: 0.75rem;
}
#landing-way-bike .way-bike-hero__form-contact .title-form{
font-size: 1.5rem;
font-weight: 600;
text-align: center;
margin-top: 1rem;
margin-bottom: 1rem;
}
#landing-way-bike .way-bike-hero__form-contact .subtitle-form{
font-size: 0.8rem;
text-align: start;
}
#landing-way-bike .way-bike-compostela{
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
#landing-way-bike .way-bike-compostela__info h2{
margin-top: 1rem;
margin-bottom: 1rem;
}
#landing-way-bike .way-bike-compostela__info p{
width: 100%;
}
@media (min-width: 768px){
#landing-way-bike .way-bike-compostela__info p{
width: 66.666667%;
}
}
@media (min-width: 1024px){
#landing-way-bike .way-bike-compostela__info p{
width: 50%;
}
}
#landing-way-bike .way-bike-compostela__cards{
width: 80%;
margin-left: auto;
margin-right: auto;
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#landing-way-bike .way-bike-compostela__cards{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
#landing-way-bike .way-bike-compostela__cards{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
#landing-way-bike .way-bike-compostela__cards{
gap: 6rem;
justify-items: center;
}
@media (min-width: 1024px){
#landing-way-bike .way-bike-compostela__cards{
justify-items: stretch;
}
}
#landing-way-bike .way-bike-compostela__cards{
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
#landing-way-bike .way-bike-compostela__cards .card-experience{
border-radius: 0.5rem;
height: 20rem;
padding: 1.25rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
max-width: 100%;
}
#landing-way-bike .way-bike-compostela__cards .card-experience .experience-card-content{
height: 18rem;
}
#landing-way-bike .way-bike-compostela__cards .card-experience .experience-card-content .label-info-modality, #landing-way-bike .way-bike-compostela__cards .card-experience .experience-card-content .label-info-experience{
display: flex;
flex-wrap: wrap;
margin-bottom: 0.25rem;
}
#landing-way-bike .way-bike-compostela__cards .card-experience .experience-card-content .label-info-modality__type{
grid-column: auto;
margin: 0px;
padding-left: 0.5rem;
padding-right: 0.5rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
border-radius: 0.5rem;
font-size: 0.8rem;
align-self: center;
}
#landing-way-bike .way-bike-compostela__cards .card-experience .experience-card-content .label-info-modality__score{
font-size: 0.8rem;
align-self: center;
padding-left: 1rem;
padding-right: 1rem;
margin-bottom: 0px;
}
#landing-way-bike .way-bike-compostela__cards .card-experience .experience-card-content h3{
text-transform: none;
font-size: 1.25rem;
font-weight: 700;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
font-family: 'Inter';
}
#landing-way-bike .way-bike-compostela__cards .card-experience .experience-card-content h3 a{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
#landing-way-bike .way-bike-compostela__cards .card-experience .experience-card-content h3 a:hover{
--tw-text-opacity: 1;
color: rgb(242 242 242 / var(--tw-text-opacity, 1));
}
#landing-way-bike .way-bike-compostela__cards .card-experience .experience-card-content .label-info-experience__icon{
grid-column: auto;
display: flex;
align-self: center;
padding-right: 0px;
}
#landing-way-bike .way-bike-compostela__cards .card-experience .experience-card-content .label-info-experience__text{
grid-column: auto;
display: flex;
align-self: auto;
margin-left: 0.5rem;
}
#landing-way-bike .way-bike-compostela__cards .card-experience .experience-card-content .label-info-experience__text p{
margin: 0px;
font-size: 0.8rem;
font-weight: 700;
}
#landing-way-bike .way-bike-compostela__cards .card-experience .experience-card-content .label-info-price{
width: 100%;
position: absolute;
bottom: 0px;
pointer-events: none;
}
#landing-way-bike .way-bike-compostela__cards .card-experience .experience-card-content .label-info-price__items{
display: flex;
justify-content: space-between;
}
#landing-way-bike .way-bike-compostela__cards .card-experience .experience-card-content .label-info-price__items .label-from{
font-size: 0.5rem;
text-transform: uppercase;
font-weight: 600;
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
#landing-way-bike .way-bike-compostela__cards .card-experience .experience-card-content .label-info-price__items .label-price{
font-size: 1.5rem;
font-weight: 600;
margin-top: -12px;
}
#landing-way-bike .way-bike-compostela__cards .card-experience .experience-card-content .label-info-price__items .label-arrow{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
width: auto;
height: auto;
padding: 0.5rem;
align-self: center;
border-radius: 9999px;
background-color: rgba(165, 165, 165, 0.5);
}
#landing-way-bike .way-bike-compostela__cards .card-experience .experience-card-content .label-info-price__items .label-arrow img{
text-align: center;
align-self: center;
}
#landing-way-bike .way-bike-compostela__cards .footer-info-card{
font-size: 0.8rem;
margin-top: 1.25rem;
}
#landing-way-bike .type-bikes{
margin-bottom: 5rem;
}
#landing-way-bike .type-bikes__title{
margin-bottom: 1rem;
display: grid;
justify-content: flex-start;
text-align: start;
}
#landing-way-bike .type-bikes__title h2{
margin-bottom: 0.5rem;
}
#landing-way-bike .type-bikes__title p{
width: 100%;
}
@media (min-width: 1024px){
#landing-way-bike .type-bikes__title p{
width: 50%;
}
}
#landing-way-bike .type-bikes__content{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#landing-way-bike .type-bikes__content{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
#landing-way-bike .type-bikes__content{
margin-top: 2.5rem;
}
#landing-way-bike .type-bikes__content .content-section-info{
margin-top: 1.25rem;
}
@media (min-width: 1024px){
#landing-way-bike .type-bikes__content .content-section-info{
margin-top: 5rem;
}
}
#landing-way-bike .type-bikes__content .content-section-info section{
min-height: 16.25rem;
}
#landing-way-bike .planner-bike{
max-width: none;
width: 99vw;
position: relative;
left: 50%;
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
@media (min-width: 1024px){
#landing-way-bike .planner-bike{
margin-bottom: 14rem;
}
}
#landing-way-bike .planner-bike__content{
display: grid;
align-items: center;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#landing-way-bike .planner-bike__content{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
#landing-way-bike .planner-bike__content{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
#landing-way-bike .planner-bike__content{
gap: 1.5rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
#landing-way-bike .planner-bike__reasons{
grid-column: span 1 / span 1;
}
@media (min-width: 768px){
#landing-way-bike .planner-bike__reasons{
grid-column: span 3 / span 3;
}
}
#landing-way-bike .planner-bike__reasons{
width: 100%;
}
@media (min-width: 1024px){
#landing-way-bike .planner-bike__reasons{
width: 66.666667%;
}
}
#landing-way-bike .planner-bike__reasons .subtitle-reasons{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
#landing-way-bike .planner-bike__reasons ul{
display: flex;
flex-direction: column;
gap: 1rem;
}
#landing-way-bike .planner-bike__reasons ul li{
display: flex;
align-items: center;
gap: 1rem;
font-weight: 600;
}
#landing-way-bike .planner-bike__reasons ul li i{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
}
#landing-way-bike .planner-bike .planner{
grid-column: span 2 / span 2;
margin-bottom: -7rem;
}
#landing-way-bike .bike-users{
position: relative;
display: grid;
}
@media (min-width: 1024px){
#landing-way-bike .bike-users{
display: flex;
}
}
#landing-way-bike .bike-users{
align-items: center;
padding: 1.5rem;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
margin-top: 6rem;
margin-bottom: 0px;
}
@media (min-width: 1024px){
#landing-way-bike .bike-users{
margin-bottom: 3.5rem;
}
}
#landing-way-bike .bike-users{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
}
#landing-way-bike .bike-users__img{
position: relative;
--tw-translate-y: -25%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 1024px){
#landing-way-bike .bike-users__img{
position: absolute;
top: 50%;
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
#landing-way-bike .bike-users__img{
height: 16rem;
}
#landing-way-bike .bike-users__img img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.5rem;
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#landing-way-bike .bike-users__text{
padding: 0px;
}
@media (min-width: 1024px){
#landing-way-bike .bike-users__text{
padding-left: 28rem;
padding-right: 5rem;
}
}
#landing-way-bike .bike-users__text .title-users{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-size: 1.5rem;
margin-top: 0.5rem;
font-weight: 600;
}
#landing-way-bike .bike-users__text p{
margin-bottom: 1.25rem;
}
#landing-way-bike #easyWay h2{
text-align: center;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
#landing-way-bike #easyWay .cards-easy-way{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#landing-way-bike #easyWay .cards-easy-way{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
#landing-way-bike #easyWay .cards-easy-way{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
#landing-way-bike #easyWay .cards-easy-way{
gap: 2.5rem;
}
#landing-way-bike #easyWay .cards-easy-way__item{
border-radius: 0.75rem;
background-color: rgba(167, 188, 47, 0.1);
text-align: center;
display: flex;
flex-direction: column;
font-weight: 600;
padding: 2.5rem;
}
#landing-way-bike #easyWay .cards-easy-way__item i{
font-size: 2.5rem;
}
#landing-way-bike #easyWay .cards-easy-way__item .label-card{
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
font-size: 0.8rem;
margin-left: auto;
margin-right: auto;
border-radius: 0.375rem;
margin-top: 1.25rem;
margin-bottom: 0.75rem;
}
#landing-way-bike #easyWay .cards-easy-way__item .text-card{
font-size: 0.8rem;
}
#landing-way-bike #primaryWays{
margin-top: 6rem;
margin-bottom: 6rem;
}
#landing-way-bike #primaryWays h2{
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
#landing-way-bike #primaryWays .cards-primary-ways{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#landing-way-bike #primaryWays .cards-primary-ways{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
#landing-way-bike #primaryWays .cards-primary-ways{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
#landing-way-bike #primaryWays .cards-primary-ways{
gap: 2rem;
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card{
display: block;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card img{
border-radius: 0.5rem;
height: 250px;
}
@media (min-width: 768px){
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card img{
min-height: 375px;
}
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-top{
position: absolute;
top: 0px;
width: 100%;
padding: 1.5rem;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
justify-content: space-between;
background-image: linear-gradient(to top, var(--tw-gradient-stops));
border-radius: 0.5rem;
background: linear-gradient(
to top,
rgba(255, 255, 255, 0),
rgba(0, 0, 0, 0.7)
);
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-top__way{
grid-column: span 2 / span 2;
text-transform: uppercase;
font-size: 0.8rem;
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-top__way span{
font-size: 1.5rem;
text-transform: none;
font-weight: 700;
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-top__town{
display: flex;
justify-content: flex-end;
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-top__town div{
grid-column: span 1 / span 1;
background-color: rgba(0, 0, 0, 0.3);
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
border-radius: 0.5rem;
text-align: center;
align-self: center;
font-size: 0.8rem;
font-weight: 700;
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom{
position: absolute;
bottom: 0px;
width: 100%;
padding: 1.5rem;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
border-radius: 0.5rem;
background: linear-gradient(
to bottom,
rgba(255, 255, 255, 0),
rgba(0, 0, 0, 0.9)
);
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__stages{
grid-column: span 2 / span 2;
display: flex;
justify-content: flex-start;
gap: 0.5rem;
}
@media (min-width: 1024px){
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__stages{
gap: 2rem;
}
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie{
display: flex;
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie i{
align-self: center;
font-size: 1.5rem;
}
@media (min-width: 1024px){
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie i{
font-size: 2.5rem;
}
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div{
display: grid;
font-size: 0.8rem;
}
@media (min-width: 1024px){
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div{
font-size: 6rem;
}
}
@media (min-width: 768px){
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div{
font-size: 0.8rem;
}
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div{
align-self: center;
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-apie div .number-km{
font-weight: 700;
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici{
display: flex;
gap: 0.5rem;
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici i{
align-self: center;
font-size: 1.5rem;
}
@media (min-width: 1024px){
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici i{
font-size: 2.5rem;
}
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div{
display: grid;
font-size: 0.8rem;
}
@media (min-width: 1024px){
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div{
font-size: 6rem;
}
}
@media (min-width: 768px){
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div{
font-size: 0.8rem;
}
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div{
align-self: center;
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__stages .col-enbici div .number-km{
font-weight: 700;
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__btn{
grid-column: span 1 / span 1;
display: flex;
justify-content: flex-end;
gap: 0.5rem;
}
@layer {
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__btn button{
display: flex;
justify-content: center;
align-self: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
width: 2rem;
height: 2rem;
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__btn button i{
align-self: center;
}
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__btn button{
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
#landing-way-bike #primaryWays .cards-primary-ways__card .content-card__info-bottom__btn button i{
align-self: center;
--tw-text-opacity: 1;
color: rgb(81 81 81 / var(--tw-text-opacity, 1));
}
.way-awaits .icon-pilgrim-bike {
max-width: 12.5rem;
}
.way-awaits .section-header-way-awaits {
background-image: url("https://www.pilgrim.es/wp-content/uploads/2024/04/hero-way-await.jpg");
background-size: cover;
height: 35rem;
}
.way-awaits .slider-messages {
margin-top: -10px;
background: black;
}
.way-awaits .slider {
width: 100%;
overflow: hidden;
}
.way-awaits .slider .slide-track {
display: flex;
animation: scroll 40s linear infinite;
-webkit-animation: scroll 40s linear infinite;
width: 281.25rem;
}
.way-awaits .slider .slide {
width: auto;
margin: 0.625rem;
max-height: 2.5rem;
}
.way-awaits .slider .slide div {
width: 100%;
font-size: 1.25rem;
color: white;
}
.way-awaits .text-buttom {
font-size: 1rem;
}
.way-awaits .info-first-img {
margin-top: -6%;
}
.way-awaits .text-img {
font-size: 1.5rem;
}
.way-awaits .img-services {
margin-bottom: -14.1%;
}
.way-awaits .info-second-img {
background: black;
margin-top: 3.3rem;
}
.way-awaits .third-img-planner {
height: 100%;
object-fit: cover;
}
.way-awaits .sello-certificate {
margin-top: -10%;
margin-right: -5%;
right: 0;
z-index: 1000;
}
@media (max-width: 850px) {
.way-awaits .title-leads {
font-size: 3rem;
}
.way-awaits .sello-header {
margin-bottom: -50%;
}
.way-awaits .text-img {
font-size: 1.25rem;
}
}
@media (max-width: 450px) {
.way-awaits .title-leads {
font-size: 2.4rem;
}
.way-awaits .text-buttom {
font-size: 0.75rem;
}
.way-awaits .text-img {
font-size: 1rem;
}
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-200px * 7));
}
}
#leadsForm{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#leadsForm{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
#leadsForm{
--tw-bg-opacity: 1;
background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
max-width: none;
position: relative;
left: 50%;
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
width: 97vw;
align-self: center;
border-radius: 0.5rem;
max-height: 650px;
overflow: hidden;
}
#leadsForm .img-col{
width: 45%;
}
@media (min-width: 768px){
#leadsForm .img-col{
width: 100%;
}
}
#leadsForm .img-col{
margin-left: auto;
margin-right: auto;
grid-column: span 2 / span 2;
align-self: center;
}
@media (min-width: 768px){
#leadsForm .form-col{
grid-column: span 3 / span 3;
}
}
#leadsForm .form-col{
width: 80%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px){
#leadsForm .form-col{
width: 100%;
}
}
#leadsForm .form-col{
display: flex;
flex-direction: column;
align-items: center;
}
@media (min-width: 768px){
#leadsForm .form-col{
align-items: flex-start;
}
}
#leadsForm .form-col{
padding-top: 0.25rem;
padding: 1.25rem;
}
@media (min-width: 768px){
#leadsForm .form-col{
padding: 2.5rem;
}
}
#leadsForm .form-col__title{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 0.75rem;
padding-top: 0.25rem !important;
}
#leadsForm .form-col__subtitle{
padding-bottom: 0.5rem;
font-size: 0.8rem !important;
}
#leadsForm .form-col input{
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
#leadsForm .form-col .loadingDiv{
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
display: flex;
justify-content: center;
}
#leadsForm .form-col span{
font-size: 0.8rem;
}
#leadsForm .form-col span a{
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
@media (max-width: 768px) {
#leadsForm .form-col .form-checkbox span{
font-size: 0.5rem !important;
}
}
.school-group .card-overlay{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
opacity: 0.3;
position: absolute;
width: 100%;
height: 100%;
border-radius: 0.5rem;
top: 0px;
}
.school-group .image-bg{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0px;
width: 100%;
height: 100%;
border-radius: 0.5rem;
}
.school-group__advantages{
margin-bottom: 2.5rem;
}
@media (min-width: 1024px){
.school-group__advantages{
margin-bottom: 8rem;
}
}
.school-group__advantages__title{
text-align: center;
align-self: center;
margin-bottom: 2rem;
}
@media (min-width: 1024px){
.school-group__advantages__title{
margin-bottom: 5rem;
}
}
.school-group__advantages__title{
max-width: 56rem;
margin-left: auto;
margin-right: auto;
}
.school-group__advantages__container-cards{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 768px){
.school-group__advantages__container-cards{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.school-group__advantages__container-cards{
gap: 1rem;
}
@media (min-width: 768px){
.school-group__advantages__container-cards{
gap: 2rem;
}
}
.school-group__advantages__container-cards .infoCard__content i{
font-size: 2rem;
}
@media (min-width: 768px){
.school-group__advantages__container-cards .infoCard__content i{
font-size: 2.5rem;
}
}
@media (min-width: 1024px){
.school-group__advantages__container-cards .infoCard__content i{
font-size: 3.75rem;
line-height: 1;
}
}
.school-group__experiencies__container__img{
align-self: center;
}
@media (min-width: 768px){
.school-group__experiencies__container__img{
margin-right: 1.5rem;
}
}
.school-group__experiencies__container__img img{
position: relative;
}
@media (min-width: 1024px){
.school-group__experiencies__container__img img{
margin-bottom: -12rem;
}
}
@media (min-width: 768px){
.school-group__experiencies__container__img img{
top: 2.5rem;
}
}
@media (min-width: 1024px){
.school-group__experiencies__container__img img{
top: 0px;
}
}
@media (min-width: 1280px){
.school-group__experiencies__container__img img{
top: 2.5rem;
}
}
.school-group__experiencies__container__img img{
max-width: 20rem;
}
@media (min-width: 1024px){
.school-group__experiencies__container__img img{
max-width: 25rem;
}
}
@media (min-width: 1280px){
.school-group__experiencies__container__img img{
max-width: 30rem;
}
}
.school-group__routes{
max-width: 72rem !important;
margin-bottom: 2.5rem;
}
@media (min-width: 1024px){
.school-group__routes{
margin-bottom: 8rem;
}
}
.school-group__routes__title{
text-align: center;
margin-bottom: 2rem;
}
@media (min-width: 1024px){
.school-group__routes__title{
margin-bottom: 5rem;
}
}
.school-group__routes__title{
max-width: 56rem;
margin-left: auto;
margin-right: auto;
}
.school-group__routes__container{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
.school-group__routes__container{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.school-group__routes__container{
gap: 1.5rem;
}
@media (min-width: 1024px){
.school-group__routes__container{
margin-left: 5rem;
margin-right: 5rem;
}
}
.school-group__routes__container .card-route{
border-radius: 0.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
min-height: 16rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.school-group__routes__container .card-route__content{
display: grid;
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 2.25rem;
padding-bottom: 2.25rem;
position: relative;
z-index: 10;
}
.school-group__routes__container .card-route__content__category{
display: flex;
gap: 0.75rem;
margin-bottom: 1rem;
align-self: center;
}
.school-group__routes__container .card-route__content__category__star{
display: flex;
gap: 0.25rem;
align-self: center;
align-items: center;
}
.school-group__routes__container .card-route__content__title{
margin-bottom: 2rem;
}
.school-group__routes__container .card-route__content__title .p-h5{
font-size: 1.5rem;
font-weight: 700;
}
.school-group__routes__container .card-route__content__btn{
display: flex;
justify-content: flex-end;
}
.school-group__routes__container .card-route__content__btn a:hover{
--tw-bg-opacity: 1;
background-color: rgb(134 153 28 / var(--tw-bg-opacity, 1));
}
.school-group__routes__container .card-route__content__btn a{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.school-group .form-client{
margin-bottom: 2.5rem;
}
@media (min-width: 1024px){
.school-group .form-client{
margin-bottom: 8rem;
}
}
.school-group__services{
margin-bottom: 2.5rem;
}
@media (min-width: 1024px){
.school-group__services{
margin-bottom: 10rem;
}
}
.school-group__services__title{
margin-bottom: 5rem;
text-align: center;
max-width: 56rem;
margin-left: auto;
margin-right: auto;
}
.school-group__services__container{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 768px){
.school-group__services__container{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.school-group__services__container{
gap: 1.5rem;
}
.school-group__services__container .service-card{
border-radius: 0.5rem;
height: 16rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
position: relative;
}
.school-group__services__container .service-card__content{
padding-left: 1rem;
padding-right: 1rem;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
flex-direction: column;
align-self: flex-end;
align-items: center;
justify-content: flex-start;
}
@media (min-width: 1024px){
.school-group__services__container .service-card__content{
justify-content: flex-end;
}
}
.school-group__services__container .service-card__content{
text-align: center;
position: relative;
height: 100%;
z-index: 10;
}
.school-group__services__container .service-card__content__label{
display: flex;
width: fit-content;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
margin-bottom: 0.75rem;
}
.school-group__services__container .service-card__content__text{
min-height: 3rem;
}
.school-group__pilgrimtravel{
margin-bottom: 2rem;
}
@media (min-width: 1024px){
.school-group__pilgrimtravel{
margin-bottom: 5rem;
}
}
.school-group__pilgrimtravel__title{
text-align: center;
margin-bottom: 5rem;
max-width: 56rem;
margin-left: auto;
margin-right: auto;
}
.school-group__pilgrimtravel__container{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 640px){
.school-group__pilgrimtravel__container{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 768px){
.school-group__pilgrimtravel__container{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.school-group__pilgrimtravel__container{
gap: 4rem;
}
.school-group__pilgrimtravel__container .item-icon{
display: flex;
gap: 0.75rem;
justify-content: flex-start;
}
.school-group__pilgrimtravel__container .item-icon i{
font-size: 2rem;
--tw-text-opacity: 1;
color: rgb(122 198 67 / var(--tw-text-opacity, 1));
margin-top: 0.4rem;
}
.school-group__pilgrimtravel__container .item-icon__text h5{
font-weight: 600;
font-size: 1.125rem;
line-height: 1.75rem;
}
.school-group__pilgrimtravel__container .item-icon__text p{
font-size: 1.1rem;
}
.school-group__pilgrimtravel__container__col{
display: grid;
gap: 2rem;
align-self: flex-start;
height: 100%;
}
/**
* Landing premios pilgrim
*/
#pilgrim-awards .awards-hero{
height: 30rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
border-radius: 0.5rem;
background-size: cover;
background-repeat: no-repeat;
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#pilgrim-awards .awards-hero{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
#pilgrim-awards .awards-hero{
justify-items: center;
}
/* background-image: linear-gradient(
to right bottom,
rgba(0, 0, 0, 0.4),
rgba(0, 0, 0, 0.4)
),
url("/wp-content/uploads/2024/03/premios_pilgrim_presentadora.jpg"); */
#pilgrim-awards .awards-hero__container{
width: 100%;
}
@media (min-width: 640px){
#pilgrim-awards .awards-hero__container{
max-width: 640px;
}
}
@media (min-width: 768px){
#pilgrim-awards .awards-hero__container{
max-width: 768px;
}
}
@media (min-width: 1024px){
#pilgrim-awards .awards-hero__container{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#pilgrim-awards .awards-hero__container{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#pilgrim-awards .awards-hero__container{
max-width: 1550px;
}
}
#pilgrim-awards .awards-hero__container{
width: 100%;
padding: 3rem;
}
@media (min-width: 1024px){
#pilgrim-awards .awards-hero__container{
padding: 8rem;
padding-top: 6rem;
}
}
#pilgrim-awards .awards-hero__container{
align-self: center;
}
#pilgrim-awards .awards-hero__container h1{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
padding-top: 2.5rem;
}
@media (min-width: 1024px){
#pilgrim-awards .awards-hero__container h1{
padding-top: 6rem;
}
}
#pilgrim-awards .awards-hero__container p{
font-size: 1.25rem;
margin-top: 1rem;
margin-bottom: 2.75rem;
width: 100%;
font-family: 'Rasa';
}
#pilgrim-awards .awards-container__title{
margin-bottom: 1rem;
display: grid;
justify-content: center;
text-align: center;
}
#pilgrim-awards .awards-container__title h2{
margin-bottom: 0.5rem;
}
#pilgrim-awards .awards-container__content{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
padding: 1.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
#pilgrim-awards .awards-container__content .content-section-info{
margin-top: 1.25rem;
}
@media (min-width: 1024px){
#pilgrim-awards .awards-container__content .content-section-info{
margin-top: 5rem;
}
}
#pilgrim-awards .awards-summary{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px){
#pilgrim-awards .awards-summary{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
#pilgrim-awards .awards-summary{
gap: 1rem;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
#pilgrim-awards .awards-summary__info{
grid-column: span 3 / span 3;
padding-right: 0px;
}
@media (min-width: 1024px){
#pilgrim-awards .awards-summary__info{
padding-right: 13rem;
}
}
#pilgrim-awards .awards-summary__info h2{
margin-top: 1rem;
margin-bottom: 1rem;
}
#pilgrim-awards .awards-summary__info span{
font-weight: 600;
}
#pilgrim-awards .awards-summary__info .awards-logos{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.5rem;
}
@media (min-width: 1024px){
#pilgrim-awards .awards-summary__info .awards-logos{
gap: 2.5rem;
}
}
#pilgrim-awards .awards-summary__info .awards-logos{
margin-top: 2.5rem;
}
#pilgrim-awards .awards-summary__info .awards-statistics{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px){
#pilgrim-awards .awards-summary__info .awards-statistics{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
#pilgrim-awards .awards-summary__info .awards-statistics{
gap: 0.5rem;
}
@media (min-width: 768px){
#pilgrim-awards .awards-summary__info .awards-statistics{
gap: 2.5rem;
}
}
#pilgrim-awards .awards-summary__info .awards-statistics{
margin-top: 5rem;
}
#pilgrim-awards .awards-summary__info .awards-statistics__col .info-number{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-size: 2.5rem;
font-weight: 600;
}
#pilgrim-awards .awards-summary__info .awards-statistics__col .info-title{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-weight: 700;
}
#pilgrim-awards .awards-summary__info .awards-statistics__col .info-text{
margin-top: 2rem;
}
#pilgrim-awards .awards-summary__images{
grid-column: span 2 / span 2;
display: grid;
gap: 1.5rem;
margin-top: 1rem;
}
@media (min-width: 1024px){
#pilgrim-awards .awards-summary__images{
margin-top: 0px;
}
}
#pilgrim-awards .awards-summary__images img{
border-radius: 0.75rem;
}
#pilgrim-awards .awards-summary__images .img-col-start{
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 1.5rem;
}
#pilgrim-awards .awards-summary__images .img-col-start__left{
grid-column: span 3 / span 3;
align-self: flex-end;
height: 16rem;
width: 100%;
overflow: hidden;
}
#pilgrim-awards .awards-summary__images .img-col-start__left img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
#pilgrim-awards .awards-summary__images .img-col-start__right{
grid-column: span 4 / span 4;
align-self: flex-end;
height: 24rem;
width: 100%;
overflow: hidden;
}
#pilgrim-awards .awards-summary__images .img-col-start__right img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
#pilgrim-awards .awards-summary__images .img-col-end{
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 1.5rem;
}
#pilgrim-awards .awards-summary__images .img-col-end__left{
grid-column: span 4 / span 4;
height: 16rem;
width: 100%;
overflow: hidden;
}
#pilgrim-awards .awards-summary__images .img-col-end__left img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 90%;
}
#pilgrim-awards .awards-summary__images .img-col-end__right{
grid-column: span 3 / span 3;
height: 20rem;
width: 100%;
overflow: hidden;
}
#pilgrim-awards .awards-summary__images .img-col-end__right img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
#pilgrim-awards #winners25, #pilgrim-awards #winners24, #pilgrim-awards #winners23{
margin-top: 5rem;
}
#pilgrim-awards #winners25 .container, #pilgrim-awards #winners24 .container, #pilgrim-awards #winners23 .container{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
}
#pilgrim-awards #winners25 .container .accordion-btn, #pilgrim-awards #winners24 .container .accordion-btn, #pilgrim-awards #winners23 .container .accordion-btn{
width: 100%;
padding: 1rem;
text-align: left;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
#pilgrim-awards #winners25 .container .accordion-btn:focus, #pilgrim-awards #winners24 .container .accordion-btn:focus, #pilgrim-awards #winners23 .container .accordion-btn:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
#pilgrim-awards #winners25 .container .accordion-btn__question, #pilgrim-awards #winners24 .container .accordion-btn__question, #pilgrim-awards #winners23 .container .accordion-btn__question{
display: flex;
justify-content: space-between;
align-items: center;
}
#pilgrim-awards #winners25 .container .accordion-btn__question h2, #pilgrim-awards #winners24 .container .accordion-btn__question h2, #pilgrim-awards #winners23 .container .accordion-btn__question h2{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
text-align: start;
font-size: 1.25rem;
font-weight: 400;
}
#pilgrim-awards #winners25 .container .accordion-btn__question span, #pilgrim-awards #winners24 .container .accordion-btn__question span, #pilgrim-awards #winners23 .container .accordion-btn__question span{
font-size: 1.5rem;
--tw-text-opacity: 1;
color: rgb(246 137 36 / var(--tw-text-opacity, 1));
}
#pilgrim-awards #winners25 .container .accordion-btn hr, #pilgrim-awards #winners24 .container .accordion-btn hr, #pilgrim-awards #winners23 .container .accordion-btn hr{
margin-bottom: 1rem;
height: 0.25rem;
width: 100%;
--tw-text-opacity: 1;
color: rgb(217 217 217 / var(--tw-text-opacity, 1));
margin-top: 0.5rem;
margin-bottom: 0px;
}
#pilgrim-awards #winners25 .container .accordion-content, #pilgrim-awards #winners24 .container .accordion-content, #pilgrim-awards #winners23 .container .accordion-content{
padding-left: 1rem;
max-height: 0px;
overflow: hidden;
transition-property: all;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
padding-top: 0px;
padding-bottom: 0px;
}
#pilgrim-awards #winners25 .container .accordion-content__columns, #pilgrim-awards #winners24 .container .accordion-content__columns, #pilgrim-awards #winners23 .container .accordion-content__columns{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 768px){
#pilgrim-awards #winners25 .container .accordion-content__columns, #pilgrim-awards #winners24 .container .accordion-content__columns, #pilgrim-awards #winners23 .container .accordion-content__columns{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
#pilgrim-awards #winners25 .container .accordion-content__columns, #pilgrim-awards #winners24 .container .accordion-content__columns, #pilgrim-awards #winners23 .container .accordion-content__columns{
gap: 2rem;
}
#pilgrim-awards #winners25 .container .accordion-content__columns .winner-column__title, #pilgrim-awards #winners24 .container .accordion-content__columns .winner-column__title, #pilgrim-awards #winners23 .container .accordion-content__columns .winner-column__title{
font-weight: 600;
}
#pilgrim-awards #winners25 .container .accordion-content__columns .winner-column hr, #pilgrim-awards #winners24 .container .accordion-content__columns .winner-column hr, #pilgrim-awards #winners23 .container .accordion-content__columns .winner-column hr{
height: 0.25rem;
width: 100%;
--tw-text-opacity: 1;
color: rgb(217 217 217 / var(--tw-text-opacity, 1));
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
#pilgrim-awards #winners25 .container .accordion-content.show, #pilgrim-awards #winners24 .container .accordion-content.show, #pilgrim-awards #winners23 .container .accordion-content.show{
max-height: 47rem;
padding-top: 1rem;
padding-bottom: 1rem;
}
#pilgrim-awards .quality-seal{
position: relative;
display: grid;
}
@media (min-width: 1024px){
#pilgrim-awards .quality-seal{
display: flex;
}
}
#pilgrim-awards .quality-seal{
align-items: center;
padding: 1.5rem;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
margin-top: 2.5rem;
margin-bottom: 0px;
}
@media (min-width: 1024px){
#pilgrim-awards .quality-seal{
margin-bottom: 3.5rem;
}
}
#pilgrim-awards .quality-seal{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
}
#pilgrim-awards .quality-seal__img{
position: relative;
--tw-translate-y: -25%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 1024px){
#pilgrim-awards .quality-seal__img{
position: absolute;
top: 50%;
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
#pilgrim-awards .quality-seal__img{
height: 16rem;
}
#pilgrim-awards .quality-seal__img img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.5rem;
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#pilgrim-awards .quality-seal__text{
padding: 0px;
}
@media (min-width: 1024px){
#pilgrim-awards .quality-seal__text{
padding-left: 28rem;
padding-right: 5rem;
}
}
#pilgrim-awards .quality-seal__text .label-seal{
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
padding: 0.5rem;
width: fit-content;
border-radius: 0.375rem;
font-family: 'Poppins';
}
#pilgrim-awards .quality-seal__text .max-seal{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-size: 1.5rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-weight: 600;
}
/**
* Página principiantes
*/
#beginners-page .header__hero{
display: flex;
align-items: flex-end;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
min-height: 30rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0.75rem;
margin-bottom: 3rem;
width: 100%;
padding: 5rem;
margin-top: 1rem;
}
#beginners-page .header__hero div{
display: flex;
flex-direction: column;
}
#beginners-page .header__hero div h2{
font-size: 2.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
#beginners-page .header__hero div h3{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
font-size: 1.1rem;
}
#beginners-page .all-info__title{
margin-bottom: 2rem;
}
#beginners-page .all-info__title p{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
#beginners-page .all-info__cards{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#beginners-page .all-info__cards{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
#beginners-page .all-info__cards{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
#beginners-page .all-info__cards{
gap: 2rem;
}
#beginners-page .all-info__cards__item{
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
max-height: 13rem;
}
#beginners-page .all-info__cards__item img{
border-radius: 0.5rem;
}
#beginners-page .all-info__cards__item .title-card{
position: absolute;
bottom: 0px;
width: 100%;
height: 100%;
padding: 1.5rem;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 768px){
#beginners-page .all-info__cards__item .title-card{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
#beginners-page .all-info__cards__item .title-card{
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
--tw-gradient-from: rgba(255, 255, 255, 0.3) var(--tw-gradient-from-position);
--tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: rgb(0 0 0 / 0.7) var(--tw-gradient-to-position);
border-radius: 0.5rem;
}
#beginners-page .all-info__cards__item .title-card h4{
grid-column: span 1 / span 1;
}
@media (min-width: 768px){
#beginners-page .all-info__cards__item .title-card h4{
grid-column: span 2 / span 2;
}
}
#beginners-page .all-info__cards__item .title-card h4{
display: flex;
align-items: flex-end;
}
#beginners-page .all-info__cards__item .title-card h4 a{
grid-column: span 1 / span 1;
}
@media (min-width: 768px){
#beginners-page .all-info__cards__item .title-card h4 a{
grid-column: span 2 / span 2;
}
}
#beginners-page .all-info__cards__item .title-card h4 a{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
#beginners-page .all-info__cards__item .title-card h4 a:hover{
--tw-text-opacity: 1;
color: rgb(242 242 242 / var(--tw-text-opacity, 1));
}
#beginners-page .all-info__cards__item .title-card .button-card{
grid-column: span 1 / span 1;
display: flex;
justify-content: flex-end;
align-items: flex-end;
gap: 0.5rem;
}
#beginners-page .all-info__cards__item .title-card .button-card button{
width: 2rem;
height: 2rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
#beginners-page .all-info__cards__item .title-card .button-card button:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
#beginners-page .all-info__cards__item .title-card .button-card button i{
--tw-text-opacity: 1;
color: rgb(81 81 81 / var(--tw-text-opacity, 1));
}
#beginners-page .help-you{
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
#beginners-page .help-you h2, #beginners-page .help-you p{
text-align: center;
}
#beginners-page .help-you h2{
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
#beginners-page .help-you__container{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 1024px){
#beginners-page .help-you__container{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
#beginners-page .help-you__container{
gap: 2rem;
margin-top: 2.5rem;
}
#beginners-page .help-you__container__item{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
}
#beginners-page .help-you__container__item .item-icon{
grid-column: span 1 / span 1;
text-align: end;
}
#beginners-page .help-you__container__item .item-icon i{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
font-size: 2.5rem;
}
#beginners-page .help-you__container__item .item-info{
grid-column: span 2 / span 2;
}
#beginners-page .help-you__container__item .item-info__title{
font-weight: 600;
text-align: start;
}
#beginners-page .help-you__container__item .item-info__subtitle{
text-align: start;
}
#beginners-page .planner-way{
max-width: none;
width: 99vw;
position: relative;
left: 50%;
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
@media (min-width: 1024px){
#beginners-page .planner-way{
margin-bottom: 14rem;
}
}
#beginners-page .planner-way__content{
display: grid;
align-items: center;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#beginners-page .planner-way__content{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
#beginners-page .planner-way__content{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
#beginners-page .planner-way__content{
gap: 1.5rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
#beginners-page .planner-way__content .planner-img{
grid-column: span 1 / span 1;
}
@media (min-width: 768px){
#beginners-page .planner-way__content .planner-img{
grid-column: span 2 / span 2;
}
}
@media (min-width: 1024px){
#beginners-page .planner-way__content .planner-img{
grid-column: span 3 / span 3;
}
}
#beginners-page .planner-way__content .planner{
grid-column: span 1 / span 1;
}
@media (min-width: 768px){
#beginners-page .planner-way__content .planner{
grid-column: span 2 / span 2;
}
}
#beginners-page .planner-way__content .planner{
width: 100%;
}
#beginners-page .planner-way__content .planner p{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
font-size: 0.8rem;
}
#beginners-page .planner-way__content .planner .planner-plugin{
margin-bottom: -7rem;
}
#beginners-page .tips-way{
margin-top: 7rem;
}
@media (min-width: 1024px){
#beginners-page .tips-way{
margin-top: 0px;
}
}
#beginners-page .tips-way__cards{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#beginners-page .tips-way__cards{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
#beginners-page .tips-way__cards{
gap: 1.5rem;
}
#beginners-page .tips-way__cards__item{
display: flex;
flex-direction: column;
}
#beginners-page .tips-way__cards__item img{
border-radius: 0.5rem;
max-height: 16rem;
object-fit: cover;
}
#beginners-page .tips-way__cards__item h4{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
margin-top: 1.25rem;
margin-bottom: 1.25rem;
font-weight: 700;
}
#beginners-page .tips-way__cards__item a{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
}
#beginners-page .tips-way__cards__item a:hover{
--tw-text-opacity: 1;
color: rgb(242 242 242 / var(--tw-text-opacity, 1));
}
#beginners-page .tips-way__cards__item a{
width: 100%;
}
@media (min-width: 768px){
#beginners-page .tips-way__cards__item a{
width: 50%;
}
}
#beginners-page .tips-way__cards__item a{
align-self: center;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
#beginners-page .tips-way__cards__item button{
border-radius: 0.5rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(167 188 47 / var(--tw-border-opacity, 1));
}
#beginners-page .tips-way__cards__item button:hover{
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
}
#beginners-page .tips-way__cards__item button{
padding-left: 2.5rem;
padding-right: 2.5rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
width: 100%;
}
/**
* Página xacobeo
*/
#xacobeo-page .xacobeo-hero{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
border-radius: 0.5rem;
background-size: cover;
background-repeat: no-repeat;
object-fit: cover;
object-position: center;
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#xacobeo-page .xacobeo-hero{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
#xacobeo-page .xacobeo-hero{
justify-items: center;
}
#xacobeo-page .xacobeo-hero__container{
width: 100%;
}
@media (min-width: 640px){
#xacobeo-page .xacobeo-hero__container{
max-width: 640px;
}
}
@media (min-width: 768px){
#xacobeo-page .xacobeo-hero__container{
max-width: 768px;
}
}
@media (min-width: 1024px){
#xacobeo-page .xacobeo-hero__container{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#xacobeo-page .xacobeo-hero__container{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#xacobeo-page .xacobeo-hero__container{
max-width: 1550px;
}
}
#xacobeo-page .xacobeo-hero__container{
width: 100%;
padding: 2.5rem;
}
@media (min-width: 1024px){
#xacobeo-page .xacobeo-hero__container{
padding: 3.5rem;
padding-top: 6rem;
}
}
#xacobeo-page .xacobeo-hero__container{
align-self: center;
}
#xacobeo-page .xacobeo-hero__container h1{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
font-size: 3rem;
}
#xacobeo-page .xacobeo-hero__container p{
font-size: 1.25rem;
margin-top: 1rem;
margin-bottom: 2.75rem;
width: 100%;
font-family: 'Rasa';
}
#xacobeo-page .xacobeo-hero__form-contact{
padding-left: 2.5rem;
padding-right: 2.5rem;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
--tw-bg-opacity: 1;
background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
width: 100%;
}
@media (min-width: 1024px){
#xacobeo-page .xacobeo-hero__form-contact{
width: 66.666667%;
}
}
#xacobeo-page .xacobeo-hero__form-contact{
border-radius: 0.75rem;
--tw-text-opacity: 1;
color: rgb(36 40 40 / var(--tw-text-opacity, 1));
}
#xacobeo-page .xacobeo-hero__form-contact span{
font-size: 0.5rem !important;
}
#xacobeo-page .xacobeo-hero__form-contact span a{
--tw-text-opacity: 1 !important;
color: rgb(45 54 53 / var(--tw-text-opacity, 1)) !important;
font-weight: 600 !important;
}
#xacobeo-page .xacobeo-hero__form-contact .title-form{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-size: 1.5rem;
font-weight: 700;
text-align: start;
margin-bottom: 1rem;
}
#xacobeo-page .xacobeo-hero__form-contact .subtitle-form{
font-size: 0.8rem;
text-align: start;
margin-bottom: 0.25rem;
}
#xacobeo-page .jacobean-year, #xacobeo-page .why-holy-year{
margin-top: 5rem;
}
#xacobeo-page .jacobean-year__container, #xacobeo-page .why-holy-year__container{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px){
#xacobeo-page .jacobean-year__container, #xacobeo-page .why-holy-year__container{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
#xacobeo-page .jacobean-year__container, #xacobeo-page .why-holy-year__container{
gap: 2.5rem;
}
#xacobeo-page .jacobean-year__container .container-img, #xacobeo-page .why-holy-year__container .container-img{
grid-column: span 1 / span 1;
align-self: center;
width: 80%;
margin-left: auto;
margin-right: auto;
position: relative;
}
#xacobeo-page .jacobean-year__container .container-img img, #xacobeo-page .why-holy-year__container .container-img img{
border-radius: 0.75rem;
width: 100%;
height: auto;
object-fit: cover;
}
#xacobeo-page .jacobean-year__container .container-img div, #xacobeo-page .why-holy-year__container .container-img div{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 100%;
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
--tw-gradient-from: rgb(0 0 0 / 0.1) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: rgba(255, 255, 255, 0.3) var(--tw-gradient-to-position);
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
#xacobeo-page .jacobean-year__container .container-info, #xacobeo-page .why-holy-year__container .container-info{
grid-column: span 1 / span 1;
}
@media (min-width: 1024px){
#xacobeo-page .jacobean-year__container .container-info, #xacobeo-page .why-holy-year__container .container-info{
grid-column: span 2 / span 2;
}
}
#xacobeo-page .jacobean-year__container .container-info h2, #xacobeo-page .why-holy-year__container .container-info h2{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
#xacobeo-page .jacobean-year__container .container-info p, #xacobeo-page .why-holy-year__container .container-info p{
margin-bottom: 1rem;
}
#xacobeo-page .jacobean-year__container .container-info button, #xacobeo-page .why-holy-year__container .container-info button{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
border-radius: 0.25rem;
}
#xacobeo-page .jacobean-year__container .container-info button:hover, #xacobeo-page .why-holy-year__container .container-info button:hover{
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
}
.page-404 .section-404 #xacobeo-page .jacobean-year__container .container-info button,.page-404 .section-404 #xacobeo-page .why-holy-year__container .container-info button {
width: 220px;
font-size: 22px;
/* position: relative; */
margin-bottom: 50px;
}
@media screen and (max-width: $screen-tablet) {
.page-404 .section-404 #xacobeo-page .jacobean-year__container .container-info button,.page-404 .section-404 #xacobeo-page .why-holy-year__container .container-info button {
margin-bottom: 0
}
}
#xacobeo-page .jacobean-year__container .container-info button, #xacobeo-page .why-holy-year__container .container-info button{
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
}
#xacobeo-page .jacobean-year__container .container-info button:hover, #xacobeo-page .why-holy-year__container .container-info button:hover{
--tw-bg-opacity: 1;
background-color: rgb(134 153 28 / var(--tw-bg-opacity, 1));
}
#opinionsPage .opinions #xacobeo-page .jacobean-year__container .container-info button,#opinionsPage .opinions #xacobeo-page .why-holy-year__container .container-info button{
display: flex;
align-items: center;
gap: 0.5rem;
}
#xacobeo-page .jacobean-year__container .container-info button, #xacobeo-page .why-holy-year__container .container-info button{
display: flex;
gap: 1rem;
margin-top: 1.25rem;
}
#xacobeo-page .jacobean-year__container .container-info button i, #xacobeo-page .why-holy-year__container .container-info button i{
align-self: center;
}
#xacobeo-page .start-way__container{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px){
#xacobeo-page .start-way__container{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
#xacobeo-page .start-way__container{
gap: 2.5rem;
}
#xacobeo-page .start-way__container .container-info{
grid-column: span 2 / span 2;
}
#xacobeo-page .start-way__container .container-info h2{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
#xacobeo-page .start-way__container .container-info__item{
display: flex;
gap: 0.5rem;
margin-bottom: 2.5rem;
}
#xacobeo-page .start-way__container .container-info__item i{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
padding-top: 0.25rem;
}
#xacobeo-page .start-way__container .container-info button{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
border-radius: 0.25rem;
}
#xacobeo-page .start-way__container .container-info button:hover{
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
}
.page-404 .section-404 #xacobeo-page .start-way__container .container-info button {
width: 220px;
font-size: 22px;
/* position: relative; */
margin-bottom: 50px;
}
@media screen and (max-width: $screen-tablet) {
.page-404 .section-404 #xacobeo-page .start-way__container .container-info button {
margin-bottom: 0
}
}
#xacobeo-page .start-way__container .container-info button{
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
}
#xacobeo-page .start-way__container .container-info button:hover{
--tw-bg-opacity: 1;
background-color: rgb(134 153 28 / var(--tw-bg-opacity, 1));
}
#opinionsPage .opinions #xacobeo-page .start-way__container .container-info button{
display: flex;
align-items: center;
gap: 0.5rem;
}
#xacobeo-page .start-way__container .container-info button{
display: flex;
gap: 1rem;
margin-left: 1.5rem;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
#xacobeo-page .start-way__container .container-info button i{
align-self: center;
}
#xacobeo-page .start-way__container .container-img{
grid-column: span 3 / span 3;
align-self: center;
}
#xacobeo-page .start-way__container .container-img img{
border-radius: 0.75rem;
}
#xacobeo-page .win-jubilee{
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
#xacobeo-page .win-jubilee h2, #xacobeo-page .win-jubilee p{
text-align: center;
}
#xacobeo-page .win-jubilee h2{
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
#xacobeo-page .win-jubilee__container{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 1024px){
#xacobeo-page .win-jubilee__container{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
#xacobeo-page .win-jubilee__container{
gap: 2rem;
margin-top: 2.5rem;
}
#xacobeo-page .win-jubilee__container__item{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
}
#xacobeo-page .win-jubilee__container__item .item-icon{
grid-column: span 1 / span 1;
text-align: end;
}
#xacobeo-page .win-jubilee__container__item .item-icon i{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
font-size: 2.5rem;
}
#xacobeo-page .win-jubilee__container__item .item-info{
grid-column: span 2 / span 2;
}
#xacobeo-page .win-jubilee__container__item .item-info__title{
font-weight: 600;
text-align: start;
}
#xacobeo-page .win-jubilee__container__item .item-info__subtitle{
text-align: start;
}
#xacobeo-page .lodgings-jacobean{
--tw-bg-opacity: 1;
background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
margin-top: 5rem;
margin-bottom: 9rem;
}
#xacobeo-page .lodgings-jacobean__container{
padding-top: 2.5rem;
padding-bottom: 2.5rem;
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px){
#xacobeo-page .lodgings-jacobean__container{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
#xacobeo-page .lodgings-jacobean__container{
gap: 2.5rem;
}
@media (min-width: 1024px){
#xacobeo-page .lodgings-jacobean__container{
gap: 5rem;
}
}
#xacobeo-page .lodgings-jacobean__container .container-info{
width: 90%;
}
#xacobeo-page .lodgings-jacobean__container .container-info h2{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
#xacobeo-page .lodgings-jacobean__container .container-info p{
margin-bottom: 1.25rem;
}
#xacobeo-page .lodgings-jacobean__container .container-form{
width: 100%;
}
@media (min-width: 768px){
#xacobeo-page .lodgings-jacobean__container .container-form{
width: 66.666667%;
}
}
#xacobeo-page .lodgings-jacobean__container .container-form{
margin-left: auto;
margin-right: auto;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
#xacobeo-page .lodgings-jacobean__container .container-form span{
font-size: 0.5rem !important;
}
#xacobeo-page .lodgings-jacobean__container .container-form span a{
--tw-text-opacity: 1 !important;
color: rgb(45 54 53 / var(--tw-text-opacity, 1)) !important;
font-weight: 600 !important;
}
#xacobeo-page .lodgings-jacobean__container .container-form__title{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-weight: 700;
font-size: 1.1rem;
}
@media (min-width: 768px){
#xacobeo-page .lodgings-jacobean__container .container-form__title{
font-size: 1.125rem;
line-height: 1.75rem;
}
}
@media (min-width: 1024px){
#xacobeo-page .lodgings-jacobean__container .container-form__title{
font-size: 1.25rem;
}
}
#xacobeo-page .lodgings-jacobean__container .container-form__subtitle{
font-size: 0.8rem;
padding-bottom: 0.25rem;
}
#xacobeo-page .contact-us{
position: relative;
display: grid;
}
@media (min-width: 1024px){
#xacobeo-page .contact-us{
display: flex;
}
}
#xacobeo-page .contact-us{
align-items: center;
padding: 1.5rem;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
margin-top: 6rem;
margin-bottom: 0px;
}
@media (min-width: 1024px){
#xacobeo-page .contact-us{
margin-bottom: 3.5rem;
}
}
#xacobeo-page .contact-us{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
}
#xacobeo-page .contact-us__img{
position: relative;
--tw-translate-y: -25%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 1024px){
#xacobeo-page .contact-us__img{
position: absolute;
top: 50%;
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
#xacobeo-page .contact-us__img{
height: 18rem;
}
#xacobeo-page .contact-us__img img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.5rem;
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#xacobeo-page .contact-us__text{
padding: 0px;
}
@media (min-width: 1024px){
#xacobeo-page .contact-us__text{
padding-left: 30rem;
padding-right: 5rem;
}
}
#xacobeo-page .contact-us__text .title-contact-us{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-size: 1.5rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-weight: 700;
}
#xacobeo-page .contact-us__text p{
margin-bottom: 1.25rem;
}
#xacobeo-page #faqs{
margin-top: 5rem;
}
#xacobeo-page #faqs .title{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 2rem;
display: flex;
flex-direction: column;
align-items: center;
}
#xacobeo-page #faqs .title h2{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
#xacobeo-page #faqs .title p{
margin-bottom: 1.25rem;
text-align: center;
}
#xacobeo-page #faqs .container{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
}
#xacobeo-page #faqs .container .accordion-btn{
width: 100%;
padding: 1rem;
text-align: left;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
#xacobeo-page #faqs .container .accordion-btn:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
#xacobeo-page #faqs .container .accordion-btn__question{
display: flex;
justify-content: space-between;
align-items: center;
}
#xacobeo-page #faqs .container .accordion-btn__question h3{
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
text-align: start;
font-size: 1.25rem;
}
#xacobeo-page #faqs .container .accordion-btn__question span{
font-size: 1.5rem;
--tw-text-opacity: 1;
color: rgb(246 137 36 / var(--tw-text-opacity, 1));
}
#xacobeo-page #faqs .container .accordion-btn hr{
margin-bottom: 1rem;
height: 0.25rem;
width: 100%;
--tw-text-opacity: 1;
color: rgb(217 217 217 / var(--tw-text-opacity, 1));
margin-top: 0.5rem;
margin-bottom: 0px;
}
#xacobeo-page #faqs .container .accordion-content{
padding-left: 1rem;
max-height: 0px;
overflow: hidden;
transition-property: all;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
padding-top: 0px;
padding-bottom: 0px;
}
#xacobeo-page #faqs .container .accordion-content.show{
padding-top: 1rem;
padding-bottom: 1rem;
}
#downloadGuide{
width: 100%;
}
@media (min-width: 640px){
#downloadGuide{
max-width: 640px;
}
}
@media (min-width: 768px){
#downloadGuide{
max-width: 768px;
}
}
@media (min-width: 1024px){
#downloadGuide{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#downloadGuide{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#downloadGuide{
max-width: 1550px;
}
}
#downloadGuide{
margin-left: auto;
margin-right: auto;
margin-top: 3rem;
margin-bottom: 3rem;
}
#downloadGuide .download-guide__header{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 2rem;
margin-left: 0px;
margin-right: 0px;
}
@media (min-width: 1024px){
#downloadGuide .download-guide__header{
margin-left: 7rem;
margin-right: 7rem;
}
}
#downloadGuide .download-guide__header img{
height: 5rem;
}
#downloadGuide .download-guide__header .contact{
width: fit-content;
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
border-radius: 0.75rem;
padding-left: 2rem;
padding-right: 2rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
#downloadGuide .download-guide__header .contact:hover{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(134 153 28 / var(--tw-bg-opacity, 1));
}
#downloadGuide .download-guide__content{
display: grid;
}
@media (min-width: 768px){
#downloadGuide .download-guide__content{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
#downloadGuide .download-guide__content{
gap: 5rem;
}
#downloadGuide .download-guide__content .info-col{
grid-column: span 1 / span 1;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
justify-content: center;
align-self: center;
margin-left: 0px;
}
@media (min-width: 768px){
#downloadGuide .download-guide__content .info-col{
text-align: start;
justify-content: flex-start;
align-items: flex-start;
}
}
@media (min-width: 1024px){
#downloadGuide .download-guide__content .info-col{
margin-left: 7rem;
}
}
#downloadGuide .download-guide__content .info-col > h1{
display: flex;
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
justify-content: center;
font-weight: 400;
font-size: 3.75rem;
line-height: 1;
}
#downloadGuide .download-guide__content .info-col > p{
margin-top: 2rem;
margin-bottom: 2rem;
}
@media (min-width: 1280px){
#downloadGuide .download-guide__content .info-col > p{
margin-top: 3rem;
margin-bottom: 3rem;
}
}
#downloadGuide .download-guide__content .info-col > p{
font-size: 1.25rem;
}
@media (min-width: 1280px){
#downloadGuide .download-guide__content .info-col > p{
font-size: 1.5rem;
}
}
#downloadGuide .download-guide__content .info-col .track-btn{
display: flex;
justify-content: center;
text-align: center;
align-items: center;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
font-size: 1.5rem;
--tw-bg-opacity: 1;
background-color: rgb(16 74 127 / var(--tw-bg-opacity, 1));
border-radius: 0.75rem;
padding-left: 7rem;
padding-right: 7rem;
min-height: 6rem;
}
@media (min-width: 768px){
#downloadGuide .download-guide__content .info-col .track-btn{
min-width: 24rem;
}
}
#downloadGuide .download-guide__content .info-col .track-btn{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
#downloadGuide .download-guide__content .info-col .track-btn:hover{
--tw-bg-opacity: 1;
background-color: rgb(13 59 102 / var(--tw-bg-opacity, 1));
}
#downloadGuide .download-guide__content .img-col{
display: flex;
flex-direction: column;
align-items: center;
}
#downloadGuide .download-guide__content .img-col img{
object-fit: cover;
object-position: center;
height: 25rem;
}
@media (min-width: 768px){
#downloadGuide .download-guide__content .img-col img{
height: auto;
}
}
@media (min-width: 1024px){
#downloadGuide .download-guide__content .img-col img{
height: 30rem;
}
}
#thanksPageGuide{
width: 100%;
}
@media (min-width: 640px){
#thanksPageGuide{
max-width: 640px;
}
}
@media (min-width: 768px){
#thanksPageGuide{
max-width: 768px;
}
}
@media (min-width: 1024px){
#thanksPageGuide{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#thanksPageGuide{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#thanksPageGuide{
max-width: 1550px;
}
}
#thanksPageGuide{
margin-left: auto;
margin-right: auto;
margin-top: 3rem;
margin-bottom: 3rem;
}
#thanksPageGuide .thanks-guide__header{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 2rem;
margin-left: 0px;
margin-right: 0px;
}
@media (min-width: 1024px){
#thanksPageGuide .thanks-guide__header{
margin-left: 7rem;
margin-right: 7rem;
}
}
#thanksPageGuide .thanks-guide__header img{
height: 5rem;
}
#thanksPageGuide .thanks-guide__header >a{
width: fit-content;
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
border-radius: 0.75rem;
padding-left: 2rem;
padding-right: 2rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
#thanksPageGuide .thanks-guide__header >a:hover{
--tw-bg-opacity: 1;
background-color: rgb(134 153 28 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
#thanksPageGuide .thanks-guide__content{
display: grid;
}
@media (min-width: 768px){
#thanksPageGuide .thanks-guide__content{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
#thanksPageGuide .thanks-guide__content{
gap: 5rem;
}
#thanksPageGuide .thanks-guide__content .info-col{
padding-left: 1.25rem;
padding-right: 1.25rem;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
justify-content: center;
align-self: center;
margin-left: 0px;
}
@media (min-width: 768px){
#thanksPageGuide .thanks-guide__content .info-col{
text-align: start;
align-items: flex-start;
justify-content: flex-start;
}
}
@media (min-width: 1024px){
#thanksPageGuide .thanks-guide__content .info-col{
margin-left: 7rem;
}
}
#thanksPageGuide .thanks-guide__content .info-col img{
height: 5rem;
}
#thanksPageGuide .thanks-guide__content .info-col h1{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
font-weight: 600;
font-size: 3.75rem;
line-height: 1;
margin-bottom: 2rem;
}
#thanksPageGuide .thanks-guide__content .info-col p:first-of-type{
font-size: 1.25rem;
}
#thanksPageGuide .thanks-guide__content .info-col p{
margin-bottom: 2rem;
}
#thanksPageGuide .thanks-guide__content .info-col .bold{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
font-size: 2rem;
font-weight: 600;
margin-bottom: 2rem;
}
#thanksPageGuide .thanks-guide__content .info-col >div{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 640px){
#thanksPageGuide .thanks-guide__content .info-col >div{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
#thanksPageGuide .thanks-guide__content .info-col >div{
gap: 1.5rem;
}
#thanksPageGuide .thanks-guide__content .info-col >div .track-btn{
display: flex;
grid-column: span 1 / span 1;
flex-shrink: 0;
align-items: center;
justify-content: center;
text-align: center;
height: 4rem;
width: 10rem;
padding: 0.5rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
#thanksPageGuide .thanks-guide__content .info-col >div .track-btn:hover{
--tw-bg-opacity: 1;
background-color: rgb(134 153 28 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
#thanksPageGuide .thanks-guide__content .img-col{
display: flex;
flex-direction: column;
align-items: center;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
#thanksPageGuide .thanks-guide__content .img-col img{
height: 30rem;
object-fit: contain;
}
.agency__market{
display: grid;
margin-bottom: 3rem;
}
.agency__market__title{
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
margin-bottom: 3rem;
}
.agency__market__title .p-h3{
margin-bottom: 1rem;
font-size: 2rem;
}
.agency__market__title .link{
font-size: 0.8rem;
}
.agency__market__graphics{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 1024px){
.agency__market__graphics{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.agency__market__graphics{
gap: 1rem;
}
@media (min-width: 640px){
.agency__market__graphics{
gap: 2rem;
}
}
.agency__partners{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
.agency__partners{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
.agency__partners{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
@media (min-width: 768px){
.agency__partners{
gap: 1.5rem;
}
}
@media (min-width: 1024px){
.agency__partners{
gap: 3rem;
}
}
.agency__partners{
margin-bottom: 2rem;
text-align: center;
}
@media (min-width: 768px){
.agency__partners{
text-align: start;
}
}
.agency__partners.inverse{
grid-auto-flow: row dense;
}
@media not all and (min-width: 768px){
.agency__partners.inverse{
padding-bottom: 0px;
}
}
@media (min-width: 768px){
.agency__partners.inverse{
text-align: end;
align-items: flex-end;
margin-bottom: 5rem;
}
}
.agency__partners .inverse{
order: 1;
align-self: flex-start;
}
@media (min-width: 1024px){
.agency__partners__title{
grid-column: span 2 / span 2;
}
}
.agency__partners__title{
display: flex;
flex-direction: column;
gap: 1.5rem;
margin-bottom: 2rem;
}
.agency__partners__title .btn-register{
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(.agency__partners__title .btn-register)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(.agency__partners__title .btn-register):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
@media (min-width: 768px){
.agency__partners__title .btn-register{
display: block;
}
}
@media (min-width: 1024px){
.agency__partners__cards{
grid-column: span 3 / span 3;
}
}
.agency__partners__cards{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 768px){
.agency__partners__cards{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.agency__partners__cards{
gap: 0.75rem;
order: 2;
}
@media (min-width: 768px){
.agency__partners__cards{
order: 1;
}
}
.agency__mobile-btn{
display: flex;
justify-content: center;
margin-bottom: 3rem;
}
@media (min-width: 768px){
.agency__mobile-btn{
display: none;
}
}
#business h2{
font-size: 2rem;
margin-bottom: 1rem;
}
#business .p-images-collage__top__left{
height: 12rem;
}
#business .p-images-collage__top__right{
height: 16rem;
}
#business .p-images-collage__bottom__left{
height: 12rem;
}
#business .p-images-collage__bottom__right{
height: 16rem;
}
#business .p-bold{
font-weight: 700;
display: flex;
}
@media (min-width: 768px){
#business .p-bold{
display: block;
}
}
#business .p-bold{
justify-content: center;
}
@media (min-width: 768px){
#business .p-bold{
justify-content: flex-start;
}
}
@media (min-width: 1024px){
#business .p-p{
font-size: 1.125rem;
line-height: 1.75rem;
}
}
@media (min-width: 1280px){
#business .p-p{
font-size: 1.25rem;
}
}
#business .business__introduction{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px){
#business .business__introduction{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
#business .business__introduction{
margin-bottom: 8rem;
}
#business .business__introduction__text{
display: grid;
gap: 1rem;
margin-bottom: 2rem;
}
@media (min-width: 1024px){
#business .business__introduction__text{
margin-bottom: 6rem;
margin-right: 2rem;
}
}
@media (min-width: 1280px){
#business .business__introduction__text{
margin-right: 9rem;
}
}
#business .business__introduction__text{
text-align: center;
}
@media (min-width: 768px){
#business .business__introduction__text{
text-align: start;
}
}
#business .business__introduction__text .p-h4--section{
text-align: start;
}
#business .business__introduction__text__subtitle p{
margin-top: 1rem;
margin-bottom: 1rem;
}
#business .business__advantages{
display: grid;
margin-bottom: 3rem;
}
@media (min-width: 768px){
#business .business__advantages{
margin-bottom: 2rem;
}
}
@media (min-width: 1024px){
#business .business__advantages{
margin-bottom: 5rem;
}
}
#business .business__advantages{
max-width: 64rem;
}
#business .business__advantages__title{
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
margin-bottom: 2rem;
}
@media (min-width: 768px){
#business .business__advantages__title{
margin-bottom: 3rem;
}
}
#business .business__advantages__cards{
display: flex;
flex-direction: column;
}
@media (min-width: 1024px){
#business .business__advantages__cards{
flex-direction: row !important;
}
}
#business .business__advantages__cards{
align-items: center;
justify-content: center;
}
#business .business__logistics{
max-width: 64rem;
}
#business .business__logistics__title{
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
margin-bottom: 1.5rem;
}
@media (min-width: 768px){
#business .business__logistics__title{
margin-bottom: 4rem;
}
}
#business .business__logistics__title p{
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#business .business__logistics__title p)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#business .business__logistics__title p):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
@media (min-width: 768px){
#business .business__logistics__title p{
display: block;
}
}
#business .business__logistics__title p span{
font-weight: 700;
margin-left: 0.25rem;
}
#business .business__logistics__container{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#business .business__logistics__container{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
#business .business__logistics__container{
gap: 2rem;
justify-content: center;
margin-left: auto;
margin-right: auto;
}
#business .business__logistics__container .grid-text-col{
display: flex;
flex-direction: column;
gap: 1.5rem;
}
@media (min-width: 768px){
#business .business__logistics__container .grid-text-col{
gap: 0px;
justify-content: space-between;
}
}
#business .business__logistics__container .grid-text-col__text{
display: flex;
flex-direction: column;
gap: 1rem;
}
#business .business__logistics__container .grid-text-col__btn{
display: flex;
}
@media (min-width: 768px){
#business .business__logistics__container .grid-text-col__btn{
display: block;
}
}
#business .business__logistics__container .grid-text-col__btn{
justify-content: center;
}
@media (min-width: 768px){
#business .business__logistics__container .grid-text-col__btn{
justify-content: flex-start;
}
}
@media (min-width: 1024px){
#business .business__logistics__container .grid-text-col__btn{
margin-bottom: 3rem;
}
}
#business .business__logistics__container__info{
display: grid;
}
#business .business__logistics__container__info__btn{
display: flex;
}
@media (min-width: 768px){
#business .business__logistics__container__info__btn{
display: block;
}
}
#business .business__logistics__container__info__btn{
justify-content: center;
}
@media (min-width: 768px){
#business .business__logistics__container__info__btn{
justify-content: flex-start;
}
}
#business .business__logistics__container__img{
display: flex;
justify-content: center;
}
@media (min-width: 768px){
#business .business__logistics__container__img{
justify-content: flex-end;
}
}
#business .business__experiencies{
--tw-bg-opacity: 1;
background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
max-width: none;
width: 99vw;
position: relative;
left: 50%;
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
margin-bottom: 5rem;
}
@media (min-width: 1024px){
#business .business__experiencies{
margin-bottom: 12rem;
}
}
@media (min-width: 1280px){
#business .business__experiencies{
margin-bottom: 15rem;
}
}
#business .business__experiencies__container{
max-width: 80rem;
display: flex;
flex-direction: column-reverse;
}
@media (min-width: 768px){
#business .business__experiencies__container{
flex-direction: row !important;
}
}
#business .business__experiencies__container{
gap: 2rem;
}
@media (min-width: 768px){
#business .business__experiencies__container{
gap: 1rem;
}
}
@media (min-width: 1024px){
#business .business__experiencies__container{
gap: 3rem;
}
}
@media (min-width: 1280px){
#business .business__experiencies__container{
gap: 12rem;
}
}
#business .business__experiencies__container{
padding-bottom: 0px;
}
@media (min-width: 768px){
#business .business__experiencies__container{
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (min-width: 1024px){
#business .business__experiencies__container{
padding-left: 2rem;
padding-right: 2rem;
}
}
#business .business__experiencies__container{
margin-bottom: 0px;
}
@media (min-width: 1280px){
#business .business__experiencies__container{
margin-bottom: 5rem;
}
}
#business .business__experiencies__container{
margin-top: 3rem;
}
#business .business__experiencies__container__img{
align-self: center;
}
@media (min-width: 768px){
#business .business__experiencies__container__img{
margin-right: 1.5rem;
}
}
#business .business__experiencies__container__img img{
--tw-shadow: 0 0 15px rgba(0,0,0,0.3);
--tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
position: relative;
}
@media (min-width: 1024px){
#business .business__experiencies__container__img img{
margin-bottom: -12rem;
}
}
#business .business__experiencies__container__img img{
--tw-bg-opacity: 1;
background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
}
@media (min-width: 768px){
#business .business__experiencies__container__img img{
top: 2.5rem;
}
}
#business .business__experiencies__container__img img{
max-width: 20rem;
}
@media (min-width: 1024px){
#business .business__experiencies__container__img img{
max-width: 25rem;
}
}
@media (min-width: 1280px){
#business .business__experiencies__container__img img{
max-width: 30rem;
}
}
#business .business__experiencies__container__text{
display: flex;
flex-direction: column;
align-self: center;
gap: 3rem;
flex: 1 1 0%;
margin-top: 2.5rem;
}
@media (min-width: 1024px){
#business .business__experiencies__container__text{
margin-top: 7rem;
}
}
#business .business__experiencies__container__text__btn{
display: flex;
}
@media (min-width: 768px){
#business .business__experiencies__container__text__btn{
display: block;
}
}
#business .business__experiencies__container__text__btn{
justify-content: center;
}
@media (min-width: 768px){
#business .business__experiencies__container__text__btn{
justify-content: flex-start;
}
}
#business .business__experiencies__container__text .p-h3{
font-size: 2.5rem;
}
#business .business__experiencies__container__text__list{
display: flex;
flex-direction: column;
gap: 1rem;
}
#business .business__experiencies__container__text__list li{
display: flex;
gap: 0.5rem;
}
#business .business__experiencies__container__text__list li i{
align-self: center;
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
}
#business .business__partners{
margin-bottom: 3rem;
}
@media (min-width: 1024px){
#business .business__partners{
margin-bottom: 5rem;
}
}
#business .business__partners__container{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
justify-content: center;
text-align: center;
}
#business .business__partners__container__title{
margin-bottom: 1.5rem;
text-align: center;
}
#business .business__partners__container__btn{
display: flex;
justify-content: center;
}
#business .business__opinions{
margin-bottom: 1rem;
}
@media (min-width: 1024px){
#business .business__opinions{
margin-bottom: 5rem;
}
}
#business .business__opinions__title{
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
}
#business .business__opinions__title h2{
margin-bottom: 0.75rem;
}
#business .business__opinions__cards-container{
max-width: 95%;
margin-left: auto;
margin-right: auto;
}
#business .business__history{
margin-bottom: 2rem;
}
#business .business__history__title{
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
margin-bottom: 3rem;
}
#business .business__history__title h2{
margin-bottom: 0.5rem;
}
#business .business__history__content{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 1024px){
#business .business__history__content{
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
#business .business__history__content{
gap: 2rem;
}
#business .business__singIn{
max-width: none;
width: 99vw;
position: relative;
left: 50%;
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
#business .business__singIn__content{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
padding: 0px;
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#business .business__singIn__content{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
#business .business__singIn__content{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
#business .business__singIn__content{
align-items: center;
font-weight: 600;
}
@media (min-width: 1024px){
#business .business__singIn__content__col{
grid-column: span 2 / span 2;
}
}
#business .business__singIn__content__col{
text-align: center;
}
@media (min-width: 768px){
#business .business__singIn__content__col{
text-align: start;
}
}
#business .business__singIn__content__col{
font-size: 1.125rem;
line-height: 1.75rem;
}
@media (min-width: 768px){
#business .business__singIn__content__col{
font-size: 1.25rem;
}
}
@media (min-width: 1024px){
#business .business__singIn__content__col{
font-size: 1.5rem;
margin-right: 10rem;
}
}
#business .business__singIn__content__col{
margin-bottom: 2rem;
}
@media (min-width: 768px){
#business .business__singIn__content__col{
margin-bottom: 0px;
}
}
#business .business__singIn__content__col p{
font-weight: 400;
font-size: 1.1rem;
}
#business .business__singIn__content__col-btn{
display: block;
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 3rem;
padding-right: 3rem;
align-self: center;
margin: auto;
}
#profesionals .profesionals{
margin-bottom: 8rem;
}
#profesionals .profesionals__introduction{
display: flex;
flex-direction: column;
gap: 1rem;
align-items: center;
justify-content: center;
margin-bottom: 3rem;
}
#profesionals .profesionals__introduction__subtext__href{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
}
#profesionals .profesionals__introduction__subtext__href:hover{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
}
#profesionals .profesionals__introduction__subtext__href{
margin-left: 0.25rem;
text-decoration-line: underline;
text-decoration-color: #104A7F;
}
#profesionals .profesionals__cards{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#profesionals .profesionals__cards{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
#profesionals .profesionals__cards{
gap: 1.5rem;
}
/**
* Landing regala experiencia
*/
#gift-experience .hero-gift-experience{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
padding: 2.5rem;
border-radius: 0.5rem;
/* @apply p-bg-[linear-gradient(to_right_bottom,rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('/wp-content/uploads/2024/07/hero-experiencias.jpg')]; */
background-size: cover;
background-position: center;
}
#gift-experience .hero-gift-experience__container{
width: 100%;
}
@media (min-width: 640px){
#gift-experience .hero-gift-experience__container{
max-width: 640px;
}
}
@media (min-width: 768px){
#gift-experience .hero-gift-experience__container{
max-width: 768px;
}
}
@media (min-width: 1024px){
#gift-experience .hero-gift-experience__container{
max-width: 1024px;
}
}
@media (min-width: 1280px){
#gift-experience .hero-gift-experience__container{
max-width: 1280px;
}
}
@media (min-width: 1550px){
#gift-experience .hero-gift-experience__container{
max-width: 1550px;
}
}
#gift-experience .hero-gift-experience__container{
padding: 1rem;
width: 100%;
}
#gift-experience .hero-gift-experience__container .gift-hero-subtitle{
margin-top: 0.75rem;
margin-bottom: 0.75rem;
font-size: 0.8rem;
text-transform: uppercase;
}
#gift-experience .hero-gift-experience__container h1{
font-size: 2.5rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
text-transform: none;
}
#gift-experience .hero-gift-experience__container .gift-hero-info{
font-size: 1.25rem;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
width: 100%;
}
#gift-experience .how-it-works{
margin-top: -95px;
}
#gift-experience .how-it-works__container{
width: 100%;
}
@media (min-width: 768px){
#gift-experience .how-it-works__container{
width: 80%;
}
}
#gift-experience .how-it-works__container{
margin-left: auto;
margin-right: auto;
}
#gift-experience .how-it-works__container__item-one{
border-radius: 1rem;
position: relative;
overflow: hidden;
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#gift-experience .how-it-works__container__item-one{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
#gift-experience .how-it-works__container__item-one{
width: 80%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px){
#gift-experience .how-it-works__container__item-one{
width: 100%;
}
}
#gift-experience .how-it-works__container__item-one .gift-type-experience{
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
--tw-gradient-from: #86991C var(--tw-gradient-from-position);
--tw-gradient-to: rgb(134 153 28 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: #A7BC2F var(--tw-gradient-to-position);
}
@media (min-width: 768px){
#gift-experience .how-it-works__container__item-one .gift-type-experience{
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
}
#gift-experience .how-it-works__container__item-one .gift-type-experience{
padding: 1.25rem;
}
#gift-experience .how-it-works__container__item-one .gift-type-experience__type{
display: flex;
justify-content: space-between;
}
#gift-experience .how-it-works__container__item-one .gift-type-experience__type__text{
align-self: center;
}
#gift-experience .how-it-works__container__item-one .gift-type-experience__type__text .title-gift{
font-size: 0.8rem;
}
@media (min-width: 768px){
#gift-experience .how-it-works__container__item-one .gift-type-experience__type__text .title-gift{
font-size: 1.1rem;
}
}
#gift-experience .how-it-works__container__item-one .gift-type-experience__type__text .title-gift{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
#gift-experience .how-it-works__container__item-one .gift-type-experience__type__text .title-type-gift{
font-size: 1.1rem;
}
@media (min-width: 768px){
#gift-experience .how-it-works__container__item-one .gift-type-experience__type__text .title-type-gift{
font-size: 1.5rem;
}
}
#gift-experience .how-it-works__container__item-one .gift-type-experience__type__text .title-type-gift{
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
#gift-experience .how-it-works__container__item-one .gift-type-experience__type__icon{
align-self: center;
text-align: center;
}
#gift-experience .how-it-works__container__item-one .gift-type-experience__type__icon i{
font-size: 3.75rem;
line-height: 1;
}
@media (min-width: 1024px){
#gift-experience .how-it-works__container__item-one .gift-type-experience__type__icon i{
font-size: 6rem;
line-height: 1;
}
}
#gift-experience .how-it-works__container__item-one .gift-type-experience__link{
display: flex;
justify-content: space-between;
min-height: 4rem;
}
#gift-experience .how-it-works__container__item-one .gift-type-experience__link .info-link{
width: 80%;
}
#gift-experience .how-it-works__container__item-one .gift-type-experience__link p{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
font-size: 0.8rem;
align-self: center;
}
#gift-experience .how-it-works__container__item-one .gift-type-experience__link a{
align-self: center;
}
#gift-experience .how-it-works__container__item-one .gift-type-experience__link button{
--tw-bg-opacity: 1;
background-color: rgb(36 40 40 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(45 54 53 / var(--tw-text-opacity, 1));
border-radius: 9999px;
display: flex;
justify-content: center;
justify-self: end;
width: 1.75rem;
height: 1.75rem;
}
#gift-experience .how-it-works__container__item-one .gift-type-experience__link button i{
display: flex;
align-self: center;
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
}
#gift-experience .how-it-works__container__item-one .gift-type-experience__link button i:hover{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
#gift-experience .how-it-works__container__item-two{
text-align: center;
margin-top: 3.5rem;
margin-bottom: 3.5rem;
}
#gift-experience .how-it-works__container__item-two .content-info-num{
display: flex;
gap: 0.5rem;
}
@media (min-width: 768px){
#gift-experience .how-it-works__container__item-two .content-info-num{
gap: 1.5rem;
}
}
#gift-experience .how-it-works__container__item-two .content-info-num{
justify-content: space-around;
width: 100%;
}
@media (min-width: 768px){
#gift-experience .how-it-works__container__item-two .content-info-num{
width: 66.666667%;
}
}
#gift-experience .how-it-works__container__item-two .content-info-num{
margin-left: auto;
margin-right: auto;
margin-top: 2.5rem;
}
#gift-experience .how-it-works__container__item-two .content-info-num__item{
width: 5.5rem;
height: 2.5rem;
border-radius: 9999px;
padding: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(16 74 127 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
#gift-experience .how-it-works__container__item-two .content-info-num hr{
margin-top: 1.5rem;
margin-bottom: 1rem;
height: 0.25rem;
width: 100%;
--tw-text-opacity: 1;
color: rgb(217 217 217 / var(--tw-text-opacity, 1));
align-self: center;
margin-top: 0px;
margin-bottom: 0px;
}
#gift-experience .how-it-works__container__item-two .content-info-text{
display: flex;
gap: 1.5rem;
justify-content: space-around;
margin-top: 1.25rem;
}
#gift-experience .how-it-works__container__item-two .content-info-text__title{
font-weight: 600;
}
#gift-experience .best-experiences{
width: 100%;
}
@media (min-width: 1024px){
#gift-experience .best-experiences{
width: 66.666667%;
}
}
#gift-experience .best-experiences{
margin-left: auto;
margin-right: auto;
}
#gift-experience .best-experiences__info{
width: 100%;
}
@media (min-width: 768px){
#gift-experience .best-experiences__info{
width: 66.666667%;
}
}
@media (min-width: 1024px){
#gift-experience .best-experiences__info{
width: 50%;
}
}
#gift-experience .best-experiences__info{
margin-top: 1.25rem;
}
#gift-experience .best-experiences .shortcode-experiences{
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
#gift-experience .magic-boxes{
width: 100%;
}
@media (min-width: 1024px){
#gift-experience .magic-boxes{
width: 66.666667%;
}
}
#gift-experience .magic-boxes{
margin-left: auto;
margin-right: auto;
}
#gift-experience .magic-boxes h2{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
#gift-experience .magic-boxes__info{
width: 100%;
}
@media (min-width: 768px){
#gift-experience .magic-boxes__info{
width: 66.666667%;
}
}
@media (min-width: 1024px){
#gift-experience .magic-boxes__info{
width: 50%;
}
}
#gift-experience .magic-boxes__info{
gap: 2.5rem;
}
#gift-experience .magic-boxes__cards{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#gift-experience .magic-boxes__cards{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
#gift-experience .magic-boxes__cards{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
#gift-experience .magic-boxes__cards{
gap: 2.5rem;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
#gift-experience .magic-boxes__cards .magic-box-card{
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(167 188 47 / var(--tw-border-opacity, 1));
border-radius: 0.75rem;
padding: 1.25rem;
}
#gift-experience .magic-boxes__cards .magic-box-card__img{
text-align: center;
padding-bottom: 1.25rem;
}
#gift-experience .magic-boxes__cards .magic-box-card h3{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-size: 1.25rem;
text-align: center;
text-transform: uppercase;
font-weight: 700;
font-family: 'Rasa';
}
#gift-experience .magic-boxes__cards .magic-box-card__person{
text-align: center;
font-size: 0.5rem;
}
#gift-experience .magic-boxes__cards .magic-box-card__services-included{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
#gift-experience .magic-boxes__cards .magic-box-card__services-included .service-included{
display: flex;
gap: 0.5rem;
}
#gift-experience .magic-boxes__cards .magic-box-card__services-included .service-included i{
font-size: 1.5rem;
}
#gift-experience .magic-boxes__cards .magic-box-card__services-included .service-included .icon-planificar{
font-size: 1.25rem;
}
#gift-experience .magic-boxes__cards .magic-box-card__services-included .service-included__title-bold{
font-weight: 700;
}
#gift-experience .magic-boxes__cards .magic-box-card__services-included .service-included__title, #gift-experience .magic-boxes__cards .magic-box-card__services-included .service-included__title-bold{
font-size: 0.7rem;
}
#gift-experience .magic-boxes__cards .magic-box-card hr{
height: 0.25rem;
width: 100%;
--tw-text-opacity: 1;
color: rgb(217 217 217 / var(--tw-text-opacity, 1));
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
#gift-experience .magic-boxes__cards .magic-box-card__price{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.5rem;
}
#gift-experience .magic-boxes__cards .magic-box-card__price .total-price{
font-size: 1.25rem;
font-weight: 700;
}
#gift-experience .magic-boxes__cards .magic-box-card__price .modality{
font-size: 0.5rem;
}
#gift-experience .magic-boxes__cards .magic-box-card__price .btn-gift{
text-align: end;
}
#gift-experience .magic-boxes__cards .magic-box-card__price .btn-gift button{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
border-radius: 0.25rem;
}
#gift-experience .magic-boxes__cards .magic-box-card__price .btn-gift button:hover{
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
}
.page-404 .section-404 #gift-experience .magic-boxes__cards .magic-box-card__price .btn-gift button {
width: 220px;
font-size: 22px;
/* position: relative; */
margin-bottom: 50px;
}
@media screen and (max-width: $screen-tablet) {
.page-404 .section-404 #gift-experience .magic-boxes__cards .magic-box-card__price .btn-gift button {
margin-bottom: 0
}
}
#gift-experience .magic-boxes__cards .magic-box-card__price .btn-gift button{
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
}
#gift-experience .magic-boxes__cards .magic-box-card__price .btn-gift button:hover{
--tw-bg-opacity: 1;
background-color: rgb(134 153 28 / var(--tw-bg-opacity, 1));
}
#opinionsPage .opinions #gift-experience .magic-boxes__cards .magic-box-card__price .btn-gift button{
display: flex;
align-items: center;
gap: 0.5rem;
}
#gift-experience .magic-boxes__cards .magic-box-card__price .btn-gift button{
width: 100%;
text-transform: uppercase;
}
#gift-experience .magic-boxes__cards .magic-box-card__price .btn-gift button a{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
#gift-experience .magic-boxes__cards .magic-box-card__price .btn-gift button a:hover{
--tw-text-opacity: 1;
color: rgb(242 242 242 / var(--tw-text-opacity, 1));
}
#gift-experience .boxes-include{
width: 100%;
}
@media (min-width: 1024px){
#gift-experience .boxes-include{
width: 66.666667%;
}
}
#gift-experience .boxes-include{
margin-left: auto;
margin-right: auto;
}
#gift-experience .boxes-include h2{
text-align: center;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
#gift-experience .boxes-include__container{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 1024px){
#gift-experience .boxes-include__container{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
#gift-experience .boxes-include__container{
gap: 2rem;
}
#gift-experience .boxes-include__container__item{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
}
#gift-experience .boxes-include__container__item .item-icon{
grid-column: span 1 / span 1;
text-align: end;
}
#gift-experience .boxes-include__container__item .item-icon i{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
font-size: 2.5rem;
}
#gift-experience .boxes-include__container__item .item-info{
grid-column: span 2 / span 2;
}
#gift-experience .boxes-include__container__item .item-info__title{
font-weight: 600;
}
#gift-experience .gift-cards{
width: 100%;
}
@media (min-width: 1024px){
#gift-experience .gift-cards{
width: 66.666667%;
}
}
#gift-experience .gift-cards{
margin-left: auto;
margin-right: auto;
margin-top: 3.5rem;
margin-bottom: 3.5rem;
}
@media (min-width: 768px){
#gift-experience .gift-cards{
margin-top: 7rem;
margin-bottom: 7rem;
}
}
#gift-experience .gift-cards__content{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px){
#gift-experience .gift-cards__content{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
#gift-experience .gift-cards__content{
gap: 2.5rem;
}
#gift-experience .gift-cards__content .gift-cards-info{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
#gift-experience .gift-cards__content .gift-labels-price{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 768px){
#gift-experience .gift-cards__content .gift-labels-price{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
#gift-experience .gift-cards__content .gift-labels-price{
gap: 2.5rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
#gift-experience .gift-cards__content .gift-labels-price__pill{
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(167 188 47 / var(--tw-border-opacity, 1));
border-radius: 0.75rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
text-align: center;
}
#gift-experience .gift-cards__content .button-buy{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
border-radius: 0.25rem;
}
#gift-experience .gift-cards__content .button-buy:hover{
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
}
.page-404 .section-404 #gift-experience .gift-cards__content .button-buy {
width: 220px;
font-size: 22px;
/* position: relative; */
margin-bottom: 50px;
}
@media screen and (max-width: $screen-tablet) {
.page-404 .section-404 #gift-experience .gift-cards__content .button-buy {
margin-bottom: 0
}
}
#gift-experience .gift-cards__content .button-buy{
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
}
#gift-experience .gift-cards__content .button-buy:hover{
--tw-bg-opacity: 1;
background-color: rgb(134 153 28 / var(--tw-bg-opacity, 1));
}
#opinionsPage .opinions #gift-experience .gift-cards__content .button-buy{
display: flex;
align-items: center;
gap: 0.5rem;
}
#gift-experience .gift-cards__content .button-buy{
text-transform: uppercase;
}
#gift-experience .gift-cards__content .button-buy a{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
#gift-experience .gift-cards__content .button-buy a:hover{
--tw-text-opacity: 1;
color: rgb(242 242 242 / var(--tw-text-opacity, 1));
}
#gift-experience .gift-cards__content .gift-cards-img{
width: 100%;
}
#gift-experience .gift-cards__content .gift-cards-img img{
width: 75%;
justify-self: center;
}
@media (min-width: 1024px){
#gift-experience .gift-cards__content .gift-cards-img img{
justify-self: end;
}
}
#gift-experience .gift-cards__content .gift-cards-img img{
margin-top: 0px;
}
@media (min-width: 1024px){
#gift-experience .gift-cards__content .gift-cards-img img{
margin-top: -3rem;
}
}
#gift-experience .reasons{
width: 100%;
}
@media (min-width: 1024px){
#gift-experience .reasons{
width: 66.666667%;
}
}
#gift-experience .reasons{
margin-left: auto;
margin-right: auto;
}
#gift-experience .reasons h2{
text-align: center;
}
#gift-experience .reasons .subtitle{
text-align: center;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
#gift-experience .reasons .content{
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.25rem;
margin-top: 1.25rem;
}
#gift-experience .reasons .content ul{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
#gift-experience .reasons .content ul li{
display: flex;
gap: 1rem;
padding-bottom: 1rem;
}
#gift-experience .reasons .content ul li .col-icon > i{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
font-size: 1.5rem;
grid-column: span 1 / span 1;
}
#gift-experience #faqs{
width: 100%;
}
@media (min-width: 1024px){
#gift-experience #faqs{
width: 66.666667%;
}
}
#gift-experience #faqs{
margin-left: auto;
margin-right: auto;
margin-top: 2.5rem;
}
@media (min-width: 1024px){
#gift-experience #faqs{
margin-top: 5rem;
}
}
#gift-experience #faqs .title{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 2rem;
display: flex;
flex-direction: column;
align-items: center;
}
#gift-experience #faqs .container{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
}
#gift-experience #faqs .container .accordion-btn{
width: 100%;
padding: 1rem;
text-align: left;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
#gift-experience #faqs .container .accordion-btn:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
#gift-experience #faqs .container .accordion-btn__question{
display: flex;
justify-content: space-between;
align-items: center;
}
#gift-experience #faqs .container .accordion-btn__question h3{
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
text-align: start;
}
#gift-experience #faqs .container .accordion-btn__question span{
font-size: 1.5rem;
--tw-text-opacity: 1;
color: rgb(246 137 36 / var(--tw-text-opacity, 1));
}
#gift-experience #faqs .container .accordion-btn hr{
margin-bottom: 1rem;
height: 0.25rem;
width: 100%;
--tw-text-opacity: 1;
color: rgb(217 217 217 / var(--tw-text-opacity, 1));
margin-top: 0.5rem;
margin-bottom: 0px;
}
#gift-experience #faqs .container .accordion-content{
padding-left: 1rem;
max-height: 0px;
overflow: hidden;
transition-property: all;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
padding-top: 0px;
padding-bottom: 0px;
}
#gift-experience #faqs .container .accordion-content p{
margin-bottom: 1rem;
}
#gift-experience #faqs .container .accordion-content.show{
padding-top: 1rem;
padding-bottom: 1rem;
}
#puntoDeInteres .one-hero{
display: flex;
gap: 1rem;
margin-bottom: 3rem;
}
#puntoDeInteres .one-hero img{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0.75rem;
width: 90%;
margin-left: auto;
margin-right: auto;
}
#puntoDeInteres .hero{
display: flex;
gap: 1rem;
margin-bottom: 3rem;
}
#puntoDeInteres .hero img{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0.75rem;
}
#puntoDeInteres .hero__main-img{
flex: 1 1 0%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#puntoDeInteres .hero__secondary-imgs{
display: flex;
flex-direction: column;
gap: 1rem;
width: 40%;
}
#puntoDeInteres .hero__secondary-imgs > img{
height: 50%;
}
#puntoDeInteres .content{
max-width: 72rem;
margin-left: auto;
margin-right: auto;
}
#puntoDeInteres .content .introduction{
margin-top: 2rem;
margin-bottom: 2rem;
}
#puntoDeInteres .content .section{
margin-top: 3rem;
margin-bottom: 3rem;
}
#puntoDeInteres .content .section > p{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
#puntoDeInteres .content .section > p:first-of-type{
font-size: 1.5rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
margin-bottom: 1rem;
}
#puntoDeInteres .content .recomendation-card{
--tw-bg-opacity: 1;
background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
border-radius: 0.75rem;
padding: 2rem;
}
#puntoDeInteres .content .recomendation-card p{
margin: 0px;
}
#puntoDeInteres .content .recomendation-card > p{
font-weight: 600;
display: flex;
align-items: center;
gap: 0.5rem;
}
#puntoDeInteres .content .recomendation-card > p i{
font-size: 1.25rem;
}
#puntoDeInteres .content .recomendation-card > div{
margin-top: 1rem;
margin-bottom: 1rem;
display: flex;
flex-direction: column;
gap: 0.25rem;
}
#puntoDeInteres .content .recomendation-card > div > p:first-of-type{
font-weight: 600;
}
#InterestPoint > section:first-of-type{
padding: 0px;
margin-bottom: 3rem;
}
#InterestPoint .planner{
--tw-bg-opacity: 1;
background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
width: 100%;
margin-bottom: 3rem;
padding-top: 2rem;
padding-bottom: 0.5rem;
}
#InterestPoint .planner section{
padding: 0px;
}
#InterestPoint .planner section > div{
margin-top: 1rem;
margin-bottom: 1rem;
}
#InterestPoint .interest-point{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
#InterestPoint .interest-point{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
#InterestPoint .interest-point{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
#InterestPoint .interest-point{
gap: 0px;
}
@media (min-width: 768px){
#InterestPoint .interest-point{
gap: 2rem;
}
}
#InterestPoint .interest-point{
align-items: center;
}
#InterestPoint .interest-point .card-stage__body{
margin-top: 0.5rem;
min-height: 3rem;
}
#InterestPoint .interest-point .title-stage__start a{
display: flex;
width: 100%;
justify-content: space-between;
}
.landing-santiago .header__hero{
display: flex;
align-items: flex-end;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
min-height: 35rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0.75rem;
margin-bottom: 3rem;
width: 100%;
padding: 5rem;
margin-top: 1rem;
}
.landing-santiago .header__hero div{
display: flex;
flex-direction: column;
}
.landing-santiago .header__hero div h2{
font-size: 2.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.landing-santiago .header__hero div ul{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
list-style-type: disc;
}
.landing-santiago .header__subhero{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
.landing-santiago .header__subhero{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.landing-santiago .header__subhero{
gap: 2rem;
margin-bottom: 6rem;
}
.landing-santiago .header__subhero__intro{
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.landing-santiago .header__subhero__intro__except{
display: flex;
justify-content: space-around;
}
.landing-santiago .header__subhero__intro__holidays{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.landing-santiago .header__subhero__intro__holidays .holiday{
display: flex;
gap: 0.5rem;
}
.landing-santiago .header__subhero__intro__holidays .holiday__icon{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
font-size: 1.25rem;
align-self: center;
}
.landing-santiago .header__subhero__intro__holidays .holiday__info{
display: flex;
flex-direction: column;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
font-size: 0.8rem;
}
.landing-santiago .header__subhero__intro__holidays .holiday__info h5{
font-weight: 600;
}
.landing-santiago .header__subhero__phones > div:first-of-type{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
.landing-santiago .header__subhero__phones > div:first-of-type{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.landing-santiago .header__subhero__phones > div:first-of-type{
gap: 1.5rem;
margin-bottom: 1.5rem;
}
.landing-santiago .header__subhero__phones > div:first-of-type .phone{
display: flex;
align-items: center;
gap: 0.5rem;
}
.landing-santiago .header__subhero__phones > div:first-of-type .phone__icon{
grid-column: span 1 / span 1;
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
align-self: center;
font-size: 1.25rem;
}
.landing-santiago .header__subhero__phones > div:first-of-type .phone__info{
display: flex;
flex-direction: column;
font-size: 0.8rem;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
}
.landing-santiago .header__subhero__phones > div:first-of-type .phone__info h5{
font-weight: 600;
}
.landing-santiago .header__subhero__phones .phone-tourism{
display: flex;
gap: 0.5rem;
}
.landing-santiago .header__subhero__phones .phone-tourism__icon{
grid-column: span 1 / span 1;
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
font-size: 1.25rem;
}
.landing-santiago .header__subhero__phones .phone-tourism__info{
display: flex;
flex-direction: column;
font-size: 0.8rem;
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
}
.landing-santiago .header__subhero__phones .phone-tourism__info h5{
font-weight: 600;
}
.landing-santiago .header__subhero__phones .phone-tourism__info > div{
display: flex;
gap: 0.5rem;
}
.landing-santiago #infoTown{
max-width: 72rem;
}
.landing-santiago #infoTown > div{
margin-bottom: 6rem;
}
.landing-santiago #infoTown > div:last-of-type{
margin-bottom: 4rem;
}
.landing-santiago #infoTown #locationSection > div:first-of-type{
margin-bottom: 2rem;
}
.landing-santiago #infoTown #locationSection > div:first-of-type p{
margin-top: 1rem;
margin-bottom: 1rem;
}
.landing-santiago #infoTown #locationSection iframe{
margin-top: 1.5rem;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.landing-santiago #infoTown #toVisitSection > div:last-of-type{
display: flex;
flex-direction: column;
gap: 3rem;
}
.landing-santiago #infoTown #toVisitSection > div:last-of-type .interest-points{
display: flex;
flex-direction: column;
width: 100%;
align-items: center;
}
.landing-santiago #infoTown #toVisitSection > div:last-of-type .interest-points a{
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
align-self: center;
text-align: center;
text-transform: uppercase;
border-radius: 0.5rem;
font-size: 0.8rem;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.landing-santiago #infoTown #toVisitSection > div:last-of-type .interest-points a:hover{
--tw-bg-opacity: 1;
background-color: rgb(134 153 28 / var(--tw-bg-opacity, 1));
}
.landing-santiago #infoTown #toVisitSection > div:last-of-type .interest-points a i{
margin-left: 0.5rem;
}
#clientForm{
--tw-bg-opacity: 1;
background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
max-width: none;
width: 99vw;
position: relative;
left: 50%;
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
margin-top: 3rem;
margin-bottom: 3rem;
}
#clientForm > section{
display: flex;
gap: 0px;
}
@media (min-width: 768px){
#clientForm > section{
gap: 1rem;
}
}
@media (min-width: 1280px){
#clientForm > section{
gap: 6rem;
}
}
@media (min-width: 1550px){
#clientForm > section{
gap: 13rem;
}
}
#clientForm > section{
padding-bottom: 0px !important;
}
#clientForm > section > img{
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#clientForm > section > img)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#clientForm > section > img):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
@media (min-width: 768px){
#clientForm > section > img{
display: block;
}
}
#clientForm > section > img{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media (min-width: 768px){
#clientForm > section > img{
width: 50% !important;
}
}
@media (min-width: 1024px){
#clientForm > section > img{
width: 100%;
}
}
#clientForm > section > img{
align-self: center;
}
#clientForm > section > div{
align-self: center;
padding-top: 2rem;
padding-bottom: 1rem;
}
#clientForm > section > div > p:first-of-type{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 1rem;
}
#clientForm > section > div > p{
margin-bottom: 1rem;
}
#clientForm > section > div input{
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
#clientForm > section > div a{
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
#clientForm > section > div .loadingDiv{
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
display: flex;
justify-content: center !important;
}
#formPost{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
#formPost > div{
--tw-bg-opacity: 1;
background-color: rgb(16 74 127 / var(--tw-bg-opacity, 1));
display: flex;
flex-direction: column;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
align-items: center;
justify-content: center;
text-align: center;
padding: 3rem;
}
#formPost > div > p{
font-size: 1.25rem;
font-weight: 600;
}
#formPost > div > span{
font-size: 0.8rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
#popularPosts{
text-align: center;
}
@media (min-width: 1024px){
#popularPosts{
text-align: start;
}
}
#popularPosts{
margin-bottom: 1rem;
}
#popularPosts >h2{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
margin-bottom: 2.5rem;
}
@media (min-width: 1024px){
#popularPosts >h2{
margin-bottom: 0.5rem;
}
}
#popularPosts >div{
display: flex;
flex-direction: column;
gap: 2rem;
}
@media (min-width: 1024px){
#popularPosts >div{
gap: 0px;
}
}
#popularPosts >div{
align-items: center;
justify-content: center;
text-align: start;
}
@media (min-width: 768px){
#popularPosts >div{
align-items: flex-start;
justify-content: flex-start;
}
}
#popularPosts >div hr{
display: none;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#popularPosts >div hr)) > div:not(.p-hidden){
max-width: 50%;
}
#navStage > div #locationsSection .grid-container:has(> div:not(#popularPosts >div hr):nth-of-type(2))
> div:not(.p-hidden){
flex: 1 1 auto;
}
@media (min-width: 1024px){
#popularPosts >div hr{
display: block;
}
}
#popularPosts >div hr{
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
@media (min-width: 1280px){
#popularPosts >div hr{
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
}
.stage-list{
--tw-bg-opacity: 1;
background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
display: flex;
flex-direction: row;
}
.stage-list > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.stage-list{
overflow-x: auto;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.stage-list::-webkit-scrollbar{
height: 0.5rem;
}
.stage-list::-webkit-scrollbar-thumb{
--tw-bg-opacity: 1;
background-color: rgb(84 93 92 / var(--tw-bg-opacity, 1));
border-radius: 9999px;
}
.stage-list::-webkit-scrollbar-track{
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
.stage-list__map-card{
flex-shrink: 0;
width: auto;
min-width: 15rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(16 74 127 / var(--tw-bg-opacity, 1));
}
.stage-list__map-card__map{
display: flex;
gap: 0.5rem;
justify-content: space-between;
padding-left: 1rem;
padding-right: 1rem;
}
.stage-list__map-card__map__text{
font-size: 0.8rem;
align-self: center;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.stage-list__map-card__map__text h2{
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
font-size: 0.8rem;
margin-bottom: 0px;
}
.stage-list__stage-card{
flex-shrink: 0;
width: auto;
min-width: 15rem;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding: 1rem;
}
.stage-list__stage-card--primary{
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
}
.stage-list__stage-card__stage{
--tw-text-opacity: 1;
color: rgb(45 54 53 / var(--tw-text-opacity, 1));
}
.stage-list__stage-card__stage:hover{
--tw-text-opacity: 1;
color: rgb(84 93 92 / var(--tw-text-opacity, 1));
}
.stage-list__stage-card__stage--primary{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.stage-list__stage-card__stage--primary:hover{
--tw-text-opacity: 1;
color: rgb(242 242 242 / var(--tw-text-opacity, 1));
}
.stage-list__stage-card__stage__card{
display: flex;
gap: 1rem;
}
.stage-list__stage-card__stage__card__img{
width: 3rem;
height: 3rem;
}
.stage-list__stage-card__stage__card__img img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 9999px;
}
.stage-list__stage-card__stage__card__text{
font-size: 0.8rem;
align-self: center;
}
.stage-list__stage-card__stage__card__text .stage-title{
font-family: 'Inter';
font-weight: 400;
}
.stage-list__stage-card__stage__card__text p{
font-weight: 600;
}
/**
* This injects Tailwind's utility classes and any utility classes registered
* by plugins.
*/
.p-pointer-events-none{
pointer-events: none;
}
.p-pointer-events-auto{
pointer-events: auto;
}
.p-fixed{
position: fixed;
}
.p-absolute{
position: absolute;
}
.p-relative{
position: relative;
}
.p-inset-0{
inset: 0px;
}
.p--left-5{
left: -1.25rem;
}
.p--right-5{
right: -1.25rem;
}
.p-bottom-0{
bottom: 0px;
}
.p-bottom-\[-50\%\]{
bottom: -50%;
}
.p-bottom-\[5\%\]{
bottom: 5%;
}
.p-left-0{
left: 0px;
}
.p-left-4{
left: 1rem;
}
.p-left-\[20\%\]{
left: 20%;
}
.p-left-\[35\%\]{
left: 35%;
}
.p-right-0{
right: 0px;
}
.p-right-4{
right: 1rem;
}
.p-right-\[15\%\]{
right: 15%;
}
.p-right-\[20\%\]{
right: 20%;
}
.p-right-\[25\%\]{
right: 25%;
}
.p-top-0{
top: 0px;
}
.p-top-4{
top: 1rem;
}
.p-top-\[40\%\]{
top: 40%;
}
.p-top-\[5\%\]{
top: 5%;
}
.p-top-\[50\%\]{
top: 50%;
}
.p-z-0{
z-index: 0;
}
.p-z-10{
z-index: 10;
}
.p-z-\[-1\]{
z-index: -1;
}
.p-z-\[10000\]{
z-index: 10000;
}
.p-col-auto{
grid-column: auto;
}
.p-col-span-1{
grid-column: span 1 / span 1;
}
.p-col-span-2{
grid-column: span 2 / span 2;
}
.p-col-span-3{
grid-column: span 3 / span 3;
}
.p-col-span-4{
grid-column: span 4 / span 4;
}
.p-col-span-5{
grid-column: span 5 / span 5;
}
.p-col-span-full{
grid-column: 1 / -1;
}
.p-col-start-1{
grid-column-start: 1;
}
.p-col-start-2{
grid-column-start: 2;
}
.p-col-start-3{
grid-column-start: 3;
}
.p-col-start-4{
grid-column-start: 4;
}
.p-m-0{
margin: 0px;
}
.p-m-1{
margin: 0.25rem;
}
.p-m-10{
margin: 2.5rem;
}
.p-m-12{
margin: 3rem;
}
.p-m-2{
margin: 0.5rem;
}
.p-m-4{
margin: 1rem;
}
.p-m-6{
margin: 1.5rem;
}
.p-m-8{
margin: 2rem;
}
.p-mx-2{
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.p-mx-4{
margin-left: 1rem;
margin-right: 1rem;
}
.p-mx-auto{
margin-left: auto;
margin-right: auto;
}
.p-my-1{
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.p-my-10{
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.p-my-14{
margin-top: 3.5rem;
margin-bottom: 3.5rem;
}
.p-my-2{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.p-my-24{
margin-top: 6rem;
margin-bottom: 6rem;
}
.p-my-3{
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.p-my-32{
margin-top: 8rem;
margin-bottom: 8rem;
}
.p-my-5{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.p-my-8{
margin-top: 2rem;
margin-bottom: 2rem;
}
.\!p-mt-0{
margin-top: 0px !important;
}
.p-mb-0{
margin-bottom: 0px;
}
.p-mb-1{
margin-bottom: 0.25rem;
}
.p-mb-10{
margin-bottom: 2.5rem;
}
.p-mb-11{
margin-bottom: 2.75rem;
}
.p-mb-14{
margin-bottom: 3.5rem;
}
.p-mb-2{
margin-bottom: 0.5rem;
}
.p-mb-20{
margin-bottom: 5rem;
}
.p-mb-3{
margin-bottom: 0.75rem;
}
.p-mb-4{
margin-bottom: 1rem;
}
.p-mb-5{
margin-bottom: 1.25rem;
}
.p-mb-8{
margin-bottom: 2rem;
}
.p-ml-0{
margin-left: 0px;
}
.p-ml-16{
margin-left: 4rem;
}
.p-ml-2{
margin-left: 0.5rem;
}
.p-ml-3{
margin-left: 0.75rem;
}
.p-ml-4{
margin-left: 1rem;
}
.p-ml-5{
margin-left: 1.25rem;
}
.p-ml-auto{
margin-left: auto;
}
.p-mr-0{
margin-right: 0px;
}
.p-mr-1{
margin-right: 0.25rem;
}
.p-mr-2{
margin-right: 0.5rem;
}
.p-mr-3{
margin-right: 0.75rem;
}
.p-mr-4{
margin-right: 1rem;
}
.p-mr-5{
margin-right: 1.25rem;
}
.p-mr-auto{
margin-right: auto;
}
.p-mt-0{
margin-top: 0px;
}
.p-mt-10{
margin-top: 2.5rem;
}
.p-mt-12{
margin-top: 3rem;
}
.p-mt-14{
margin-top: 3.5rem;
}
.p-mt-16{
margin-top: 4rem;
}
.p-mt-2{
margin-top: 0.5rem;
}
.p-mt-20{
margin-top: 5rem;
}
.p-mt-24{
margin-top: 6rem;
}
.p-mt-3{
margin-top: 0.75rem;
}
.p-mt-32{
margin-top: 8rem;
}
.p-mt-4{
margin-top: 1rem;
}
.p-mt-40{
margin-top: 10rem;
}
.p-mt-5{
margin-top: 1.25rem;
}
.p-mt-8{
margin-top: 2rem;
}
.p-mt-\[-12px\]{
margin-top: -12px;
}
.p-mt-\[-500px\]{
margin-top: -500px;
}
.p-mt-\[-5px\]{
margin-top: -5px;
}
.p-mt-\[-75px\]{
margin-top: -75px;
}
.p-block{
display: block;
}
.p-inline-block{
display: inline-block;
}
.p-flex{
display: flex;
}
.p-grid{
display: grid;
}
.p-hidden{
display: none;
}
.p-h-1{
height: 0.25rem;
}
.p-h-10{
height: 2.5rem;
}
.p-h-12{
height: 3rem;
}
.p-h-14{
height: 3.5rem;
}
.p-h-16{
height: 4rem;
}
.p-h-2{
height: 0.5rem;
}
.p-h-3{
height: 0.75rem;
}
.p-h-32{
height: 8rem;
}
.p-h-48{
height: 12rem;
}
.p-h-5{
height: 1.25rem;
}
.p-h-6{
height: 1.5rem;
}
.p-h-64{
height: 16rem;
}
.p-h-72{
height: 18rem;
}
.p-h-8{
height: 2rem;
}
.p-h-80{
height: 20rem;
}
.p-h-96{
height: 24rem;
}
.p-h-auto{
height: auto;
}
.p-h-fit{
height: fit-content;
}
.p-h-full{
height: 100%;
}
.p-h-screen{
height: 100vh;
}
.p-min-h-\[15rem\]{
min-height: 15rem;
}
.p-min-h-\[22rem\]{
min-height: 22rem;
}
.p-w-1\/12{
width: 8.333333%;
}
.p-w-1\/2{
width: 50%;
}
.p-w-1\/3{
width: 33.333333%;
}
.p-w-1\/6{
width: 16.666667%;
}
.p-w-10{
width: 2.5rem;
}
.p-w-12{
width: 3rem;
}
.p-w-16{
width: 4rem;
}
.p-w-2\/3{
width: 66.666667%;
}
.p-w-2\/5{
width: 40%;
}
.p-w-24{
width: 6rem;
}
.p-w-3{
width: 0.75rem;
}
.p-w-3\/4{
width: 75%;
}
.p-w-3\/5{
width: 60%;
}
.p-w-4\/5{
width: 80%;
}
.p-w-48{
width: 12rem;
}
.p-w-5{
width: 1.25rem;
}
.p-w-5\/6{
width: 83.333333%;
}
.p-w-56{
width: 14rem;
}
.p-w-6{
width: 1.5rem;
}
.p-w-64{
width: 16rem;
}
.p-w-7{
width: 1.75rem;
}
.p-w-72{
width: 18rem;
}
.p-w-8{
width: 2rem;
}
.p-w-80{
width: 20rem;
}
.p-w-96{
width: 24rem;
}
.p-w-\[10\%\]{
width: 10%;
}
.p-w-\[60\%\]{
width: 60%;
}
.p-w-\[8\%\]{
width: 8%;
}
.p-w-auto{
width: auto;
}
.p-w-fit{
width: fit-content;
}
.p-w-full{
width: 100%;
}
.p-w-screen{
width: 100vw;
}
.p-min-w-0{
min-width: 0px;
}
.p-min-w-14{
min-width: 3.5rem;
}
.p-min-w-60{
min-width: 15rem;
}
.p-max-w-2xl{
max-width: 42rem;
}
.p-max-w-4xl{
max-width: 56rem;
}
.p-max-w-6xl{
max-width: 72rem;
}
.p-max-w-\[1300px\]{
max-width: 1300px;
}
.p-max-w-\[250px\]{
max-width: 250px;
}
.p-max-w-\[50\%\]{
max-width: 50%;
}
.p-max-w-\[calc\(100\%_-_3rem\)\]{
max-width: calc(100% - 3rem);
}
.p-max-w-full{
max-width: 100%;
}
.p-flex-1{
flex: 1 1 0%;
}
.p-flex-shrink-0{
flex-shrink: 0;
}
.p-shrink-0{
flex-shrink: 0;
}
.p-grow{
flex-grow: 1;
}
.p-basis-1\/2{
flex-basis: 50%;
}
.p-basis-1\/3{
flex-basis: 33.333333%;
}
.p-basis-1\/4{
flex-basis: 25%;
}
.p-rotate-180{
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.p-rotate-\[4deg\]{
--tw-rotate: 4deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.p-scale-95{
--tw-scale-x: .95;
--tw-scale-y: .95;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.p-cursor-pointer{
cursor: pointer;
}
.p-select-none{
user-select: none;
}
.p-snap-start{
scroll-snap-align: start;
}
.p-list-disc{
list-style-type: disc;
}
.p-list-none{
list-style-type: none;
}
.p-grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.p-grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.p-grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.p-grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.p-grid-cols-5{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.p-grid-cols-6{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.p-flex-row{
flex-direction: row;
}
.p-flex-col{
flex-direction: column;
}
.p-flex-wrap{
flex-wrap: wrap;
}
.p-flex-nowrap{
flex-wrap: nowrap;
}
.p-content-center{
align-content: center;
}
.p-items-start{
align-items: flex-start;
}
.p-items-end{
align-items: flex-end;
}
.p-items-center{
align-items: center;
}
.p-items-stretch{
align-items: stretch;
}
.p-justify-start{
justify-content: flex-start;
}
.p-justify-end{
justify-content: flex-end;
}
.p-justify-center{
justify-content: center;
}
.p-justify-between{
justify-content: space-between;
}
.p-justify-around{
justify-content: space-around;
}
.p-justify-items-end{
justify-items: end;
}
.p-justify-items-center{
justify-items: center;
}
.p-gap-10{
gap: 2.5rem;
}
.p-gap-12{
gap: 3rem;
}
.p-gap-2{
gap: 0.5rem;
}
.p-gap-24{
gap: 6rem;
}
.p-gap-4{
gap: 1rem;
}
.p-gap-5{
gap: 1.25rem;
}
.p-gap-6{
gap: 1.5rem;
}
.p-gap-8{
gap: 2rem;
}
.p-gap-x-2{
column-gap: 0.5rem;
}
.p-gap-x-4{
column-gap: 1rem;
}
.p-gap-x-5{
column-gap: 1.25rem;
}
.p-gap-x-8{
column-gap: 2rem;
}
.p-gap-y-2{
row-gap: 0.5rem;
}
.p-gap-y-4{
row-gap: 1rem;
}
.p-gap-y-5{
row-gap: 1.25rem;
}
.p-gap-y-8{
row-gap: 2rem;
}
.p-space-x-2 > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.p-space-x-4 > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.p-space-x-6 > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(1.5rem * var(--tw-space-x-reverse));
margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.p-divide-y > :not([hidden]) ~ :not([hidden]){
--tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.p-divide-gray-border > :not([hidden]) ~ :not([hidden]){
--tw-divide-opacity: 1;
border-color: rgb(217 217 217 / var(--tw-divide-opacity, 1));
}
.p-self-auto{
align-self: auto;
}
.p-self-start{
align-self: flex-start;
}
.p-self-end{
align-self: flex-end;
}
.p-self-center{
align-self: center;
}
.p-overflow-hidden{
overflow: hidden;
}
.p-overflow-x-auto{
overflow-x: auto;
}
.p-whitespace-nowrap{
white-space: nowrap;
}
.p-break-words{
overflow-wrap: break-word;
}
.p-rounded{
border-radius: 0.25rem;
}
.p-rounded-3xl{
border-radius: 1.5rem;
}
.p-rounded-full{
border-radius: 9999px;
}
.p-rounded-lg{
border-radius: 0.5rem;
}
.p-rounded-md{
border-radius: 0.375rem;
}
.p-rounded-none{
border-radius: 0px;
}
.p-rounded-xl{
border-radius: 0.75rem;
}
.p-rounded-b-lg{
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.p-rounded-t-lg{
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.p-border{
border-width: 1px;
}
.p-border-0{
border-width: 0px;
}
.p-border-2{
border-width: 2px;
}
.p-border-b{
border-bottom-width: 1px;
}
.p-border-b-2{
border-bottom-width: 2px;
}
.p-border-b-4{
border-bottom-width: 4px;
}
.p-border-dashed{
border-style: dashed;
}
.p-border-black{
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.p-border-blue{
--tw-border-opacity: 1;
border-color: rgb(22 139 225 / var(--tw-border-opacity, 1));
}
.p-border-brown-dark{
--tw-border-opacity: 1;
border-color: rgb(163 124 82 / var(--tw-border-opacity, 1));
}
.p-border-dark{
--tw-border-opacity: 1;
border-color: rgb(81 81 81 / var(--tw-border-opacity, 1));
}
.p-border-gray-border{
--tw-border-opacity: 1;
border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
}
.p-border-gray-way{
--tw-border-opacity: 1;
border-color: rgb(175 175 175 / var(--tw-border-opacity, 1));
}
.p-border-green{
--tw-border-opacity: 1;
border-color: rgb(122 198 67 / var(--tw-border-opacity, 1));
}
.p-border-light{
--tw-border-opacity: 1;
border-color: rgb(242 242 242 / var(--tw-border-opacity, 1));
}
.p-border-orange{
--tw-border-opacity: 1;
border-color: rgb(246 137 36 / var(--tw-border-opacity, 1));
}
.p-border-primary{
--tw-border-opacity: 1;
border-color: rgb(167 188 47 / var(--tw-border-opacity, 1));
}
.p-border-purple{
--tw-border-opacity: 1;
border-color: rgb(144 39 140 / var(--tw-border-opacity, 1));
}
.p-border-red{
--tw-border-opacity: 1;
border-color: rgb(234 67 53 / var(--tw-border-opacity, 1));
}
.p-border-white{
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.p-border-yellow{
--tw-border-opacity: 1;
border-color: rgb(246 213 0 / var(--tw-border-opacity, 1));
}
.p-bg-black{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.p-bg-blue{
--tw-bg-opacity: 1;
background-color: rgb(22 139 225 / var(--tw-bg-opacity, 1));
}
.p-bg-brown{
--tw-bg-opacity: 1;
background-color: rgb(205 182 124 / var(--tw-bg-opacity, 1));
}
.p-bg-brown-dark{
--tw-bg-opacity: 1;
background-color: rgb(163 124 82 / var(--tw-bg-opacity, 1));
}
.p-bg-brown-light{
--tw-bg-opacity: 1;
background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
}
.p-bg-dark{
--tw-bg-opacity: 1;
background-color: rgb(81 81 81 / var(--tw-bg-opacity, 1));
}
.p-bg-dark-opacity{
background-color: rgba(165, 165, 165, 0.5);
}
.p-bg-gray{
--tw-bg-opacity: 1;
background-color: rgb(84 93 92 / var(--tw-bg-opacity, 1));
}
.p-bg-gray-border{
--tw-bg-opacity: 1;
background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
}
.p-bg-gray-dark{
--tw-bg-opacity: 1;
background-color: rgb(45 54 53 / var(--tw-bg-opacity, 1));
}
.p-bg-gray-light{
--tw-bg-opacity: 1;
background-color: rgb(122 131 130 / var(--tw-bg-opacity, 1));
}
.p-bg-gray-way{
--tw-bg-opacity: 1;
background-color: rgb(175 175 175 / var(--tw-bg-opacity, 1));
}
.p-bg-green{
--tw-bg-opacity: 1;
background-color: rgb(122 198 67 / var(--tw-bg-opacity, 1));
}
.p-bg-includes{
--tw-bg-opacity: 1;
background-color: rgb(216 241 214 / var(--tw-bg-opacity, 1));
}
.p-bg-light{
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
.p-bg-optional{
--tw-bg-opacity: 1;
background-color: rgb(238 241 220 / var(--tw-bg-opacity, 1));
}
.p-bg-orange{
--tw-bg-opacity: 1;
background-color: rgb(246 137 36 / var(--tw-bg-opacity, 1));
}
.p-bg-orange-dark{
--tw-bg-opacity: 1;
background-color: rgb(213 118 30 / var(--tw-bg-opacity, 1));
}
.p-bg-primary{
--tw-bg-opacity: 1;
background-color: rgb(167 188 47 / var(--tw-bg-opacity, 1));
}
.p-bg-primary-dark{
--tw-bg-opacity: 1;
background-color: rgb(134 153 28 / var(--tw-bg-opacity, 1));
}
.p-bg-primary-opacity{
background-color: rgba(167, 188, 47, 0.1);
}
.p-bg-purple{
--tw-bg-opacity: 1;
background-color: rgb(144 39 140 / var(--tw-bg-opacity, 1));
}
.p-bg-red{
--tw-bg-opacity: 1;
background-color: rgb(234 67 53 / var(--tw-bg-opacity, 1));
}
.p-bg-secondary{
--tw-bg-opacity: 1;
background-color: rgb(16 74 127 / var(--tw-bg-opacity, 1));
}
.p-bg-secondary-light{
--tw-bg-opacity: 1;
background-color: rgb(207 225 247 / var(--tw-bg-opacity, 1));
}
.p-bg-transparent{
background-color: rgba(255, 255, 255, 0.3);
}
.p-bg-transparent-dark{
background-color: rgba(0, 0, 0, 0.3);
}
.p-bg-transparent-highdark{
background-color: rgba(0, 0, 0, 0.7);
}
.p-bg-white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.p-bg-yellow{
--tw-bg-opacity: 1;
background-color: rgb(246 213 0 / var(--tw-bg-opacity, 1));
}
.p-bg-yellow-light{
--tw-bg-opacity: 1;
background-color: rgb(229 228 212 / var(--tw-bg-opacity, 1));
}
.p-bg-\[linear-gradient\(to_right_bottom\,rgba\(0\,0\,0\,0\.4\)\,rgba\(0\,0\,0\,0\.4\)\)\]{
background-image: linear-gradient(to right bottom,rgba(0,0,0,0.4),rgba(0,0,0,0.4));
}
.p-bg-gradient-to-b{
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.p-bg-gradient-to-l{
background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.p-bg-gradient-to-r{
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.p-bg-gradient-to-t{
background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.p-from-primary-dark{
--tw-gradient-from: #86991C var(--tw-gradient-from-position);
--tw-gradient-to: rgb(134 153 28 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.p-from-transparent{
--tw-gradient-from: rgba(255, 255, 255, 0.3) var(--tw-gradient-from-position);
--tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.p-to-black\/70{
--tw-gradient-to: rgb(0 0 0 / 0.7) var(--tw-gradient-to-position);
}
.p-to-primary{
--tw-gradient-to: #A7BC2F var(--tw-gradient-to-position);
}
.p-bg-auto{
background-size: auto;
}
.p-bg-cover{
background-size: cover;
}
.p-bg-center{
background-position: center;
}
.p-bg-right-top{
background-position: right top;
}
.p-bg-no-repeat{
background-repeat: no-repeat;
}
.p-object-cover{
object-fit: cover;
}
.p-object-center{
object-position: center;
}
.p-object-left{
object-position: left;
}
.p-object-right{
object-position: right;
}
.p-p-0{
padding: 0px;
}
.p-p-1{
padding: 0.25rem;
}
.p-p-10{
padding: 2.5rem;
}
.p-p-2{
padding: 0.5rem;
}
.p-p-3{
padding: 0.75rem;
}
.p-p-4{
padding: 1rem;
}
.p-p-5{
padding: 1.25rem;
}
.p-p-6{
padding: 1.5rem;
}
.p-p-8{
padding: 2rem;
}
.p-px-0{
padding-left: 0px;
padding-right: 0px;
}
.p-px-1{
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.p-px-10{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.p-px-14{
padding-left: 3.5rem;
padding-right: 3.5rem;
}
.p-px-2{
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.p-px-24{
padding-left: 6rem;
padding-right: 6rem;
}
.p-px-3{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.p-px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.p-px-5{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.p-px-6{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.p-py-0{
padding-top: 0px;
padding-bottom: 0px;
}
.p-py-1{
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.p-py-10{
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.p-py-2{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.p-py-3{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.p-py-4{
padding-top: 1rem;
padding-bottom: 1rem;
}
.p-py-5{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.p-py-8{
padding-top: 2rem;
padding-bottom: 2rem;
}
.\!p-pb-0{
padding-bottom: 0px !important;
}
.\!p-pb-2{
padding-bottom: 0.5rem !important;
}
.p-pb-0{
padding-bottom: 0px;
}
.p-pb-1{
padding-bottom: 0.25rem;
}
.p-pb-10{
padding-bottom: 2.5rem;
}
.p-pb-2{
padding-bottom: 0.5rem;
}
.p-pb-20{
padding-bottom: 5rem;
}
.p-pb-3{
padding-bottom: 0.75rem;
}
.p-pb-4{
padding-bottom: 1rem;
}
.p-pb-6{
padding-bottom: 1.5rem;
}
.p-pl-0{
padding-left: 0px;
}
.p-pl-1{
padding-left: 0.25rem;
}
.p-pl-10{
padding-left: 2.5rem;
}
.p-pl-14{
padding-left: 3.5rem;
}
.p-pl-2{
padding-left: 0.5rem;
}
.p-pl-24{
padding-left: 6rem;
}
.p-pl-3{
padding-left: 0.75rem;
}
.p-pl-4{
padding-left: 1rem;
}
.p-pl-5{
padding-left: 1.25rem;
}
.p-pr-0{
padding-right: 0px;
}
.p-pr-1{
padding-right: 0.25rem;
}
.p-pr-10{
padding-right: 2.5rem;
}
.p-pr-14{
padding-right: 3.5rem;
}
.p-pr-2{
padding-right: 0.5rem;
}
.p-pr-3{
padding-right: 0.75rem;
}
.p-pt-1{
padding-top: 0.25rem;
}
.p-pt-10{
padding-top: 2.5rem;
}
.p-pt-2{
padding-top: 0.5rem;
}
.p-pt-24{
padding-top: 6rem;
}
.p-pt-3{
padding-top: 0.75rem;
}
.p-pt-5{
padding-top: 1.25rem;
}
.p-text-center{
text-align: center;
}
.p-text-right{
text-align: right;
}
.p-text-start{
text-align: start;
}
.p-text-end{
text-align: end;
}
.p-align-middle{
vertical-align: middle;
}
.p-font-\[\'Inter\'\]{
font-family: 'Inter';
}
.p-font-\[\'Poppins\'\]{
font-family: 'Poppins';
}
.p-font-\[\'Rasa\'\]{
font-family: 'Rasa';
}
.p-text-2xl{
font-size: 1.5rem;
}
.p-text-3xl{
font-size: 2rem;
}
.p-text-4xl{
font-size: 2.5rem;
}
.p-text-5xl{
font-size: 3rem;
}
.p-text-6xl{
font-size: 3.75rem;
line-height: 1;
}
.p-text-8xl{
font-size: 6rem;
line-height: 1;
}
.p-text-\[0\.875rem\]{
font-size: 0.875rem;
}
.p-text-\[10px\]{
font-size: 10px;
}
.p-text-base{
font-size: 1.1rem;
}
.p-text-lg{
font-size: 1.125rem;
line-height: 1.75rem;
}
.p-text-sm{
font-size: 0.8rem;
}
.p-text-xl{
font-size: 1.25rem;
}
.p-text-xs{
font-size: 0.5rem;
}
.p-font-bold{
font-weight: 700;
}
.p-font-medium{
font-weight: 500;
}
.p-font-normal{
font-weight: 400;
}
.p-font-semibold{
font-weight: 600;
}
.p-uppercase{
text-transform: uppercase;
}
.p-normal-case{
text-transform: none;
}
.p-leading-5{
line-height: 1.25rem;
}
.p-leading-7{
line-height: 1.75rem;
}
.p-leading-none{
line-height: 1;
}
.p-leading-normal{
line-height: 1.5;
}
.p-tracking-wider{
letter-spacing: 0.05em;
}
.p-text-black{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.p-text-brown{
--tw-text-opacity: 1;
color: rgb(205 182 124 / var(--tw-text-opacity, 1));
}
.p-text-brown-dark{
--tw-text-opacity: 1;
color: rgb(163 124 82 / var(--tw-text-opacity, 1));
}
.p-text-brown-light{
--tw-text-opacity: 1;
color: rgb(247 244 239 / var(--tw-text-opacity, 1));
}
.p-text-dark{
--tw-text-opacity: 1;
color: rgb(81 81 81 / var(--tw-text-opacity, 1));
}
.p-text-dark-opacity{
color: rgba(165, 165, 165, 0.5);
}
.p-text-gray{
--tw-text-opacity: 1;
color: rgb(84 93 92 / var(--tw-text-opacity, 1));
}
.p-text-gray-border{
--tw-text-opacity: 1;
color: rgb(217 217 217 / var(--tw-text-opacity, 1));
}
.p-text-gray-dark{
--tw-text-opacity: 1;
color: rgb(45 54 53 / var(--tw-text-opacity, 1));
}
.p-text-gray-light{
--tw-text-opacity: 1;
color: rgb(122 131 130 / var(--tw-text-opacity, 1));
}
.p-text-includes{
--tw-text-opacity: 1;
color: rgb(216 241 214 / var(--tw-text-opacity, 1));
}
.p-text-light{
--tw-text-opacity: 1;
color: rgb(242 242 242 / var(--tw-text-opacity, 1));
}
.p-text-optional{
--tw-text-opacity: 1;
color: rgb(238 241 220 / var(--tw-text-opacity, 1));
}
.p-text-orange{
--tw-text-opacity: 1;
color: rgb(246 137 36 / var(--tw-text-opacity, 1));
}
.p-text-orange-dark{
--tw-text-opacity: 1;
color: rgb(213 118 30 / var(--tw-text-opacity, 1));
}
.p-text-primary{
--tw-text-opacity: 1;
color: rgb(167 188 47 / var(--tw-text-opacity, 1));
}
.p-text-primary-dark{
--tw-text-opacity: 1;
color: rgb(134 153 28 / var(--tw-text-opacity, 1));
}
.p-text-secondary{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
}
.p-text-secondary-light{
--tw-text-opacity: 1;
color: rgb(207 225 247 / var(--tw-text-opacity, 1));
}
.p-text-transparent{
color: rgba(255, 255, 255, 0.3);
}
.p-text-white{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-underline{
text-decoration-line: underline;
}
.p-no-underline{
text-decoration-line: none;
}
.p-opacity-0{
opacity: 0;
}
.p-opacity-100{
opacity: 1;
}
.p-opacity-50{
opacity: 0.5;
}
.p-opacity-60{
opacity: 0.6;
}
.p-shadow-2xl{
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.p-shadow-\[0_0_10px_0_rgba\(0\,0\,0\,0\.5\)\]{
--tw-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
--tw-shadow-colored: 0 0 10px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.p-shadow-xl{
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.p-outline-none{
outline: 2px solid transparent;
outline-offset: 2px;
}
.p-drop-shadow-md{
--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.p-transition{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.p-transition-transform{
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.p-duration-300{
transition-duration: 300ms;
}
.p-duration-700{
transition-duration: 700ms;
}
.p-ease-in-out{
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.after\:p-absolute::after{
content: var(--tw-content);
position: absolute;
}
.after\:p-inset-0::after{
content: var(--tw-content);
inset: 0px;
}
.hover\:p-scale-105:hover{
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:p-scale-110:hover{
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:p-scale-125:hover{
--tw-scale-x: 1.25;
--tw-scale-y: 1.25;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:p-bg-brown-dark:hover{
--tw-bg-opacity: 1;
background-color: rgb(163 124 82 / var(--tw-bg-opacity, 1));
}
.hover\:p-bg-gray:hover{
--tw-bg-opacity: 1;
background-color: rgb(84 93 92 / var(--tw-bg-opacity, 1));
}
.hover\:p-bg-gray-border:hover{
--tw-bg-opacity: 1;
background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
}
.hover\:p-bg-gray-way:hover{
--tw-bg-opacity: 1;
background-color: rgb(175 175 175 / var(--tw-bg-opacity, 1));
}
.hover\:p-bg-light:hover{
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
.hover\:p-bg-orange-dark:hover{
--tw-bg-opacity: 1;
background-color: rgb(213 118 30 / var(--tw-bg-opacity, 1));
}
.hover\:p-bg-primary-dark:hover{
--tw-bg-opacity: 1;
background-color: rgb(134 153 28 / var(--tw-bg-opacity, 1));
}
.hover\:p-bg-secondary-light:hover{
--tw-bg-opacity: 1;
background-color: rgb(207 225 247 / var(--tw-bg-opacity, 1));
}
.hover\:p-bg-auto:hover{
background-size: auto;
}
.hover\:p-text-black:hover{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.hover\:p-text-dark:hover{
--tw-text-opacity: 1;
color: rgb(81 81 81 / var(--tw-text-opacity, 1));
}
.hover\:p-text-gray:hover{
--tw-text-opacity: 1;
color: rgb(84 93 92 / var(--tw-text-opacity, 1));
}
.hover\:p-text-gray-dark:hover{
--tw-text-opacity: 1;
color: rgb(45 54 53 / var(--tw-text-opacity, 1));
}
.hover\:p-text-gray-light:hover{
--tw-text-opacity: 1;
color: rgb(122 131 130 / var(--tw-text-opacity, 1));
}
.hover\:p-text-light:hover{
--tw-text-opacity: 1;
color: rgb(242 242 242 / var(--tw-text-opacity, 1));
}
.hover\:p-text-secondary:hover{
--tw-text-opacity: 1;
color: rgb(16 74 127 / var(--tw-text-opacity, 1));
}
.hover\:p-text-white:hover{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:p-shadow-\[0_10px_10px_0_rgba\(0\2c 0\2c 0\2c 0\.5\)\]:hover{
--tw-shadow: 0 10px 10px 0 rgba(0,0,0,0.5);
--tw-shadow-colored: 0 10px 10px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:p-transition:hover{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.hover\:p-duration-700:hover{
transition-duration: 700ms;
}
.focus\:p-border-0:focus{
border-width: 0px;
}
.focus\:p-outline-none:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
.p-group:hover .group-hover\:p-scale-110{
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.p-group:hover .group-hover\:p-bg-gray-way{
--tw-bg-opacity: 1;
background-color: rgb(175 175 175 / var(--tw-bg-opacity, 1));
}
.p-group:hover .group-hover\:p-opacity-50{
opacity: 0.5;
}
@media (min-width: 640px){
.sm\:p-block{
display: block;
}
.sm\:p-hidden{
display: none;
}
.sm\:p-w-full{
width: 100%;
}
.sm\:p-justify-start{
justify-content: flex-start;
}
.sm\:p-justify-items-center{
justify-items: center;
}
.sm\:p-px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.sm\:p-px-9{
padding-left: 2.25rem;
padding-right: 2.25rem;
}
}
@media (min-width: 768px){
.md\:p-col-span-2{
grid-column: span 2 / span 2;
}
.md\:p-col-span-3{
grid-column: span 3 / span 3;
}
.md\:p-col-span-4{
grid-column: span 4 / span 4;
}
.md\:p-col-span-5{
grid-column: span 5 / span 5;
}
.md\:p-my-0{
margin-top: 0px;
margin-bottom: 0px;
}
.md\:p-my-3{
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.md\:p-my-5{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.md\:p-ml-20{
margin-left: 5rem;
}
.md\:p-ml-6{
margin-left: 1.5rem;
}
.md\:p-mr-0{
margin-right: 0px;
}
.md\:p-mt-0{
margin-top: 0px;
}
.md\:p-mt-10{
margin-top: 2.5rem;
}
.md\:p-mt-24{
margin-top: 6rem;
}
.md\:p-mt-32{
margin-top: 8rem;
}
.md\:p-block{
display: block;
}
.md\:p-flex{
display: flex;
}
.md\:p-grid{
display: grid;
}
.md\:p-hidden{
display: none;
}
.md\:p-h-72{
height: 18rem;
}
.md\:p-h-96{
height: 24rem;
}
.md\:p-w-1\/3{
width: 33.333333%;
}
.md\:p-w-1\/4{
width: 25%;
}
.md\:p-w-1\/5{
width: 20%;
}
.md\:p-w-2\/3{
width: 66.666667%;
}
.md\:p-w-2\/5{
width: 40%;
}
.md\:p-w-3\/5{
width: 60%;
}
.md\:p-w-4\/5{
width: 80%;
}
.md\:p-w-72{
width: 18rem;
}
.md\:p-w-80{
width: 20rem;
}
.md\:p-w-full{
width: 100%;
}
.md\:p-max-w-full{
max-width: 100%;
}
.md\:p-grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.md\:p-grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:p-grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:p-grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.md\:p-grid-cols-5{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.md\:p-grid-cols-6{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.md\:p-flex-row{
flex-direction: row;
}
.md\:p-flex-col{
flex-direction: column;
}
.md\:p-justify-end{
justify-content: flex-end;
}
.md\:p-justify-center{
justify-content: center;
}
.md\:p-justify-between{
justify-content: space-between;
}
.md\:p-justify-around{
justify-content: space-around;
}
.md\:p-justify-items-end{
justify-items: end;
}
.md\:p-gap-0{
gap: 0px;
}
.md\:p-gap-6{
gap: 1.5rem;
}
.md\:p-gap-8{
gap: 2rem;
}
.md\:p-space-x-0 > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(0px * var(--tw-space-x-reverse));
margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
.md\:p-self-auto{
align-self: auto;
}
.md\:p-self-start{
align-self: flex-start;
}
.md\:p-self-end{
align-self: flex-end;
}
.md\:p-self-center{
align-self: center;
}
.md\:p-overflow-hidden{
overflow: hidden;
}
.md\:p-rounded-lg{
border-radius: 0.5rem;
}
.md\:p-border-b{
border-bottom-width: 1px;
}
.md\:p-bg-light{
--tw-bg-opacity: 1;
background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
.md\:p-p-0{
padding: 0px;
}
.md\:p-p-10{
padding: 2.5rem;
}
.md\:p-p-4{
padding: 1rem;
}
.md\:p-px-0{
padding-left: 0px;
padding-right: 0px;
}
.md\:p-px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.md\:p-py-10{
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.md\:p-pr-10{
padding-right: 2.5rem;
}
.md\:p-pr-4{
padding-right: 1rem;
}
.md\:p-pt-10{
padding-top: 2.5rem;
}
.md\:p-text-center{
text-align: center;
}
.md\:p-text-start{
text-align: start;
}
.md\:p-text-2xl{
font-size: 1.5rem;
}
.md\:p-text-4xl{
font-size: 2.5rem;
}
.md\:p-text-lg{
font-size: 1.125rem;
line-height: 1.75rem;
}
.md\:p-text-sm{
font-size: 0.8rem;
}
.md\:p-text-xl{
font-size: 1.25rem;
}
}
@media (min-width: 1024px){
.lg\:p-left-\[40\%\]{
left: 40%;
}
.lg\:p-right-\[40\%\]{
right: 40%;
}
.lg\:p-col-span-1{
grid-column: span 1 / span 1;
}
.lg\:p-col-span-2{
grid-column: span 2 / span 2;
}
.lg\:p-col-span-3{
grid-column: span 3 / span 3;
}
.lg\:p-col-span-4{
grid-column: span 4 / span 4;
}
.lg\:p-col-span-5{
grid-column: span 5 / span 5;
}
.lg\:p-my-14{
margin-top: 3.5rem;
margin-bottom: 3.5rem;
}
.lg\:p-my-24{
margin-top: 6rem;
margin-bottom: 6rem;
}
.lg\:p-mb-0{
margin-bottom: 0px;
}
.lg\:p-mr-0{
margin-right: 0px;
}
.lg\:p-mr-6{
margin-right: 1.5rem;
}
.lg\:p-mr-\[14\%\]{
margin-right: 14%;
}
.lg\:p-mt-24{
margin-top: 6rem;
}
.lg\:p-mt-32{
margin-top: 8rem;
}
.lg\:p-mt-\[-12px\]{
margin-top: -12px;
}
.lg\:p-mt-\[-75px\]{
margin-top: -75px;
}
.lg\:p-block{
display: block;
}
.lg\:p-flex{
display: flex;
}
.lg\:p-hidden{
display: none;
}
.lg\:p-h-16{
height: 4rem;
}
.lg\:p-h-80{
height: 20rem;
}
.lg\:p-w-1\/2{
width: 50%;
}
.lg\:p-w-1\/3{
width: 33.333333%;
}
.lg\:p-w-1\/4{
width: 25%;
}
.lg\:p-w-1\/5{
width: 20%;
}
.lg\:p-w-11\/12{
width: 91.666667%;
}
.lg\:p-w-16{
width: 4rem;
}
.lg\:p-w-2\/3{
width: 66.666667%;
}
.lg\:p-w-2\/5{
width: 40%;
}
.lg\:p-w-2\/6{
width: 33.333333%;
}
.lg\:p-w-3\/4{
width: 75%;
}
.lg\:p-w-3\/5{
width: 60%;
}
.lg\:p-w-4\/5{
width: 80%;
}
.lg\:p-w-5\/12{
width: 41.666667%;
}
.lg\:p-w-80{
width: 20rem;
}
.lg\:p-w-\[42\%\]{
width: 42%;
}
.lg\:p-max-w-full{
max-width: 100%;
}
.lg\:p-grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:p-grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:p-grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:p-grid-cols-5{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.lg\:p-grid-cols-6{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.lg\:p-grid-cols-\[2fr_1fr\]{
grid-template-columns: 2fr 1fr;
}
.lg\:p-flex-row{
flex-direction: row;
}
.lg\:p-flex-col{
flex-direction: column;
}
.lg\:p-justify-end{
justify-content: flex-end;
}
.lg\:p-justify-items-center{
justify-items: center;
}
.lg\:p-justify-items-stretch{
justify-items: stretch;
}
.lg\:p-gap-0{
gap: 0px;
}
.lg\:p-gap-10{
gap: 2.5rem;
}
.lg\:p-gap-8{
gap: 2rem;
}
.lg\:p-rounded-3xl{
border-radius: 1.5rem;
}
.lg\:p-rounded-lg{
border-radius: 0.5rem;
}
.lg\:p-px-0{
padding-left: 0px;
padding-right: 0px;
}
.lg\:p-px-10{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.lg\:p-pl-0{
padding-left: 0px;
}
.lg\:p-pr-0{
padding-right: 0px;
}
.lg\:p-pt-24{
padding-top: 6rem;
}
.lg\:p-pt-28{
padding-top: 7rem;
}
.lg\:p-text-center{
text-align: center;
}
.lg\:p-text-2xl{
font-size: 1.5rem;
}
.lg\:p-text-4xl{
font-size: 2.5rem;
}
.lg\:p-text-6xl{
font-size: 3.75rem;
line-height: 1;
}
.lg\:p-text-lg{
font-size: 1.125rem;
line-height: 1.75rem;
}
.lg\:p-text-sm{
font-size: 0.8rem;
}
.lg\:p-text-xl{
font-size: 1.25rem;
}
}
@media (min-width: 1280px){
.xl\:p-w-1\/3{
width: 33.333333%;
}
.xl\:p-w-1\/4{
width: 25%;
}
.xl\:p-w-1\/5{
width: 20%;
}
.xl\:p-w-3\/5{
width: 60%;
}
.xl\:p-w-5\/12{
width: 41.666667%;
}
.xl\:p-w-80{
width: 20rem;
}
.xl\:p-w-\[400px\]{
width: 400px;
}
.xl\:p-grid-cols-5{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.xl\:p-grid-cols-6{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.xl\:p-text-start{
text-align: start;
}
.xl\:p-text-2xl{
font-size: 1.5rem;
}
.xl\:p-text-4xl{
font-size: 2.5rem;
}
.xl\:p-text-6xl{
font-size: 3.75rem;
line-height: 1;
}
.xl\:p-text-lg{
font-size: 1.125rem;
line-height: 1.75rem;
}
.xl\:p-text-sm{
font-size: 0.8rem;
}
.xl\:p-text-xl{
font-size: 1.25rem;
}
}
/*# sourceMappingURL=main.css.map*/