.elementor-31 .elementor-element.elementor-element-98ad06d{--display:flex;}.elementor-31 .elementor-element.elementor-element-98ad06d:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-98ad06d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-31 .elementor-element.elementor-element-4a9fd04{--display:flex;}.elementor-31 .elementor-element.elementor-element-4a9fd04:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-4a9fd04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#58514E;}.elementor-31 .elementor-element.elementor-element-49cf0d6{--display:flex;}.elementor-31 .elementor-element.elementor-element-49cf0d6:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-49cf0d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-text ) 0%, var( --e-global-color-primary ) 100%);}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-95d91d0 *//* ===== WELL DONE HERO — COPPER LUXURY EDITION ===== */

:root{
  --black:#0b0b0c;
  --white:#ffffff;
  --muted:rgba(255,255,255,.75);

  /* NUEVA PALETA COBRE */
  --copper:#C46A3A;
  --copper-light:#E08A57;
  --copper-dark:#8E3F22;
}

.wdp-hero{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  overflow:hidden;
  font-family:'Montserrat', sans-serif;
  color:var(--white);
  background:var(--black);
 ;
  padding:0 20px;
}

/* Fondo con profundidad */
.wdp-hero-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 500px at 50% 35%, rgba(255,255,255,.06), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.2), rgba(0,0,0,.85)),
    url('hero-padel.jpg') center/cover no-repeat;
  filter:saturate(.9) contrast(1.05);
  transform:scale(1.02);
}

.wdp-hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.6), rgba(0,0,0,.9));
}

.wdp-hero-inner{
  position:relative;
  z-index:2;
  max-width:950px;
}

/* Línea + texto superior */
.wdp-kicker{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  margin-bottom:25px;
  font-size:11px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:var(--muted);
}

.wdp-line{
  width:60px;
  height:1px;
  background:linear-gradient(90deg, transparent, var(--copper), transparent);
}

/* Título principal */
.wdp-title{
  font-size:clamp(46px, 6vw, 88px);
  font-weight:800;
  line-height:1.05;
  margin:0 0 20px;
  letter-spacing:.5px;
}

.wdp-title span{
  color:var(--copper);
  letter-spacing:1.5px;
}

/* Subtítulo */
.wdp-subtitle{
  max-width:700px;
  margin:0 auto 40px;
  font-size:18px;
  line-height:1.7;
  color:var(--muted);
}

/* Botones */
.wdp-cta{
  display:flex;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
}

.wdp-btn-primary{
  padding:14px 28px;
  background:linear-gradient(180deg, var(--copper-light), var(--copper-dark));
  color:#000;
  text-decoration:none;
  font-size:12px;
  letter-spacing:1.5px;
  font-weight:700;
  text-transform:uppercase;
  border-radius:999px;
  transition:all .25s ease;
}

.wdp-btn-primary:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
}

.wdp-btn-secondary{
  padding:14px 28px;
  border:1px solid rgba(255,255,255,.25);
  color:var(--white);
  text-decoration:none;
  font-size:12px;
  letter-spacing:1.5px;
  font-weight:600;
  text-transform:uppercase;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  backdrop-filter:blur(6px);
  transition:all .25s ease;
}

.wdp-btn-secondary:hover{
  border-color:var(--copper);
  background:rgba(196,106,58,.12);
  transform:translateY(-2px);
}

/* Responsive */
@media (max-width:600px){
  .wdp-btn-primary,
  .wdp-btn-secondary{
    width:100%;
    max-width:320px;
  }

  .wdp-subtitle{
    font-size:16px;
  }

  .wdp-line{
    width:35px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-baa26ba *//* ===== WHAT MAKES IT DIFFERENT — COPPER EDITION ===== */

.wdp-different{
  background:transparent;
  padding:120px 20px;
  color:var(--white);
  text-align:center;
}

.wdp-different-inner{
  max-width:1200px;
  margin:0 auto;
}

/* Section header */
.wdp-section-header{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  margin-bottom:20px;
}

.wdp-section-line{
  width:60px;
  height:1px;
  background:linear-gradient(90deg, transparent, var(--copper), transparent);
  opacity:.85;
}

.wdp-section-kicker{
  font-size:11px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:var(--muted);
  margin:0;
}

/* Title */
.wdp-section-title{
  font-size:clamp(28px, 3.5vw, 46px);
  font-weight:700;
  margin:0 0 70px;
  line-height:1.2;
}

.wdp-section-title span{
  color:var(--copper);
}

/* Grid */
.wdp-different-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:50px;
}

/* Cards */
.wdp-different-card{
  padding:40px 30px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
  backdrop-filter:blur(8px);
  border-radius:18px;
  transition:all .3s ease;
}

.wdp-different-card:hover{
  border-color:rgba(196,106,58,.6);
  transform:translateY(-6px);
  background:rgba(196,106,58,.08);
}

/* Card content */
.wdp-different-card h3{
  font-size:18px;
  margin:0 0 18px;
  letter-spacing:1px;
}

.wdp-different-card p{
  font-size:15px;
  line-height:1.7;
  color:var(--muted);
  margin:0;
}

/* Copper icon dot */
.wdp-card-icon{
  width:8px;
  height:8px;
  margin:0 auto 20px;
  background:var(--copper);
  border-radius:50%;
  box-shadow:0 0 0 4px rgba(196,106,58,.18);
}

/* Responsive */
@media (max-width: 900px){
  .wdp-different-grid{
    grid-template-columns:1fr;
    gap:40px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d073871 *//* ===== FEATURED PROJECTS — COPPER EDITION ===== */

.wdp-portfolio{
  background:transparent;
  padding:120px 20px;
  color:var(--white);
  text-align:center;
}

.wdp-portfolio-inner{
  max-width:1200px;
  margin:0 auto;
}

/* Grid */
.wdp-portfolio-grid{
  margin-top:70px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
}

/* Portfolio Card */
.wdp-portfolio-card{
  position:relative;
  height:420px;
  border-radius:18px;
  overflow:hidden;
  text-decoration:none;
  color:var(--white);
  border:1px solid rgba(255,255,255,.08);
  transition:all .35s ease;
  display:block;
}

.wdp-portfolio-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transition:transform .6s ease;
}

.wdp-portfolio-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.85));
}

.wdp-portfolio-content{
  position:absolute;
  bottom:30px;
  left:30px;
  right:30px;
  text-align:left;
  z-index:2;
}

/* Hover */
.wdp-portfolio-card:hover{
  border-color:rgba(196,106,58,.6);
  transform:translateY(-6px);
}

.wdp-portfolio-card:hover .wdp-portfolio-bg{
  transform:scale(1.08);
}

/* Title */
.wdp-portfolio-content h3{
  font-size:20px;
  margin:0 0 12px;
  letter-spacing:1px;
}

/* Description */
.wdp-portfolio-content p{
  font-size:14px;
  color:var(--muted);
  margin:0;
}

/* Copper icon dot (reuse existing style if already defined) */
.wdp-card-icon{
  width:8px;
  height:8px;
  margin:0 0 18px;
  background:var(--copper);
  border-radius:50%;
  box-shadow:0 0 0 4px rgba(196,106,58,.18);
}

/* Responsive */
@media (max-width: 900px){
  .wdp-portfolio-grid{
    grid-template-columns:1fr;
    gap:40px;
  }
}/* End custom CSS */