@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media(hover: hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0 !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;aspect-ratio:unset !important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.2) ease calc(var(--f-transition-duration, 0.2s)*.8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, 0.3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, 0.975)) translate3d(var(--f-zoomInUp-x, 0), var(--f-zoomInUp-y, 16px), 0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, 0.975)) translate3d(var(--f-zoomOutDown-x, 0), var(--f-zoomOutDown-y, 16px), 0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, 0.2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, 0.2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throwOutUp-y, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throwOutDown-y, 150px), 0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.is-loading>.f-html{opacity:0}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, 0.9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y)*2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)*2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width)*2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x))*-1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, 0.2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--f-thumb-width), 1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0 !important;min-height:0 !important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports(height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container .fancybox__column>*:not(.fancybox__viewport),.fancybox__container .fancybox__slide:not(.is-selected),.fancybox__container .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-revealing .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-enter-duration, 0.35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-hiding .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, 0.35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg);filter:var(--fancybox-backdrop-filter)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0, var(--f-drag-offset, 0), 0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-iframe{overflow:hidden;padding:8px 0}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel,.fancybox__container.is-closing .fancybox__viewport,.fancybox__container.is-closing .fancybox__slide.is-selected{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px)*-1);right:0;z-index:10}.is-loading .f-button.is-close-button{visibility:hidden}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width)*var(--f-thumbs-cols) + var(--f-thumbs-gap)*(var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x)*2 + var(--f-thumbs-viewport-padding-x)*2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden !important;grid-template-columns:repeat(auto-fill, calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols))) !important}

@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Space+Mono:wght@400;700&display=swap");
:root {
--cream: #f0e8d8;
--dark: #0a0a08;
--mid: #1a1a16;
--accent: #c8a96e;
--red: #e23a2c;
--red-dark: #9b1a0e;
--muted: #7a7060;
--ff-disp: 'Bebas Neue', sans-serif;
--ff-body: 'Cormorant Garamond', serif;
--ff-mono: 'Space Mono', monospace;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
background: var(--dark);
color: var(--cream);
font-family: var(--ff-body);
font-size: 18px;
line-height: 1.7;
overflow-x: hidden;
}
*, *::before, *::after {
box-sizing: border-box;
}
*:focus {
outline-offset: 2px;
}
a:link, a:hover, a:visited, a:active {
outline: none;
text-decoration: none;
}
.main {
min-height: calc(100vh - 142px);
}
.skip-link {
position: absolute;
top: -40px;
left: 0;
background: #000;
color: white;
padding: 8px;
z-index: 100;
}
.skip-link:focus {
top: 0;
left: 0;
padding: 3px;
background-color: #000;
}
.boton-whatsapp {
position: fixed;
width: 60px;
height: 60px;
bottom: 30px;
right: 25px;
border: 1px solid #25d366;
border-radius: 50px;
text-align: center;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
z-index: 100;
transition: all 0.3s ease;
display: flex;
justify-content: center;
align-items: center;
}
.boton-whatsapp:focus, .boton-whatsapp:hover {
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
background-color: #21ae56;
}
nav {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.2rem 3rem;
}
nav::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(10, 10, 8, 0.92) 0%, transparent 100%);
pointer-events: none;
}
.nav-logo {
display: block;
}
.nav-logo img {
height: 26px;
width: auto;
}
.nav-links ul {
display: flex;
gap: 2.5rem;
list-style: none;
position: relative;
z-index: 1;
}
.nav-links a {
font-family: var(--ff-mono);
font-size: 0.62rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--cream);
text-decoration: none;
opacity: 0.62;
transition: opacity 0.3s, color 0.3s;
}
.nav-links a:hover {
opacity: 1;
color: var(--accent);
}
.navbar-responsive {
display: none;
} footer {
padding: 5rem 3rem 2.5rem;
background: var(--dark);
position: relative;
overflow: hidden;
}
footer::before {
content: "BILAT";
position: absolute;
bottom: -2rem;
left: -1rem;
font-family: var(--ff-disp);
font-size: 22vw;
color: var(--cream);
opacity: 0.022;
pointer-events: none;
line-height: 1;
white-space: nowrap;
}
.ft-inner {
max-width: 1400px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 4rem;
}
.ft-logo img {
height: 84px;
width: auto;
}
.ft-tagline {
font-family: var(--ff-body);
font-style: italic;
color: var(--ceram);
margin-top: 0.4rem;
font-size: 0.98rem;
}
.ft-links {
list-style: none;
}
.ft-links li {
margin-bottom: 0.8rem;
}
.ft-links a {
font-family: var(--ff-mono);
font-size: 0.6rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--cream);
text-decoration: none;
transition: color 0.3s;
}
.ft-links a:hover {
color: var(--accent);
}
.ft-social {
display: flex;
gap: 0.8rem;
}
.soc {
font-family: var(--ff-mono);
font-size: 0.56rem;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--cream);
text-decoration: none;
border: 1px solid rgba(200, 169, 110, 0.22);
padding: 0.5rem 1rem;
transition: all 0.3s;
}
.soc:hover {
color: var(--accent);
border-color: var(--accent);
}
.ft-bottom {
max-width: 1400px;
margin: 0 auto;
padding-top: 2rem;
border-top: 1px solid rgba(200, 169, 110, 0.08);
display: flex;
justify-content: space-between;
align-items: center;
}
.ft-copy {
font-family: var(--ff-mono);
font-size: 0.56rem;
letter-spacing: 0.14em;
color: var(--cream);
} #hero {
position: relative;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 0 3rem 5rem;
overflow: hidden;
}
.hero-bg {
position: absolute;
inset: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
filter: brightness(0.3) saturate(0.4);
transform-origin: center;
}
.hero-grain {
position: absolute;
inset: 0;
pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");
opacity: 0.35;
}
.hero-vig {
position: absolute;
inset: 0;
background: radial-gradient(ellipse at center, transparent 25%, rgba(10, 10, 8, 0.88) 100%);
}
.hero-line {
position: absolute;
top: 0;
left: 3rem;
width: 1px;
height: 0;
background: var(--accent);
opacity: 0.4;
}
.hero-content {
position: relative;
z-index: 2;
}
.hero-tag {
font-family: var(--ff-mono);
font-size: 0.6rem;
letter-spacing: 0.3em;
text-transform: uppercase;
color: var(--cream);
margin-bottom: 1.5rem;
opacity: 0;
transform: translateY(20px);
}
.hero-mark {
opacity: 0;
margin-bottom: 1.5rem;
}
.hero-mark svg {
height: clamp(50px, 12vw, 140px);
width: auto;
}
.hero-sub {
font-family: var(--ff-body);
font-size: clamp(0.9rem, 1.3vw, 1.15rem);
font-style: italic;
color: var(--cream);
opacity: 0;
margin-top: 0.8rem;
max-width: 400px;
}
.hero-scroll {
position: absolute;
bottom: 2.5rem;
right: 3rem;
font-family: var(--ff-mono);
font-size: 0.56rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--muted);
writing-mode: vertical-rl;
display: flex;
align-items: center;
gap: 0.8rem;
z-index: 2;
}
.hero-scroll::after {
content: "";
width: 1px;
height: 54px;
background: var(--red-dark);
animation: scrollLine 1.6s ease-in-out infinite;
}
@keyframes scrollLine {
0% {
transform: scaleY(0);
transform-origin: top;
}
50% {
transform: scaleY(1);
transform-origin: top;
}
51% {
transform: scaleY(1);
transform-origin: bottom;
}
100% {
transform: scaleY(0);
transform-origin: bottom;
}
} .mq-wrap {
overflow: hidden;
background: var(--accent);
padding: 0.55rem 0;
position: relative;
z-index: 10;
}
.mq-track {
display: flex;
gap: 2.5rem;
white-space: nowrap;
animation: mqAnim 22s linear infinite;
}
.mq-track span {
font-family: var(--ff-disp);
font-size: 0.92rem;
letter-spacing: 0.15em;
color: var(--dark);
}
.mq-track .dot {
color: #8b3a2a;
font-size: 0.52rem;
vertical-align: middle;
}
@keyframes mqAnim {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
} .sec-label {
font-family: var(--ff-mono);
font-size: 0.58rem;
letter-spacing: 0.3em;
text-transform: uppercase;
color: var(--accent);
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 3rem;
}
.sec-label::before {
content: "";
width: 36px;
height: 1px;
background: var(--accent);
opacity: 0.55;
}
.reveal {
opacity: 0;
transform: translateY(48px);
}
.divider {
width: 100%;
height: 1px;
background: rgba(200, 169, 110, 0.1);
} #historia {
padding: 8rem 3rem;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 6rem;
align-items: center;
max-width: 1400px;
margin: 0 auto;
}
.his-text h2 {
font-family: var(--ff-disp);
font-size: clamp(3rem, 6vw, 5.5rem);
line-height: 0.9;
margin-bottom: 2rem;
color: var(--cream);
}
.his-text h2 em {
color: var(--red);
font-style: italic;
font-family: var(--ff-body);
font-size: 0.5em;
display: block;
letter-spacing: 0.05em;
}
.his-text p {
color: rgba(240, 232, 216, 0.72);
font-size: 1.2rem;
margin-bottom: 1.2rem;
line-height: 1.85;
} .his-fotos {
position: relative;
display: flex;
flex-direction: column;
gap: 1.5rem;
padding: 1rem 2rem 1rem 0;
}
.his-foto {
position: relative;
overflow: visible;
}
.his-foto picture {
display: block;
width: 100%;
height: auto;
}
.his-foto img {
width: 100%;
height: auto;
aspect-ratio: 16/9;
object-fit: cover;
filter: grayscale(45%) contrast(1.1);
display: block;
transition: filter 0.4s ease;
}
.his-foto img:hover {
filter: grayscale(20%) contrast(1.15);
}
.his-foto--1 {
width: 85%;
align-self: flex-end;
margin-right: -1rem;
}
.his-foto--1::after {
content: none;
position: absolute;
inset: -10px 10px 10px -10px;
border: 1px solid var(--accent);
opacity: 0.2;
z-index: -1;
}
.his-foto--2 {
width: 100%;
align-self: center;
}
.his-foto--2::after {
content: "";
position: absolute;
inset: 10px -14px -14px 10px;
border: 1px solid var(--red-dark);
opacity: 0.25;
z-index: -1;
}
.his-foto--3 {
width: 80%;
align-self: flex-start;
margin-left: 1rem;
}
.his-foto--3::before {
content: "1986";
position: absolute;
bottom: -1.2rem;
right: -2rem;
font-family: var(--ff-disp);
font-size: 6rem;
color: var(--red);
opacity: 0.08;
line-height: 1;
z-index: 1;
pointer-events: none;
}
@media (max-width: 768px) {
#historia {
grid-template-columns: 1fr;
padding: 4rem 1.5rem;
gap: 3rem;
}
.his-fotos {
padding: 0;
order: -1;
}
.his-foto--1, .his-foto--2, .his-foto--3 {
width: 100%;
align-self: stretch;
margin: 0;
}
.his-foto--1::before, .his-foto--1::after, .his-foto--2::before, .his-foto--2::after, .his-foto--3::before, .his-foto--3::after {
display: none;
}
} #trayectoria {
padding: 8rem 3rem;
background: var(--mid);
position: relative;
overflow: hidden;
}
#trayectoria::before {
content: "TRAYECTORIA";
position: absolute;
top: 2rem;
left: -2rem;
font-family: var(--ff-disp);
font-size: 18vw;
color: var(--cream);
opacity: 0.025;
pointer-events: none;
white-space: nowrap;
}
.tray-bajos {
position: absolute;
top: 0;
right: -4rem;
height: 100%;
width: auto;
pointer-events: none;
z-index: 0;
display: flex;
align-items: center;
}
.tray-bajos img {
height: 90%;
width: auto;
opacity: 0.08;
}
.tray-inner {
max-width: 1400px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 2fr;
gap: 6rem;
}
.tray-stat {
margin-bottom: 3rem;
padding-bottom: 3rem;
border-bottom: 1px solid rgba(200, 169, 110, 0.12);
}
.tray-stat .num {
font-family: var(--ff-disp);
font-size: 5rem;
color: var(--cream);
line-height: 1;
display: block;
}
.tray-stat .lbl {
font-family: var(--ff-mono);
font-size: 0.6rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--muted);
}
.tray-txt p {
color: rgba(240, 232, 216, 0.72);
font-size: 1.2rem;
margin-bottom: 1.5rem;
line-height: 1.85;
}
.tray-txt p strong {
color: var(--cream);
font-weight: 400;
}
.collabs {
margin-top: 2rem;
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.ctag {
font-family: var(--ff-mono);
font-size: 0.58rem;
letter-spacing: 0.1em;
padding: 0.3rem 0.8rem;
border: 1px solid rgba(255, 255, 255, 0.28);
color: var(--red);
text-transform: uppercase;
} .tray-fotos {
position: relative;
z-index: 1;
max-width: 1400px;
margin: 5rem auto 0;
padding: 0 0;
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 0;
align-items: end;
}
.tray-foto {
position: relative;
overflow: hidden;
}
.tray-foto img {
width: 100%;
aspect-ratio: 16/12;
object-fit: cover;
filter: grayscale(55%) contrast(1.1);
display: block;
transition: filter 0.5s ease, transform 0.5s ease;
}
.tray-foto:hover img {
filter: grayscale(15%) contrast(1.1);
transform: scale(1.04);
}
.tray-foto--1 {
transform: translateY(0);
}
.tray-foto--2 {
transform: translateY(-2.5rem);
}
.tray-foto--2::after {
content: "";
position: absolute;
inset: -8px 8px 8px -8px;
border: 1px solid var(--accent);
opacity: 0.18;
z-index: 1;
pointer-events: none;
}
.tray-foto--3 {
transform: translateY(1.5rem);
}
.tray-foto--4 {
transform: translateY(-4rem);
}
.tray-foto--4::after {
content: "";
position: absolute;
inset: 8px -10px -10px 8px;
border: 1px solid var(--red-dark);
opacity: 0.5;
z-index: 1;
pointer-events: none;
} @media (max-width: 996px) {
.tray-bajos {
right: -6rem;
}
.tray-bajos img {
opacity: 0.03;
}
.tray-fotos {
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
margin-top: 3rem;
padding: 0 1.5rem;
}
.tray-foto--1, .tray-foto--2, .tray-foto--3, .tray-foto--4 {
transform: none;
}
.tray-foto--1::after, .tray-foto--2::after, .tray-foto--3::after, .tray-foto--4::after {
display: none;
}
.tray-foto img {
aspect-ratio: 4/3;
}
}
@media (max-width: 768px) {
.tray-bajos {
display: none;
}
.tray-fotos {
grid-template-columns: repeat(2, 1fr);
padding: 0rem;
}
.tray-foto img {
aspect-ratio: 1/1;
}
} #revolucion {
position: relative;
overflow: hidden;
background: #0d0907;
}
.rev-hero {
position: relative;
min-height: 80vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
overflow: hidden;
padding: 6rem 3rem;
}
.rev-gear-wrap {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
.rev-gear {
width: min(68vw, 700px);
height: min(68vw, 700px);
opacity: 0.11;
animation: gearSpin 45s linear infinite;
}
@keyframes gearSpin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.rev-grain {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 1;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E");
opacity: 0.45;
mix-blend-mode: overlay;
}
.rev-content {
position: relative;
z-index: 2;
}
.rev-tag {
font-family: var(--ff-mono);
font-size: 0.6rem;
letter-spacing: 0.35em;
text-transform: uppercase;
color: var(--red);
margin-bottom: 2rem;
opacity: 0;
transform: translateY(16px);
}
.rev-logo {
opacity: 0;
transform: translateY(24px);
margin-bottom: 2rem;
}
.rev-logo img {
height: clamp(34px, 8vw, 82px);
width: auto;
}
.rev-desc {
font-family: var(--ff-body);
font-style: italic;
font-size: clamp(0.95rem, 1.3vw, 1.2rem);
color: rgba(240, 232, 216, 0.6);
max-width: 520px;
margin: 0 auto;
opacity: 0;
transform: translateY(16px);
}
.rev-bg-year {
font-family: var(--ff-disp);
font-size: clamp(8rem, 20vw, 20rem);
line-height: 0.85;
color: var(--red);
opacity: 0.06;
position: absolute;
bottom: -1rem;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
pointer-events: none;
z-index: 0;
letter-spacing: -0.02em;
} .rev-agenda {
position: relative;
z-index: 2;
max-width: 1400px;
margin: 0 auto;
padding: 0 3rem 8rem;
}
.rev-agenda .sec-label {
--accent: #e23a2c ;
}
.shows-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1px;
background: rgba(226, 58, 44, 0.1);
}
.show-card {
background: #0d0907;
padding: 2rem;
position: relative;
overflow: hidden;
transition: background 0.3s;
}
.show-card::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background: var(--red);
transition: width 0.4s ease;
}
.show-card:hover {
background: #1a0c08;
}
.show-card:hover::before {
width: 100%;
}
.show-date {
font-family: var(--ff-disp);
font-size: 2.8rem;
color: var(--red);
line-height: 1;
display: block;
margin-bottom: 0.2rem;
}
.show-month {
font-family: var(--ff-mono);
font-size: 0.56rem;
letter-spacing: 0.25em;
text-transform: uppercase;
color: rgba(226, 58, 44, 0.5);
margin-bottom: 1rem;
display: block;
}
.show-venue {
font-family: var(--ff-body);
font-size: 1.1rem;
color: var(--cream);
margin-bottom: 0.25rem;
}
.show-city {
font-family: var(--ff-mono);
font-size: 0.6rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--muted);
}
.show-badge {
position: absolute;
top: 1.5rem;
right: 1.5rem;
font-family: var(--ff-mono);
font-size: 0.5rem;
letter-spacing: 0.12em;
text-transform: uppercase;
padding: 0.25rem 0.6rem;
background: var(--red);
color: var(--cream);
} #videos {
padding: 8rem 3rem;
background: var(--mid);
}
.vid-inner {
max-width: 1400px;
margin: 0 auto;
}
.vid-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto auto;
gap: 1.5rem;
}
.vid-item {
position: relative;
overflow: hidden;
background: #111;
cursor: pointer;
}
.vid-thumb {
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
filter: brightness(0.62) saturate(0.5);
transition: filter 0.4s, transform 0.6s;
display: block;
}
.vid-item:hover .vid-thumb {
filter: brightness(0.4) saturate(0.3);
transform: scale(1.04);
}
.vid-overlay {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 1.5rem;
background: linear-gradient(transparent 40%, rgba(10, 10, 8, 0.9) 100%);
}
.play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.85);
width: 52px;
height: 52px;
border: 1.5px solid var(--cream);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s;
opacity: 0;
}
.play-btn::after {
content: "";
border-style: solid;
border-width: 7px 0 7px 14px;
border-color: transparent transparent transparent var(--cream);
margin-left: 3px;
}
.vid-item:hover .play-btn {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.vid-title {
font-family: var(--ff-body);
font-size: 1.1rem;
color: var(--cream);
margin-bottom: 0.25rem;
}
.vid-sub {
font-family: var(--ff-mono);
font-size: 0.56rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--muted);
}
.vid-more {
margin-top: 3rem;
display: flex;
justify-content: center;
}
.vid-more-btn {
font-family: var(--ff-mono);
font-size: 0.65rem;
letter-spacing: 0.25em;
text-transform: uppercase;
color: var(--cream);
border: 1px solid rgba(240, 232, 216, 0.25);
padding: 0.85rem 2.5rem;
display: inline-flex;
align-items: center;
gap: 1rem;
transition: color 0.3s, border-color 0.3s;
}
.vid-more-btn:hover {
color: var(--accent);
border-color: var(--accent);
}
.vid-more-arrow {
display: inline-block;
transition: transform 0.3s ease;
}
.vid-more-btn:hover .vid-more-arrow {
transform: translateX(6px);
} #spotify {
background: var(--muted);
padding: 3rem 3rem 6rem;
}
.spot-inner {
max-width: 1400px;
margin: 0 auto;
}
.spot-inner iframe {
display: block;
border-radius: 0;
}
@media (max-width: 768px) {
#spotify {
padding: 2rem;
}
.vid-more {
margin-top: 2rem;
}
} .vid-modal {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.93);
z-index: 1000;
align-items: center;
justify-content: center;
}
.vid-modal.active {
display: flex;
}
.vid-modal-in {
width: 90%;
max-width: 900px;
position: relative;
}
.vid-modal-in iframe {
width: 100%;
aspect-ratio: 16/9;
border: none;
}
.modal-cls {
position: absolute;
top: -2.8rem;
right: 0;
font-family: var(--ff-mono);
font-size: 0.62rem;
letter-spacing: 0.2em;
color: var(--cream);
background: none;
border: none;
cursor: none;
text-transform: uppercase;
opacity: 0.65;
transition: opacity 0.2s;
}
.modal-cls:hover {
opacity: 1;
} #novedades {
padding: 8rem 3rem;
max-width: 1400px;
margin: 0 auto;
}
.nov-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2px;
background: rgba(200, 169, 110, 0.07);
margin-top: 2rem;
}
.nov-card {
background: var(--dark);
padding: 2.5rem;
position: relative;
overflow: hidden;
transition: background 0.3s;
}
.nov-card:hover {
background: var(--mid);
}
.nov-type {
font-family: var(--ff-mono);
font-size: 0.56rem;
letter-spacing: 0.25em;
text-transform: uppercase;
color: var(--accent);
margin-bottom: 1rem;
display: block;
}
.nov-card h3 {
font-family: var(--ff-disp);
font-size: 1.8rem;
color: var(--cream);
line-height: 1.1;
margin-bottom: 1rem;
}
.nov-card p {
font-size: 0.92rem;
color: rgba(240, 232, 216, 0.6);
line-height: 1.75;
}
.nov-date {
font-family: var(--ff-mono);
font-size: 0.56rem;
letter-spacing: 0.15em;
color: var(--muted);
margin-top: 1.5rem;
display: block;
}
.nov-num {
position: absolute;
bottom: 1.2rem;
right: 1.8rem;
font-family: var(--ff-disp);
font-size: 5rem;
color: var(--cream);
opacity: 0.04;
line-height: 1;
}
@media (max-width: 900px) {
nav {
padding: 1.2rem 1.5rem;
}
.nav-links {
display: none;
}
#hero {
padding: 0 1.5rem 4rem;
}
.hero-mark img {
height: clamp(105px, 10vw, 90px);
}
#historia {
grid-template-columns: 1fr;
padding: 5rem 1.5rem;
gap: 3rem;
}
.his-img {
order: -1;
}
.tray-inner {
grid-template-columns: 1fr;
gap: 3rem;
}
#trayectoria {
padding: 5rem 1.5rem;
}
.rev-hero {
padding: 4rem 1.5rem;
}
.rev-agenda {
padding: 0 1.5rem 5rem;
}
.shows-grid {
grid-template-columns: 1fr;
}
#videos {
padding: 5rem 1.5rem;
}
.vid-grid {
grid-template-columns: 1fr;
}
.vid-item.feat {
grid-row: span 1;
}
#novedades {
padding: 5rem 1.5rem;
}
.nov-grid {
grid-template-columns: 1fr;
}
.ft-inner {
flex-direction: column;
gap: 2rem;
}
footer {
padding: 4rem 1.5rem 2rem;
}
body {
cursor: auto;
}
}
.lc-page-head {
background: var(--mid);
padding: 7rem 3rem 2.5rem;
position: relative;
overflow: hidden;
}
.lc-page-head::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: var(--red);
}
.lc-page-head::before {
content: "BILAT";
position: absolute;
bottom: -1rem;
right: -1rem;
font-family: var(--ff-disp);
font-size: 18vw;
color: var(--cream);
opacity: 0.03;
line-height: 1;
pointer-events: none;
white-space: nowrap;
}
.lc-page-head__titulo {
font-family: var(--ff-disp);
font-size: clamp(2rem, 5vw, 4rem);
font-weight: 400;
line-height: 1;
color: var(--cream);
margin: 0.5rem 0 0;
position: relative;
z-index: 1;
}
.lc-page-head .container {
max-width: 1400px;
margin: 0 auto;
position: relative;
z-index: 1;
}
.lc-single__fecha {
display: inline-block;
font-family: var(--ff-mono);
font-size: 0.6rem;
text-transform: uppercase;
letter-spacing: 0.25em;
color: var(--accent);
margin-bottom: 0.5rem;
}
.lc-single__imagen {
margin: 0;
}
.lc-single__imagen .container {
max-width: 1400px;
margin: 0 auto;
padding: 0 3rem;
}
.lc-single__imagen img {
width: 100%;
aspect-ratio: 16/6;
object-fit: cover;
display: block;
filter: grayscale(25%) contrast(1.05);
}
.lc-single__cuerpo {
padding: 4rem 0 6rem;
}
.lc-single__cuerpo .container {
max-width: 1400px;
margin: 0 auto;
padding: 0 3rem;
}
.lc-single__cuerpo .row {
--bs-gutter-x: 3rem;
}
.lc-single__compartir {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.6rem 0.85rem;
margin-bottom: 2rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid rgba(200, 169, 110, 0.15);
}
.lc-single__compartir-label {
font-family: var(--ff-mono);
font-size: 0.6rem;
text-transform: uppercase;
letter-spacing: 0.2em;
color: var(--muted);
white-space: nowrap;
}
.lc-single__compartir-redes {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
}
.lc-compartir-btn {
display: inline-flex;
align-items: center;
gap: 0.35rem;
padding: 0.3rem 0.75rem;
font-family: var(--ff-mono);
font-size: 0.62rem;
letter-spacing: 0.08em;
color: var(--cream);
text-decoration: none;
border: none;
cursor: pointer;
transition: filter 0.18s ease, transform 0.15s ease;
}
.lc-compartir-btn img {
width: 14px;
height: 14px;
filter: invert(1);
flex-shrink: 0;
}
.lc-compartir-btn:hover {
filter: brightness(0.85);
transform: translateY(-1px);
color: var(--cream);
}
.lc-compartir-btn--wa {
background: #25d366;
}
.lc-compartir-btn--fb {
background: #1877f2;
}
.lc-compartir-btn--tw {
background: #000;
}
.lc-compartir-btn--tg {
background: #229ed9;
}
.lc-compartir-btn--copy {
background: var(--mid);
border: 1px solid rgba(200, 169, 110, 0.3);
}
.lc-compartir-btn--copy.lc-compartir-btn--copied {
background: #2e7d32;
}
.lc-single__texto {
font-family: var(--ff-body);
font-size: 1.15rem;
line-height: 1.85;
color: rgba(240, 232, 216, 0.82);
}
.lc-single__texto h2, .lc-single__texto h3, .lc-single__texto h4 {
font-family: var(--ff-disp);
color: var(--cream);
font-weight: 400;
margin-top: 2.5rem;
margin-bottom: 0.75rem;
line-height: 1;
}
.lc-single__texto h2 {
font-size: clamp(1.8rem, 3vw, 2.8rem);
}
.lc-single__texto h3 {
font-size: clamp(1.4rem, 2vw, 2rem);
}
.lc-single__texto p {
margin-bottom: 1.4rem;
}
.lc-single__texto a {
color: var(--accent);
text-decoration: underline;
text-underline-offset: 3px;
}
.lc-single__texto a:hover {
color: var(--red);
}
.lc-single__texto blockquote {
border-left: 3px solid var(--red);
margin: 2rem 0;
padding: 0.85rem 1.5rem;
background: var(--mid);
font-style: italic;
color: rgba(240, 232, 216, 0.65);
font-size: 1.2rem;
}
.lc-single__texto img {
max-width: 100%;
height: auto;
display: block;
margin: 0.5rem 0 1.5rem;
filter: grayscale(20%);
}
.lc-single__texto ul, .lc-single__texto ol {
padding-left: 1.4rem;
margin-bottom: 1.4rem;
}
.lc-single__texto ul li, .lc-single__texto ol li {
margin-bottom: 0.5rem;
color: rgba(240, 232, 216, 0.75);
}
.lc-single__texto strong {
color: var(--cream);
font-weight: 400;
}
.lc-single__taxonomias {
margin-top: 2.5rem;
padding-top: 1.5rem;
border-top: 1px solid rgba(200, 169, 110, 0.15);
display: flex;
flex-direction: column;
gap: 0.85rem;
}
.lc-single__tax-grupo {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
gap: 0.5rem;
}
.lc-single__tax-label {
display: inline-flex;
align-items: center;
gap: 0.3rem;
font-family: var(--ff-mono);
font-size: 0.58rem;
text-transform: uppercase;
letter-spacing: 0.15em;
color: var(--muted);
white-space: nowrap;
padding-top: 0.2rem;
}
.lc-single__tax-label img {
opacity: 0.5;
filter: invert(1);
}
.lc-single__tax-items {
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
}
.lc-tax-badge {
display: inline-block;
font-family: var(--ff-mono);
font-size: 0.58rem;
letter-spacing: 0.1em;
padding: 0.25rem 0.7rem;
text-decoration: none;
text-transform: uppercase;
transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.lc-tax-badge--cat {
background: var(--red);
color: var(--cream);
}
.lc-tax-badge--cat:hover {
background: var(--red-dark);
color: var(--cream);
}
.lc-tax-badge--tag {
background: transparent;
color: var(--accent);
border: 1px solid rgba(200, 169, 110, 0.3);
}
.lc-tax-badge--tag:hover {
background: var(--accent);
color: var(--dark);
border-color: var(--accent);
}
.pg-sidebar .widget {
margin-bottom: 2.5rem;
padding-bottom: 2.5rem;
border-bottom: 1px solid rgba(200, 169, 110, 0.1);
}
.pg-sidebar .widget-title {
font-family: var(--ff-mono);
font-size: 0.6rem;
letter-spacing: 0.25em;
text-transform: uppercase;
color: var(--accent);
margin-bottom: 1.2rem;
display: flex;
align-items: center;
gap: 0.8rem;
}
.pg-sidebar .widget-title::before {
content: "";
width: 24px;
height: 1px;
background: var(--accent);
opacity: 0.5;
}
.pg-sidebar a {
color: rgba(240, 232, 216, 0.7);
font-size: 0.95rem;
line-height: 1.6;
}
.pg-sidebar a:hover {
color: var(--accent);
}
@media (max-width: 996px) {
.lc-page-head {
padding: 6rem 1.5rem 2rem;
}
.lc-page-head__titulo {
font-size: 2rem;
}
.lc-single__imagen .container,
.lc-single__cuerpo .container {
padding: 0 1.5rem;
}
.lc-single__imagen img {
aspect-ratio: 16/9;
}
.lc-single__cuerpo {
padding: 2.5rem 0 4rem;
}
.lc-compartir-btn span {
display: none;
}
.lc-compartir-btn {
padding: 0.35rem 0.5rem;
}
}
.pg-contacto-page {
background: var(--dark);
}
.pg-contacto-body {
padding: 4rem 0 6rem;
}
.pg-contacto-body .container {
max-width: 1400px;
margin: 0 auto;
padding: 0 3rem;
}
.pg-contacto-body .row {
--bs-gutter-x: 4rem;
}
.pg-contacto-datos {
position: sticky;
top: 100px;
}
.pg-contacto-datos__intro {
font-family: var(--ff-body);
font-size: 1.1rem;
font-style: italic;
line-height: 1.8;
color: rgba(240, 232, 216, 0.65);
margin-bottom: 2rem;
border-left: 2px solid var(--red);
padding-left: 1rem;
}
.pg-contacto-datos__lista {
list-style: none;
padding: 0;
margin: 0 0 2rem;
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.pg-contacto-datos__lista li {
display: flex;
align-items: flex-start;
gap: 0.75rem;
font-size: 0.95rem;
color: rgba(240, 232, 216, 0.6);
line-height: 1.5;
}
.pg-contacto-datos__lista li img {
flex-shrink: 0;
margin-top: 0.15rem;
opacity: 0.45;
filter: invert(1);
}
.pg-contacto-datos__lista a {
font-family: var(--ff-mono);
font-size: 0.72rem;
letter-spacing: 0.08em;
color: var(--accent);
text-decoration: none;
transition: color 0.2s;
}
.pg-contacto-datos__lista a:hover {
color: var(--red);
}
.pg-contacto-datos__nota {
font-family: var(--ff-mono);
font-size: 0.6rem;
letter-spacing: 0.08em;
color: var(--muted);
line-height: 1.7;
border-top: 1px solid rgba(200, 169, 110, 0.12);
padding-top: 1.25rem;
margin: 0;
}
.pg-contacto-form {
background: var(--mid);
border-top: 2px solid var(--red);
padding: 3rem 2.5rem;
}
.pg-contacto-form__titulo {
font-family: var(--ff-disp);
font-size: 2.5rem;
font-weight: 400;
color: var(--cream);
margin-bottom: 2rem;
line-height: 1;
display: block;
}
.pg-contacto-form__titulo::after {
content: "";
display: block;
width: 40px;
height: 1px;
background: var(--accent);
margin-top: 0.75rem;
opacity: 0.6;
}
.wpcf7 p, .wpcf7 .pg-form-row {
margin-bottom: 1.5rem;
}
.wpcf7 label {
display: block;
font-family: var(--ff-mono);
font-size: 0.6rem;
text-transform: uppercase;
letter-spacing: 0.18em;
color: var(--accent);
margin-bottom: 0.5rem;
}
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 input[type=url],
.wpcf7 input[type=number],
.wpcf7 select,
.wpcf7 textarea {
width: 100%;
padding: 0.8rem 1rem;
font-family: var(--ff-body);
font-size: 1rem;
color: var(--cream);
background: var(--dark);
border: 1px solid rgba(200, 169, 110, 0.2);
border-radius: 0;
transition: border-color 0.2s;
appearance: none;
}
.wpcf7 input[type=text]::placeholder,
.wpcf7 input[type=email]::placeholder,
.wpcf7 input[type=tel]::placeholder,
.wpcf7 input[type=url]::placeholder,
.wpcf7 input[type=number]::placeholder,
.wpcf7 select::placeholder,
.wpcf7 textarea::placeholder {
color: var(--muted);
font-style: italic;
}
.wpcf7 input[type=text]:focus,
.wpcf7 input[type=email]:focus,
.wpcf7 input[type=tel]:focus,
.wpcf7 input[type=url]:focus,
.wpcf7 input[type=number]:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
border-color: var(--accent);
box-shadow: none;
outline: none;
}
.wpcf7 textarea {
min-height: 150px;
resize: vertical;
}
.wpcf7 .wpcf7-checkbox,
.wpcf7 .wpcf7-radio {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item,
.wpcf7 .wpcf7-radio .wpcf7-list-item {
display: flex;
align-items: center;
gap: 0.5rem;
margin: 0;
}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item input[type=checkbox],
.wpcf7 .wpcf7-checkbox .wpcf7-list-item input[type=radio],
.wpcf7 .wpcf7-radio .wpcf7-list-item input[type=checkbox],
.wpcf7 .wpcf7-radio .wpcf7-list-item input[type=radio] {
width: 16px;
height: 16px;
accent-color: var(--red);
cursor: pointer;
}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label,
.wpcf7 .wpcf7-radio .wpcf7-list-item label {
font-size: 0.85rem;
text-transform: none;
letter-spacing: 0;
color: rgba(240, 232, 216, 0.65);
cursor: pointer;
margin: 0;
}
.wpcf7 input[type=submit],
.wpcf7 .wpcf7-submit {
font-family: var(--ff-mono);
font-size: 0.65rem;
letter-spacing: 0.25em;
text-transform: uppercase;
color: var(--cream);
background: transparent;
border: 1px solid rgba(240, 232, 216, 0.3);
padding: 0.85rem 2.5rem;
cursor: pointer;
transition: color 0.3s, border-color 0.3s;
display: inline-block;
margin-top: 0.5rem;
border-radius: 0;
}
.wpcf7 input[type=submit]:hover,
.wpcf7 .wpcf7-submit:hover {
color: var(--accent);
border-color: var(--accent);
background: transparent;
transform: none;
box-shadow: none;
}
.wpcf7 input[type=submit]:disabled,
.wpcf7 .wpcf7-submit:disabled {
opacity: 0.4;
cursor: not-allowed;
}
.wpcf7 .wpcf7-not-valid-tip {
display: block;
font-family: var(--ff-mono);
font-size: 0.6rem;
letter-spacing: 0.08em;
color: var(--red);
margin-top: 0.35rem;
}
.wpcf7 input.wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid,
.wpcf7 select.wpcf7-not-valid {
border-color: var(--red);
}
.wpcf7 .wpcf7-response-output {
margin-top: 1.25rem;
padding: 0.85rem 1.1rem;
font-family: var(--ff-mono);
font-size: 0.65rem;
letter-spacing: 0.1em;
border: none;
border-radius: 0;
}
.wpcf7.sent .wpcf7-response-output {
background: rgba(200, 169, 110, 0.08);
color: var(--accent);
border-left: 2px solid var(--accent);
}
.wpcf7.failed .wpcf7-response-output, .wpcf7.invalid .wpcf7-response-output, .wpcf7.spam .wpcf7-response-output {
background: rgba(226, 58, 44, 0.08);
color: var(--red);
border-left: 2px solid var(--red);
}
.wpcf7 .wpcf7-spinner {
margin-left: 0.75rem;
vertical-align: middle;
background-color: var(--accent);
}
@media (max-width: 996px) {
.pg-contacto-body {
padding: 2.5rem 0 4rem;
}
.pg-contacto-body .container {
padding: 0 1.5rem;
}
.pg-contacto-datos {
position: static;
margin-bottom: 2rem;
}
.pg-contacto-form {
padding: 2rem 1.5rem;
}
}