.elementor-733 .elementor-element.elementor-element-67cdafe{--display:flex;--min-height:70vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-733 .elementor-element.elementor-element-1612130 .elementor-heading-title{font-family:var( --e-global-typography-5b1ecec-font-family ), Sans-serif;font-size:var( --e-global-typography-5b1ecec-font-size );font-weight:var( --e-global-typography-5b1ecec-font-weight );line-height:var( --e-global-typography-5b1ecec-line-height );letter-spacing:var( --e-global-typography-5b1ecec-letter-spacing );text-shadow:0px 0px 10px #000000;color:var( --e-global-color-98f3458 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-733 .elementor-element.elementor-element-fd52ce9{font-family:"Univia", Sans-serif;font-size:14px;font-weight:400;font-style:italic;line-height:1.1em;letter-spacing:0em;}.elementor-733 .elementor-element.elementor-element-55261f3{--display:flex;--min-height:300vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}@media(min-width:768px){.elementor-733 .elementor-element.elementor-element-67cdafe{--width:100%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-733 .elementor-element.elementor-element-1612130 .elementor-heading-title{font-size:var( --e-global-typography-5b1ecec-font-size );line-height:var( --e-global-typography-5b1ecec-line-height );letter-spacing:var( --e-global-typography-5b1ecec-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-733 .elementor-element.elementor-element-1612130 .elementor-heading-title{font-size:var( --e-global-typography-5b1ecec-font-size );line-height:var( --e-global-typography-5b1ecec-line-height );letter-spacing:var( --e-global-typography-5b1ecec-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}/* Start custom CSS for html, class: .elementor-element-1cb122d */#csx {
    position: relative;
    /* Break out of whatever centered/max-width content wrapper this
       snippet is dropped into, so the car reaches the true screen edges. */
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
  #csx .csx-grid {
    display: grid;
  }
  /* Stack the car and the text in the same grid cell so the car
     can render full-bleed behind the overlaid copy. */
  #csx .csx-sticky,
  #csx .csx-content {
    grid-column: 1;
    grid-row: 1;
  }
  #csx .csx-sticky {
    height: 100vh;
    position: sticky;
    top: 0;
    z-index: 1;
  }
  #csx #car-viewer {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  #csx #car-viewer canvas {
    display: block;
    outline: none;
  }
  #csx #car-viewer.is-loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 42px;
    height: 42px;
    margin: -21px 0 0 -21px;
    border: 3px solid rgba(0, 0, 0, 0.15);
    border-top-color: rgba(0, 0, 0, 0.55);
    border-radius: 50%;
    animation: csx-spin 0.8s linear infinite;
  }
  @keyframes csx-spin { to { transform: rotate(360deg); } }

  #csx .csx-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    pointer-events: none;
  }
  /* Same horizontal position the copy held in the old two-column
     layout — right half of the viewport — now floated over the
     full-bleed car instead of sitting in its own column. */
  #csx .csx-panel {
    width: 50%;
    margin-left: auto;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4vh 6% 4vh 8%;
    box-sizing: border-box;
    pointer-events: auto;
  }
  #csx .csx-panel h2 {
    font-size: clamp(1.6rem, 2.6vw, 2.4rem);
    margin: 0 0 0.6em;
    text-shadow: 0 2px 24px rgba(0, 0, 0, 0.5);
  }
  #csx .csx-panel p {
    font-size: clamp(1rem, 1.2vw, 1.15rem);
    line-height: 1.6;
    max-width: 42ch;
    opacity: 0.85;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
  }
  #csx .csx-eyebrow {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.75rem;
    opacity: 0.55;
    margin-bottom: 0.75em;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
  }

  /* Mobile / tablet: full-width text, still overlaid on the
     full-bleed sticky car */
  @media (max-width: 899px) {
    #csx .csx-panel {
      width: 100%;
      margin-left: 0;
      min-height: 100vh;
      padding: 8vh 6%;
    }
  }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Univia';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://amazingdrives.webmiro.es/wp-content/uploads/2026/06/UniviaPro-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Univia';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://amazingdrives.webmiro.es/wp-content/uploads/2026/06/UniviaPro-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Univia';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://amazingdrives.webmiro.es/wp-content/uploads/2026/06/UniviaPro-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Univia';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://amazingdrives.webmiro.es/wp-content/uploads/2026/06/UniviaPro-BoldItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */