.elementor-878 .elementor-element.elementor-element-cc73d8e{--display:flex;}.elementor-878 .elementor-element.elementor-element-f11bafa{width:var( --container-widget-width, 99.435% );max-width:99.435%;--container-widget-width:99.435%;--container-widget-flex-grow:0;}.elementor-878 .elementor-element.elementor-element-f11bafa.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-878 .elementor-element.elementor-element-d9726af{margin-top:0px;margin-bottom:0px;}.elementor-878 .elementor-element.elementor-element-1729468{margin-top:120px;margin-bottom:0px;}.elementor-878 .elementor-element.elementor-element-b1e37de > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-878 .elementor-element.elementor-element-884a3e5{margin-top:120px;margin-bottom:0px;}.elementor-878 .elementor-element.elementor-element-19b5bd8 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-878 .elementor-element.elementor-element-252b944{margin-top:120px;margin-bottom:0px;}.elementor-878 .elementor-element.elementor-element-dbd5c42 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}@media(max-width:999px){.elementor-878 .elementor-element.elementor-element-1729468{margin-top:80px;margin-bottom:0px;}.elementor-878 .elementor-element.elementor-element-884a3e5{margin-top:80px;margin-bottom:0px;}.elementor-878 .elementor-element.elementor-element-252b944{margin-top:80px;margin-bottom:0px;}}/* Start custom CSS for html, class: .elementor-element-f11bafa *//* HERO */
#zr-hero{
  position:relative;
  min-height:100vh;
  display:grid;
  grid-template-columns:1fr 1fr;
  overflow:hidden;
  background:var(--noir);
}

/* LEFT IMAGE */
.zr-hero-left{
  position:relative;
  overflow:hidden;
}

.zr-hero-left img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  filter:brightness(.72) sepia(.15);
  transform:scale(1.05);
  animation:slowZoom 20s ease-in-out infinite alternate;
}

@keyframes slowZoom{
  from{transform:scale(1.05);}
  to{transform:scale(1.12);}
}

.zr-hero-left::after{
  content:'';
  position:absolute;
  inset:0;
  background:
  linear-gradient(105deg,transparent 40%,rgba(8,7,5,.9) 100%),
  linear-gradient(to bottom,
  rgba(8,7,5,.3) 0%,
  transparent 30%,
  transparent 70%,
  rgba(8,7,5,.6) 100%);
}

/* RIGHT SIDE */
.zr-hero-right{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:6rem 5rem 6rem 4rem;
  position:relative;
  background:linear-gradient(135deg,var(--noir-soft) 0%,#0d0b05 100%);
}

.zr-hero-corner-tr{
  position:absolute;
  top:3rem;
  right:3rem;
  width:70px;
  height:70px;
  border-top:1px solid rgba(197,163,76,.35);
  border-right:1px solid rgba(197,163,76,.35);
}

.zr-hero-corner-bl{
  position:absolute;
  bottom:3rem;
  left:4rem;
  width:70px;
  height:70px;
  border-bottom:1px solid rgba(197,163,76,.35);
  border-left:1px solid rgba(197,163,76,.35);
}

/* TEXTS */
.zr-hero-eyebrow{
  font-family:'Tenor Sans',sans-serif;
  font-size:.68rem;
  letter-spacing:.4em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:1.5rem;
  display:flex;
  align-items:center;
  gap:1rem;
  animation:fadeUp .8s ease;
}

.zr-hero-eyebrow::before{
  content:'';
  display:inline-block;
  width:30px;
  height:1px;
  background:var(--gold);
}

.zr-hero-title{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2.8rem,4vw,5rem);
  font-weight:300;
  line-height:1.05;
  color:var(--cream);
  animation:fadeUp .9s ease;
}

.zr-hero-title em{
  font-style:italic;
  background:linear-gradient(
  135deg,
  var(--gold-dark),
  var(--gold-light),
  var(--gold));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  background-size:200% 200%;
  animation:goldShimmer 4s ease infinite;
}

@keyframes goldShimmer{
  0%,100%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
}

.zr-hero-subtitle{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(.95rem,1.5vw,1.2rem);
  font-weight:300;
  font-style:italic;
  color:var(--text-dim);
  margin-top:1.5rem;
  max-width:400px;
  line-height:1.8;
  animation:fadeUp .8s ease;
}

/* BUTTONS */
.zr-hero-actions{
  margin-top:2.5rem;
  display:flex;
  gap:1.5rem;
  flex-wrap:wrap;
  align-items:center;
}

.zr-btn-primary{
  font-family:'Tenor Sans',sans-serif;
  font-size:.72rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  background:linear-gradient(
  135deg,
  var(--gold-dark),
  var(--gold-light));
  color:var(--noir);
  padding:1.1rem 2.8rem;
  border:none;
  text-decoration:none;
  display:inline-block;
  transition:all .4s ease;
  position:relative;
  overflow:hidden;
}

.zr-btn-primary::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(
  135deg,
  var(--gold-light),
  var(--gold-dark));
  opacity:0;
  transition:opacity .4s ease;
}

.zr-btn-primary:hover::before{
  opacity:1;
}

.zr-btn-primary span{
  position:relative;
  z-index:1;
}

.zr-btn-ghost{
  font-family:'Tenor Sans',sans-serif;
  font-size:.72rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--text-dim);
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:.75rem;
  transition:color .4s ease;
}

.zr-btn-ghost::after{
  content:'';
  display:inline-block;
  width:30px;
  height:1px;
  background:var(--text-dim);
  transition:all .4s ease;
}

.zr-btn-ghost:hover{
  color:var(--gold-light);
}

.zr-btn-ghost:hover::after{
  width:50px;
  background:var(--gold);
}

/* ANIMATION */
@keyframes fadeUp{
  from{
    opacity:0;
    transform:translateY(30px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* MOBILE */
@media(max-width:900px){

  #zr-hero{
    grid-template-columns:1fr;
  }

  .zr-hero-left{
    height:50vh;
  }

  .zr-hero-right{
    padding:3rem 2rem;
  }

  .zr-hero-corner-tr,
  .zr-hero-corner-bl{
    display:none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9e13d8d */:root {
  --gold-light: #F5D98B;
  --gold: #C9A84C;
  --gold-deep: #9A7B34;
}

.marquee-section {
  border-top: 1px solid rgba(197,163,76,.15);
  border-bottom: 1px solid rgba(197,163,76,.15);
  padding: 1.2rem 0;
  overflow: hidden;
  background: rgba(197,163,76,.03);
  width: 100%;
}

.marquee-track {
  display: flex;
  gap: 4rem;
  width: max-content;
  animation: marqueeScroll 30s linear infinite;
}

.marquee-item {
  font-family: 'Cormorant Garamond', serif;
  font-size: .75rem;
  font-style: italic;
  letter-spacing: .25em;
  color: var(--gold-deep);
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4rem;
  text-transform: uppercase;
}

.marquee-item::after {
  content: '✦';
  color: var(--gold);
  font-size: .6rem;
  font-style: normal;
}

@keyframes marqueeScroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .marquee-track {
    gap: 2rem;
    animation-duration: 20s;
  }

  .marquee-item {
    font-size: .65rem;
    gap: 2rem;
    letter-spacing: .18em;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d66799d */:root {
  --gold-light: #F5D98B;
  --gold: #C9A84C;
  --gold-deep: #9A7B34;
  --noir: #080705;
  --noir-mid: #110F0A;
  --noir-soft: #1A1710;
  --cream: #FAF5E9;
  --text-dim: #8A7D5F;
}

.section-philosophy-wrap{
  background: var(--noir);
  width: 100%;
  padding: clamp(5rem,10vw,13rem) clamp(2rem,8vw,10rem);
}

.section-philosophy{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6rem;
  align-items:center;
  max-width:1400px;
  margin:0 auto;
}

.philosophy-label{
  font-size:.65rem;
  letter-spacing:.4em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:1.5rem;
  display:flex;
  align-items:center;
  gap:1rem;
  font-family:'Tenor Sans',sans-serif;
}

.philosophy-label::before{
  content:'';
  width:30px;
  height:1px;
  background:var(--gold);
}

.philosophy-heading{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2.5rem,4vw,4.5rem);
  font-weight:300;
  line-height:1.1;
  color:var(--cream);
}

.philosophy-heading em{
  font-style:italic;
  color:var(--gold-light);
}

.philosophy-body{
  font-family:'Tenor Sans',sans-serif;
  font-size:.92rem;
  line-height:1.9;
  color:var(--text-dim);
  margin-top:2rem;
  max-width:500px;
}

.philosophy-right{
  position:relative;
}

.philosophy-visual{
  width:100%;
  aspect-ratio:3/4;
  background:var(--noir-soft);
  overflow:hidden;
}

.philosophy-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  filter:brightness(.85) sepia(.1);
}

.philosophy-stat{
  position:absolute;
  bottom:-2rem;
  left:-2rem;
  background:var(--noir-mid);
  border:1px solid rgba(197,163,76,.2);
  padding:2rem 2.5rem;
}

.stat-number{
  font-family:'Cormorant Garamond',serif;
  font-size:3.5rem;
  font-weight:300;
  background:linear-gradient(135deg,var(--gold-deep),var(--gold-light));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  display:block;
}

.stat-label{
  font-family:'Tenor Sans',sans-serif;
  font-size:.68rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--text-dim);
  margin-top:.25rem;
}

@media (max-width:900px){
  .section-philosophy{
    grid-template-columns:1fr;
    gap:3rem;
  }

  .philosophy-stat{
    left:0;
    bottom:0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c97f405 *//* DIJE 3D */
    #dije-section {
        background: linear-gradient(180deg, var(--noir-soft) 0%, var(--noir-mid) 50%, var(--noir-soft) 100%);
        padding: clamp(5rem, 10vw, 11rem) clamp(2rem, 6vw, 8rem);
        position: relative;
        overflow: hidden;
    }

    #dije-section::before {
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: radial-gradient(ellipse 70% 50% at 50% 50%, rgba(197, 163, 76, .05) 0%, transparent 70%);
    }

    .dije-inner {
        max-width: 1300px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 5rem;
        align-items: center;
    }

    .dije-eyebrow {
        font-size: .65rem;
        letter-spacing: .4em;
        text-transform: uppercase;
        color: var(--gold);
        margin-bottom: 1.5rem;
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .dije-eyebrow::before {
        content: '';
        width: 30px;
        height: 1px;
        background: var(--gold);
        display: inline-block;
    }

    .dije-heading {
        font-family: 'Cormorant Garamond', serif;
        font-size: clamp(2.4rem, 4vw, 4.6rem);
        font-weight: 300;
        line-height: 1.05;
        color: var(--cream);
        margin-bottom: 1.5rem;
    }

    .dije-heading em {
        font-style: italic;
        color: var(--gold-light);
    }

    .dije-desc {
        font-size: .92rem;
        line-height: 1.9;
        color: var(--text-dim);
        margin-bottom: 2.5rem;
        max-width: 440px;
    }

    .dije-specs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.2rem;
        margin-bottom: 2.5rem;
        border-top: 1px solid rgba(197, 163, 76, .15);
        padding-top: 2rem;
    }

    .dije-spec-label {
        font-size: .6rem;
        letter-spacing: .25em;
        text-transform: uppercase;
        color: var(--gold-deep);
        display: block;
        margin-bottom: .25rem;
    }

    .dije-spec-value {
        font-family: 'Cormorant Garamond', serif;
        font-size: 1rem;
        color: var(--cream);
    }

    .dije-canvas-wrap {
        position: relative;
        background: radial-gradient(ellipse at 50% 40%, #1e1a10 0%, #0a0807 100%);
        border: 1px solid rgba(197, 163, 76, .14);
        overflow: hidden;
    }

    #dije-canvas {
        display: block;
        width: 100%;
        aspect-ratio: 1/1;
        cursor: grab;
    }

    #dije-canvas:active {
        cursor: grabbing;
    }

    .dije-controls {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        padding: 1rem 1.2rem;
        border-top: 1px solid rgba(197, 163, 76, .1);
        background: rgba(8, 7, 5, .65);
        justify-content: center;
    }

    .dije-btn {
        background: transparent;
        border: 1px solid rgba(197, 163, 76, .3);
        color: var(--gold);
        font-family: 'Tenor Sans', sans-serif;
        font-size: .6rem;
        letter-spacing: .2em;
        text-transform: uppercase;
        padding: .55rem 1.3rem;
        cursor: pointer;
        transition: all .3s ease;
    }

    .dije-btn:hover,
    .dije-btn.active {
        background: rgba(197, 163, 76, .12);
        border-color: rgba(197, 163, 76, .6);
        color: var(--gold-light);
    }

    .dije-hint {
        text-align: center;
        padding: .65rem;
        font-size: .58rem;
        letter-spacing: .2em;
        text-transform: uppercase;
        color: var(--text-dim);
        opacity: .65;
    }
    /* ==========================
   RESPONSIVE TABLET
========================== */
@media (max-width: 1024px){

  #dije-section{
    padding:4rem 2rem;
  }

  .dije-inner{
    grid-template-columns:1fr;
    gap:3rem;
  }

  .dije-desc{
    max-width:100%;
  }

  .dije-canvas-wrap{
    max-width:700px;
    margin:auto;
  }
}

/* ==========================
   RESPONSIVE MÓVIL
========================== */
@media (max-width: 767px){

  #dije-section{
    padding:3rem 1rem;
  }

  .dije-inner{
    grid-template-columns:1fr;
    gap:2rem;
  }

  .dije-eyebrow{
    font-size:.55rem;
    letter-spacing:.25em;
    justify-content:center;
  }

  .dije-heading{
    font-size:2rem;
    text-align:center;
    line-height:1.15;
  }

  .dije-desc{
    text-align:center;
    font-size:.9rem;
    line-height:1.7;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
  }

  .dije-specs{
    grid-template-columns:1fr;
    gap:1rem;
    text-align:center;
  }

  .dije-spec-label{
    font-size:.55rem;
  }

  .dije-spec-value{
    font-size:.95rem;
  }

  .dije-controls{
    gap:8px;
    padding:12px;
  }

  .dije-btn{
    width:100%;
    font-size:.6rem;
    padding:.8rem;
  }

  .dije-hint{
    font-size:.5rem;
    padding:.8rem;
    line-height:1.5;
  }

  #dije-canvas{
    aspect-ratio:1/1;
    min-height:320px;
  }

  .btn-primary{
    width:100%;
    justify-content:center;
  }
}

/* ==========================
   MÓVILES PEQUEÑOS
========================== */
@media (max-width: 480px){

  .dije-heading{
    font-size:1.7rem;
  }

  .dije-desc{
    font-size:.85rem;
  }

  #dije-canvas{
    min-height:280px;
  }

  .dije-btn{
    font-size:.55rem;
    letter-spacing:.12em;
  }
}

/* =======================================
   DIJE 3D RESPONSIVE COMPLETO
======================================= */

/* Contenedor principal */
#dije-section{
    padding:clamp(3rem,6vw,6rem) 1rem !important;
}

/* Grid */
.dije-inner{
    max-width:1300px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:4rem;
    align-items:center;
}

/* Canvas */
#wrap{
    width:100% !important;
    height:560px !important;
    position:relative;
    overflow:hidden;
}

#c,
#dije-canvas{
    width:100% !important;
    height:100% !important;
    display:block;
}

/* ==========================
   TABLET
========================== */

@media (max-width:1024px){

    .dije-inner{
        grid-template-columns:1fr;
        gap:3rem;
    }

    .dije-canvas-wrap{
        width:100%;
        max-width:700px;
        margin:auto;
    }

    #wrap{
        height:500px !important;
    }

    .dije-heading{
        text-align:center;
    }

    .dije-desc{
        text-align:center;
        max-width:100%;
    }

    .dije-specs{
        max-width:700px;
        margin:auto;
    }
}

/* ==========================
   MÓVIL
========================== */

@media (max-width:767px){

    #dije-section{
        padding:3rem 1rem !important;
    }

    .dije-inner{
        display:flex;
        flex-direction:column;
        gap:2rem;
    }

    .dije-eyebrow{
        justify-content:center;
        text-align:center;
        font-size:.55rem;
    }

    .dije-heading{
        font-size:2rem !important;
        text-align:center;
        line-height:1.15;
    }

    .dije-desc{
        text-align:center;
        font-size:.9rem;
        line-height:1.7;
        max-width:100%;
    }

    .dije-specs{
        grid-template-columns:1fr;
        gap:1rem;
        text-align:center;
    }

    .dije-canvas-wrap{
        width:100%;
        max-width:100%;
        margin:auto;
    }

    #wrap{
        height:380px !important;
    }

    .dije-controls{
        flex-direction:column;
        gap:10px;
    }

    .dije-btn{
        width:100%;
        padding:.85rem;
        font-size:.65rem;
    }

    .dije-hint{
        font-size:.55rem;
        line-height:1.6;
        padding:.8rem;
    }
}

/* ==========================
   MÓVILES MUY PEQUEÑOS
========================== */

@media (max-width:480px){

    #wrap{
        height:320px !important;
    }

    .dije-heading{
        font-size:1.7rem !important;
    }

    .dije-desc{
        font-size:.85rem;
    }

    .dije-btn{
        font-size:.55rem;
        letter-spacing:.12em;
    }

    .dije-spec-label{
        font-size:.55rem;
    }

    .dije-spec-value{
        font-size:.9rem;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db55540 */:root{
  --gold-light:#F5D98B;
  --gold:#C9A84C;
  --gold-deep:#9A7B34;
  --noir:#080705;
  --cream:#FAF5E9;
  --cream-dim:#EDE4CC;
}

.zr-testimonios{
  background:var(--noir);
  padding:100px 40px;
  text-align:center;
}

.zr-section-label{
  font-size:.65rem;
  letter-spacing:.4em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:1.5rem;
  display:block;
  font-family:'Tenor Sans',sans-serif;
}

.zr-section-title{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2rem,4vw,4rem);
  font-weight:300;
  color:var(--cream);
}

.zr-section-title em{
  font-style:italic;
  color:var(--gold-light);
}

.zr-testimonials-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:3rem;
  margin-top:4rem;
  text-align:left;
  max-width:1400px;
  margin-left:auto;
  margin-right:auto;
}

.zr-testimonial-card{
  border:1px solid rgba(197,163,76,.12);
  padding:3rem;
  position:relative;
  background:rgba(197,163,76,.02);
  transition:.4s ease;
}

.zr-testimonial-card:hover{
  border-color:rgba(197,163,76,.3);
  background:rgba(197,163,76,.05);
  transform:translateY(-6px);
}

.zr-testimonial-card::before{
  content:'"';
  font-family:'Cormorant Garamond',serif;
  font-size:6rem;
  line-height:1;
  color:var(--gold);
  opacity:.2;
  position:absolute;
  top:1rem;
  left:2rem;
}

.zr-testimonial-text{
  font-family:'Cormorant Garamond',serif;
  font-size:1.1rem;
  font-style:italic;
  color:var(--cream-dim);
  line-height:1.8;
  position:relative;
  z-index:1;
}

.zr-testimonial-author{
  margin-top:1.5rem;
  font-size:.68rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--gold);
  font-family:'Tenor Sans',sans-serif;
}

.zr-testimonial-stars{
  margin-top:.5rem;
  color:var(--gold-deep);
  letter-spacing:.2em;
  font-size:1rem;
}

@media(max-width:900px){
  .zr-testimonials-grid{
    grid-template-columns:1fr;
  }

  .zr-testimonios{
    padding:70px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-efe7800 */:root{
  --gold-light:#F5D98B;
  --gold:#C9A84C;
  --gold-deep:#9A7B34;
  --noir:#080705;
  --noir-soft:#1A1710;
  --cream:#FAF5E9;
  --text-dim:#8A7D5F;
}

/* SECCIÓN PROCESO */
#proceso-zr{
  padding:clamp(5rem,10vw,12rem) clamp(2rem,8vw,10rem);
  background:linear-gradient(to bottom,var(--noir-soft),var(--noir));
  color:var(--cream);
  overflow:hidden;
}

#proceso-zr .proceso-header{
  text-align:center;
  margin-bottom:5rem;
}

#proceso-zr .section-label{
  font-size:.65rem;
  letter-spacing:.4em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:1.5rem;
  display:block;
  font-family:'Tenor Sans',sans-serif;
}

#proceso-zr .section-title{
  font-family:'Cormorant Garamond',serif;
  font-weight:300;
  font-size:clamp(2rem,4vw,4rem);
  color:var(--cream);
  line-height:1.1;
}

#proceso-zr .section-title em{
  font-style:italic;
  color:var(--gold-light);
}

#proceso-zr .process-steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:3rem;
  position:relative;
}

#proceso-zr .process-steps::before{
  content:'';
  position:absolute;
  top:2.5rem;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(
    to right,
    transparent,
    rgba(197,163,76,.3),
    transparent
  );
}

#proceso-zr .step{
  text-align:center;
  position:relative;
}

#proceso-zr .step-number{
  width:5rem;
  height:5rem;
  margin:0 auto 2rem;
  border:1px solid rgba(197,163,76,.3);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Cormorant Garamond',serif;
  font-size:1.5rem;
  color:var(--gold);
  background:var(--noir);
  position:relative;
  z-index:1;
  transition:all .4s ease;
}

#proceso-zr .step:hover .step-number{
  background:var(--gold);
  color:var(--noir);
  border-color:var(--gold);
  box-shadow:0 0 40px rgba(197,163,76,.3);
}

#proceso-zr .step-title{
  font-family:'Cormorant Garamond',serif;
  font-size:1.3rem;
  font-weight:300;
  color:var(--cream);
  margin-bottom:.75rem;
}

#proceso-zr .step-desc{
  font-family:'Tenor Sans',sans-serif;
  font-size:.8rem;
  color:var(--text-dim);
  line-height:1.7;
}

@media(max-width:900px){

  #proceso-zr .process-steps{
    grid-template-columns:1fr 1fr;
    gap:2rem;
  }

}

@media(max-width:600px){

  #proceso-zr .process-steps{
    grid-template-columns:1fr;
  }

  #proceso-zr .process-steps::before{
    display:none;
  }

}/* End custom CSS */