/* ==========================================================================
   Ruiz de la Peña y Asociados — RDLP Core
   Sistema visual: tinta marino + oro + marfil · Cormorant Garamond / Manrope
   ========================================================================== */
:root{
  --rdlp-ink:#0A101C;
  --rdlp-navy:#0F1A2E;
  --rdlp-navy-2:#16243D;
  --rdlp-gold:#C8A15A;
  --rdlp-gold-2:#E3C892;
  --rdlp-gold-deep:#9C7A3C;
  --rdlp-ivory:#F6F2EA;
  --rdlp-paper:#FBF9F5;
  --rdlp-text:#2A3242;
  --rdlp-muted:#6B7385;
  --rdlp-line:rgba(200,161,90,.28);
  --rdlp-serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --rdlp-sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --rdlp-ease:cubic-bezier(.19,1,.22,1);
}

/* ---------- Base ---------- */
body{font-family:var(--rdlp-sans);color:var(--rdlp-text);background:var(--rdlp-paper);-webkit-font-smoothing:antialiased}
.rdlp-kicker,.rdlp-kicker .elementor-heading-title{font-family:var(--rdlp-sans)!important;font-size:12px!important;letter-spacing:.32em!important;text-transform:uppercase;color:var(--rdlp-gold)!important;font-weight:700!important;display:flex;align-items:center;gap:14px}
.rdlp-kicker .elementor-heading-title::before,.rdlp-kicker:not(:has(.elementor-heading-title))::before{content:"";width:42px;height:1px;background:currentColor;display:inline-block}
.rdlp-gold-text{background:linear-gradient(100deg,var(--rdlp-gold-deep),var(--rdlp-gold-2) 45%,var(--rdlp-gold) 70%,var(--rdlp-gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent}
.rdlp-section-dark{background:radial-gradient(1200px 600px at 80% -10%,rgba(200,161,90,.12),transparent 60%),var(--rdlp-ink)}
.rdlp-grain{position:relative;isolation:isolate}
.rdlp-grain::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.rdlp-grain > *{position:relative;z-index:1}

/* ---------- Botones ---------- */
.rdlp-btn .elementor-button,.rdlp-btn-a{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:12px;padding:18px 34px;border-radius:0;font-family:var(--rdlp-sans);font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;background:var(--rdlp-gold);color:var(--rdlp-ink);border:1px solid var(--rdlp-gold);transition:color .5s var(--rdlp-ease),transform .4s var(--rdlp-ease);text-decoration:none}
.rdlp-btn .elementor-button::before,.rdlp-btn-a::before{content:"";position:absolute;inset:0;background:var(--rdlp-ink);transform:translateY(101%);transition:transform .6s var(--rdlp-ease);z-index:-1}
.rdlp-btn .elementor-button:hover,.rdlp-btn-a:hover{color:var(--rdlp-gold)}
.rdlp-btn .elementor-button:hover::before,.rdlp-btn-a:hover::before{transform:translateY(0)}
.rdlp-btn .elementor-button,.rdlp-btn-a{isolation:isolate}
.rdlp-btn-ghost .elementor-button,.rdlp-btn-a.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)}
.rdlp-btn-ghost .elementor-button::before,.rdlp-btn-a.ghost::before{background:var(--rdlp-gold)}
.rdlp-btn-ghost .elementor-button:hover,.rdlp-btn-a.ghost:hover{color:var(--rdlp-ink);border-color:var(--rdlp-gold)}

/* ==========================================================================
   HERO 3D PANORÁMICO
   ========================================================================== */
.rdlp-hero{position:relative;height:100vh;min-height:640px;max-height:1100px;background:var(--rdlp-ink);overflow:hidden;perspective:1600px;color:#fff}
.rdlp-hero .swiper{width:100%;height:100%;overflow:visible}
.rdlp-hero .swiper-slide{overflow:hidden;background:var(--rdlp-ink)}
.rdlp-hero__bg{position:absolute;inset:-6%;background-size:cover;background-position:center;transform-style:preserve-3d;will-change:transform}
.rdlp-hero__bg img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.18);transition:transform 9s linear}
.rdlp-hero.is-live .swiper-slide-active .rdlp-hero__bg img{transform:scale(1.02)}
.rdlp-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,16,28,.92) 0%,rgba(10,16,28,.72) 38%,rgba(10,16,28,.15) 75%,rgba(10,16,28,.35) 100%),linear-gradient(0deg,rgba(10,16,28,.85) 0%,transparent 35%)}
.rdlp-hero__light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 600px at var(--mx,70%) var(--my,40%),rgba(227,200,146,.18),transparent 60%);mix-blend-mode:screen;transition:background .2s}
.rdlp-hero__inner{position:absolute;inset:0;display:flex;align-items:center;padding:0 clamp(20px,7vw,120px);transform-style:preserve-3d}
.rdlp-hero__content{max-width:760px;will-change:transform}
.rdlp-hero__kicker{font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--rdlp-gold-2);font-weight:700;display:flex;align-items:center;gap:16px;margin:0 0 28px}
.rdlp-hero__kicker::before{content:"";width:56px;height:1px;background:var(--rdlp-gold)}
.rdlp-hero__title{font-family:var(--rdlp-serif);font-weight:500;font-size:clamp(40px,6.2vw,92px);line-height:1.02;letter-spacing:-.01em;margin:0 0 28px;color:#fff}
.rdlp-hero__title em{font-style:italic;color:var(--rdlp-gold-2)}
.rdlp-hero__title .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}
.rdlp-hero__title .w > span{display:inline-block;transform-origin:50% 100%}
/* Revelado tipográfico: se reproduce cada vez que un slide se vuelve activo */
.rdlp-hero.is-live .swiper-slide-active .rdlp-hero__title .w > span{animation:rdlpWord 1.2s var(--rdlp-ease) both;animation-delay:calc(.35s + var(--i,0) * 55ms)}
.rdlp-hero.is-live .swiper-slide-active .rdlp-hero__kicker{animation:rdlpRise 1s var(--rdlp-ease) .15s both}
.rdlp-hero.is-live .swiper-slide-active .rdlp-hero__text{animation:rdlpRise 1.1s var(--rdlp-ease) .8s both}
.rdlp-hero.is-live .swiper-slide-active .rdlp-hero__ctas{animation:rdlpRise 1.1s var(--rdlp-ease) 1s both}
@keyframes rdlpWord{from{transform:translateY(110%) rotateX(-60deg);opacity:0}to{transform:none;opacity:1}}
@keyframes rdlpRise{from{transform:translate3d(0,30px,0);opacity:0;filter:blur(6px)}to{transform:none;opacity:1;filter:none}}
.rdlp-hero__text{font-size:clamp(15px,1.25vw,18px);line-height:1.75;color:rgba(255,255,255,.78);max-width:600px;margin:0 0 40px}
.rdlp-hero__ctas{display:flex;flex-wrap:wrap;gap:16px}
.rdlp-hero__ui{position:absolute;z-index:5;left:clamp(20px,7vw,120px);right:clamp(20px,7vw,120px);bottom:40px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;pointer-events:none}
.rdlp-hero__count{font-family:var(--rdlp-serif);font-size:20px;color:rgba(255,255,255,.6);pointer-events:auto}
.rdlp-hero__count b{font-size:44px;color:#fff;font-weight:500;margin-right:6px}
.rdlp-hero__thumbs{display:flex;gap:2px;pointer-events:auto}
.rdlp-hero__thumb{appearance:none;border:0;background:rgba(255,255,255,.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:rgba(255,255,255,.65);text-align:left;padding:18px 22px 20px;width:210px;cursor:pointer;position:relative;font:600 12px/1.4 var(--rdlp-sans);letter-spacing:.06em;transition:background .4s,color .4s}
.rdlp-hero__thumb small{display:block;font-family:var(--rdlp-serif);font-size:15px;color:var(--rdlp-gold);margin-bottom:4px;letter-spacing:0}
.rdlp-hero__thumb::after{content:"";position:absolute;left:0;top:0;height:2px;width:var(--p,0%);background:var(--rdlp-gold)}
.rdlp-hero__thumb.is-active{background:rgba(255,255,255,.12);color:#fff}
.rdlp-hero__thumb:hover{color:#fff}
.rdlp-hero__scroll{position:absolute;right:28px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:right center;z-index:5;font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:rgba(255,255,255,.55);display:flex;align-items:center;gap:14px}
.rdlp-hero__scroll::after{content:"";width:60px;height:1px;background:linear-gradient(90deg,var(--rdlp-gold),transparent);animation:rdlpLine 2.4s var(--rdlp-ease) infinite}
@keyframes rdlpLine{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}51%{transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}
@media (max-width:1024px){.rdlp-hero__thumbs{display:none}}
@media (max-width:767px){
  .rdlp-hero{height:92svh;min-height:560px}
  .rdlp-hero__shade{background:linear-gradient(0deg,rgba(10,16,28,.95) 10%,rgba(10,16,28,.55) 60%,rgba(10,16,28,.4))}
  .rdlp-hero__inner{align-items:flex-end;padding-bottom:120px}
  .rdlp-hero__scroll{display:none}
  .rdlp-hero__ctas .rdlp-btn-a{padding:16px 22px}
}

/* Núcleo Swiper acotado al hero (no carga CSS global para no chocar con Elementor) */
.rdlp-hero .swiper{position:relative;z-index:1;list-style:none;padding:0;margin:0}
.rdlp-hero .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:ease;box-sizing:content-box;transform-style:preserve-3d}
.rdlp-hero .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform,opacity;display:block;backface-visibility:hidden;transform-style:preserve-3d}
.rdlp-hero .swiper-slide-shadow-creative{position:absolute;inset:0;pointer-events:none;z-index:10;background:rgba(0,0,0,.55)}
.rdlp-hero .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}

/* ---------- Marquee de clientes ---------- */
.rdlp-marquee{position:relative;overflow:hidden;padding:10px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.rdlp-marquee__track{display:flex;gap:28px;width:max-content;animation:rdlpMarquee var(--dur,40s) linear infinite}
.rdlp-marquee:hover .rdlp-marquee__track{animation-play-state:paused}
.rdlp-marquee__item{flex:0 0 auto;width:200px;height:96px;display:grid;place-items:center;background:#fff;border:1px solid rgba(15,26,46,.07);box-shadow:0 10px 30px -18px rgba(10,16,28,.35);transition:transform .5s var(--rdlp-ease),box-shadow .5s}
.rdlp-marquee__item img{max-width:150px;max-height:62px;width:auto;height:auto;filter:grayscale(1) contrast(1.05);opacity:.75;transition:filter .5s,opacity .5s}
.rdlp-marquee__item:hover{transform:translateY(-6px);box-shadow:0 24px 40px -20px rgba(10,16,28,.45)}
.rdlp-marquee__item:hover img{filter:none;opacity:1}
@keyframes rdlpMarquee{to{transform:translateX(calc(-50% - 14px))}}

/* ---------- Tarjetas de áreas 3D ---------- */
.rdlp-area-card{position:relative;min-height:440px;overflow:hidden;background:var(--rdlp-navy);transform-style:preserve-3d;transition:transform .6s var(--rdlp-ease),box-shadow .6s;box-shadow:0 30px 60px -35px rgba(10,16,28,.6)}
.rdlp-area-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,16,28,.05) 20%,rgba(10,16,28,.92) 85%);z-index:1;transition:background .6s}
.rdlp-area-card::after{content:"";position:absolute;inset:14px;border:1px solid rgba(227,200,146,0);z-index:2;transition:border-color .6s,inset .6s var(--rdlp-ease);pointer-events:none}
.rdlp-area-card:hover::after{border-color:rgba(227,200,146,.55);inset:10px}
.rdlp-area-card > .e-con-inner,.rdlp-area-card > *{position:relative;z-index:3}
.rdlp-area-card .elementor-heading-title{color:#fff!important}
.rdlp-area-card:hover{box-shadow:0 40px 80px -30px rgba(10,16,28,.75)}
.rdlp-area-card .rdlp-area-num .elementor-heading-title{font-family:var(--rdlp-serif)!important;color:var(--rdlp-gold)!important;font-size:18px!important}
.rdlp-area-card .elementor-widget-text-editor{color:rgba(255,255,255,.75);max-height:0;opacity:0;overflow:hidden;transition:max-height .7s var(--rdlp-ease),opacity .5s}
.rdlp-area-card:hover .elementor-widget-text-editor,.rdlp-area-card:focus-within .elementor-widget-text-editor{max-height:220px;opacity:1}
@media (hover:none){.rdlp-area-card .elementor-widget-text-editor{max-height:none;opacity:1}}

/* ---------- Estadísticas ---------- */
.rdlp-stat .elementor-counter-number-wrapper{font-family:var(--rdlp-serif)!important;font-weight:500!important}
.rdlp-stat{border-left:1px solid var(--rdlp-line);padding-left:28px!important}

/* ---------- Valor / pilares ---------- */
.rdlp-pillar{border-top:1px solid var(--rdlp-line);padding-top:28px!important;transition:transform .5s var(--rdlp-ease)}
.rdlp-pillar:hover{transform:translateY(-6px)}
.rdlp-pillar .elementor-icon{color:var(--rdlp-gold)!important;fill:var(--rdlp-gold)!important}

/* ---------- Retrato fundador ---------- */
.rdlp-portrait{position:relative}
.rdlp-portrait img{filter:grayscale(.15) contrast(1.05)}
.rdlp-portrait::before{content:"";position:absolute;inset:24px -24px -24px 24px;border:1px solid var(--rdlp-gold);z-index:0}
.rdlp-portrait .elementor-widget-container{position:relative;z-index:1}

/* ---------- Acordeón FAQ ---------- */
.rdlp-faq .elementor-accordion-item{border:0!important;border-bottom:1px solid var(--rdlp-line)!important}
.rdlp-faq .elementor-tab-title{padding:26px 0!important;font-family:var(--rdlp-serif);font-size:22px}
.rdlp-faq .elementor-tab-content{padding:0 0 26px!important;border:0!important}

/* ---------- Header ---------- */
.rdlp-header{position:fixed!important;top:0;left:0;right:0;z-index:999;transition:background .5s,padding .5s,box-shadow .5s,transform .5s var(--rdlp-ease)}
.rdlp-header.is-scrolled{background:rgba(10,16,28,.88)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 40px -20px rgba(0,0,0,.6)}
.rdlp-header.is-hidden{transform:translateY(-100%)}
body.admin-bar .rdlp-header{top:32px}
.rdlp-header .elementor-nav-menu--main .elementor-item{font-family:var(--rdlp-sans);font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.rdlp-lang{display:flex;gap:6px;list-style:none;margin:0;padding:0}
.rdlp-lang a{display:inline-block;padding:6px 9px;font:700 11px/1 var(--rdlp-sans);letter-spacing:.14em;color:rgba(255,255,255,.65);border:1px solid transparent;text-decoration:none}
.rdlp-lang .is-current a{color:var(--rdlp-gold);border-color:var(--rdlp-line)}

/* ---------- Barra de progreso de lectura ---------- */
.rdlp-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--rdlp-gold-deep),var(--rdlp-gold-2));z-index:10000;pointer-events:none}

/* ---------- Revelado en scroll ---------- */
.rdlp-reveal{opacity:0;transform:translate3d(0,40px,0);transition:opacity 1.1s var(--rdlp-ease),transform 1.1s var(--rdlp-ease)}
.rdlp-reveal.is-in{opacity:1;transform:none}
.rdlp-reveal-img{clip-path:inset(0 0 100% 0);transition:clip-path 1.4s var(--rdlp-ease)}
.rdlp-reveal-img.is-in{clip-path:inset(0 0 0 0)}
.elementor-editor-active .rdlp-reveal,.elementor-editor-active .rdlp-reveal-img{opacity:1;transform:none;clip-path:none}

/* ---------- Blog ---------- */
.rdlp-posts .elementor-post{background:#fff;transition:transform .5s var(--rdlp-ease),box-shadow .5s;box-shadow:0 20px 40px -30px rgba(10,16,28,.45)}
.rdlp-posts .elementor-post:hover{transform:translateY(-8px);box-shadow:0 34px 60px -30px rgba(10,16,28,.55)}
.rdlp-posts .elementor-post__title a{font-family:var(--rdlp-serif)!important;font-size:24px!important;line-height:1.2!important;color:var(--rdlp-navy)!important}
.rdlp-posts .elementor-post__badge{background:var(--rdlp-gold)!important;color:var(--rdlp-ink)!important;border-radius:0!important;letter-spacing:.12em;text-transform:uppercase;font-size:10px!important}
.rdlp-article{font-size:18px;line-height:1.85}
.rdlp-article h2{font-family:var(--rdlp-serif);font-size:36px;color:var(--rdlp-navy);margin:1.6em 0 .5em}
.rdlp-article h3{font-family:var(--rdlp-serif);font-size:26px;color:var(--rdlp-navy);margin:1.4em 0 .4em}
.rdlp-article blockquote{border-left:2px solid var(--rdlp-gold);margin:2em 0;padding:.4em 0 .4em 1.4em;font-family:var(--rdlp-serif);font-size:24px;font-style:italic;color:var(--rdlp-navy)}
.rdlp-article ul li::marker{color:var(--rdlp-gold)}
.rdlp-article .rdlp-cta-box{background:var(--rdlp-ink);color:#fff;padding:36px;margin:2.4em 0}
.rdlp-article .rdlp-cta-box a{color:var(--rdlp-gold-2)}

/* ---------- WhatsApp flotante ---------- */
.rdlp-wa{position:fixed;right:22px;bottom:22px;z-index:998;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--rdlp-gold);color:var(--rdlp-ink);box-shadow:0 18px 40px -12px rgba(0,0,0,.45);transition:transform .4s var(--rdlp-ease)}
.rdlp-wa:hover{transform:scale(1.08) rotate(-6deg)}
.rdlp-wa svg{width:28px;height:28px}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .rdlp-reveal,.rdlp-reveal-img{opacity:1;transform:none;clip-path:none}
}
