.elementor-8786 .elementor-element.elementor-element-a93c040{--display:flex;}.elementor-8786 .elementor-element.elementor-element-97d1ef4{--display:flex;}.elementor-8786 .elementor-element.elementor-element-02f2e83{--display:flex;}.elementor-8786 .elementor-element.elementor-element-fd360de{--display:flex;}.elementor-8786 .elementor-element.elementor-element-fd360de:not(.elementor-motion-effects-element-type-background), .elementor-8786 .elementor-element.elementor-element-fd360de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #4B3B2E 0%, #2E2822 100%);}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for container, class: .elementor-element-a93c040 */.hr2{position:relative;width:100vw;height:100vh;min-height:600px;left:50%;margin-left:-50vw;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:'Montserrat',sans-serif;background:#0a0a0a}
.hr2-bg{position:absolute;inset:0;z-index:0}
.hr2-bg img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;animation:hr2Zoom 12s ease-in-out infinite alternate}
@keyframes hr2Zoom{from{transform:scale(1.04)}to{transform:scale(1.1)}}
.hr2-ov{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at center,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.75) 100%),linear-gradient(to bottom,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.1) 40%,rgba(0,0,0,0.65) 100%)}
.hr2-cnt{position:relative;z-index:2;text-align:center;padding:0 24px;display:flex;flex-direction:column;align-items:center}
.hr2-tag{font-size:0.6rem;font-weight:800 !important;font-family:'Montserrat',sans-serif !important;letter-spacing:0.35em;text-transform:uppercase;color:rgba(255,255,255,0.6);margin-bottom:16px;opacity:0;animation:hr2Up 0.7s ease 0.4s forwards}
.hr2-tit{font-size:clamp(2.5rem,6vw,5rem);font-weight:900 !important;font-family:'Montserrat',sans-serif !important;color:#fff;letter-spacing:-0.02em;line-height:1;margin-bottom:8px;text-shadow:0 4px 24px rgba(0,0,0,0.5);opacity:0;animation:hr2Up 0.7s ease 0.6s forwards}
.hr2-sub{font-size:clamp(0.75rem,1.8vw,0.9rem);font-weight:700 !important;font-family:'Montserrat',sans-serif !important;color:#D68552;letter-spacing:0.2em;text-transform:uppercase;margin-bottom:24px;opacity:0;animation:hr2Up 0.7s ease 0.8s forwards}
.hr2-des{font-size:clamp(0.85rem,1.8vw,0.95rem);font-weight:500 !important;font-family:'Montserrat',sans-serif !important;color:rgba(255,255,255,0.75);line-height:1.8;max-width:520px;margin:0 auto;opacity:0;animation:hr2Up 0.7s ease 1s forwards}
.hr2-scr{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;animation:hr2Fd 0.7s ease 1.4s forwards}
.hr2-scr span{font-size:0.5rem;font-weight:700 !important;font-family:'Montserrat',sans-serif !important;letter-spacing:0.25em;text-transform:uppercase;color:rgba(255,255,255,0.4)}
.hr2-arr{width:24px;height:16px;fill:none;stroke:rgba(255,255,255,0.4);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:hr2Bo 1.5s ease-in-out infinite}
@keyframes hr2Up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes hr2Fd{from{opacity:0}to{opacity:1}}
@keyframes hr2Bo{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}
@media(max-width:768px){.hr2-cnt{padding:0 20px}}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-97d1ef4 */* { margin: 0; padding: 0; box-sizing: border-box; }
.rec-wrap { font-family: 'Montserrat', sans-serif; width: 100%; max-width: 1080px; margin: 0 auto; padding: 56px 40px; }

/* ── Header ── */
.rec-header { text-align: center; margin-bottom: 40px; }
.rec-tag { font-size: 0.55rem; font-weight: 800; letter-spacing: 0.35em; text-transform: uppercase; color: #D68552; display: block; margin-bottom: 14px; }
.rec-titulo {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(1.8rem, 3vw, 2.5rem) !important;
  font-weight: 900 !important;
  -webkit-font-smoothing: antialiased !important;
  color: #111 !important; letter-spacing: -0.03em !important;
  line-height: 1.1; position: relative; display: inline-block;
  padding-bottom: 20px; margin-bottom: 24px;
}
.rec-titulo::after {
  content: ''; position: absolute; bottom: 0; left: 50%;
  transform: translateX(-50%);
  width: 44px; height: 4px; background: #D68552;
  border-radius: 2px; box-shadow: 0 3px 10px rgba(214,133,82,0.5);
  transition: width 0.4s cubic-bezier(0.23,1,0.32,1);
}
.rec-header:hover .rec-titulo::after { width: 110px; }
.rec-subtitulo { font-size: 0.92rem; font-weight: 800; color: #1a2744; line-height: 1.7; max-width: 720px; margin: 0 auto 14px; }
.rec-desc { font-size: 0.9rem; font-weight: 500; color: #555; line-height: 1.95; max-width: 820px; margin: 0 auto; }
.rec-desc strong { font-weight: 800; color: #03586A; }

/* ── Player ── */
.rec-player-outer {
  position: relative; border-radius: 20px; overflow: hidden;
  box-shadow: 0 24px 72px rgba(0,0,0,0.18);
  transition: transform 0.4s cubic-bezier(0.23,1,0.32,1), box-shadow 0.4s ease;
  background: #0a1628;
}
.rec-player-outer:hover { transform: translateY(-5px); box-shadow: 0 40px 90px rgba(0,0,0,0.26); }
.rec-player-outer::before {
  content: ''; position: absolute; inset: 0; border-radius: 20px; padding: 3px;
  background: linear-gradient(135deg, #D68552, #03586A, #D68552);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  opacity: 0; z-index: 3; transition: opacity 0.4s ease; pointer-events: none;
}
.rec-player-outer:hover::before { opacity: 1; }

.rec-badge {
  position: absolute; top: 20px; left: 20px; z-index: 5;
  background: rgba(3,88,106,0.92); color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.58rem; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase;
  padding: 8px 16px; border-radius: 50px; backdrop-filter: blur(6px);
  display: flex; align-items: center; gap: 8px; pointer-events: none;
}
.rec-dot { width: 8px; height: 8px; background: #D68552; border-radius: 50%; animation: pdot 1.8s infinite; flex-shrink:0; }
@keyframes pdot { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(1.5)} }

.rec-hint {
  position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); z-index: 5;
  background: rgba(26,39,68,0.82); color: rgba(255,255,255,0.9);
  font-family: 'Montserrat', sans-serif;
  font-size: 0.58rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase;
  padding: 9px 22px; border-radius: 50px; backdrop-filter: blur(6px);
  pointer-events: none; white-space: nowrap; transition: opacity 0.5s ease;
}
.rec-player-outer:hover .rec-hint { opacity: 0; }

/* Barra de progreso decorativa en top */
.rec-progress {
  position: absolute; top: 0; left: 0; z-index: 6;
  height: 4px; width: 100%;
  background: rgba(255,255,255,0.08);
}
.rec-progress-bar {
  height: 100%;
  background: linear-gradient(90deg, #D68552, #03586A);
  width: 0%;
  animation: loadbar 2.5s ease forwards;
  border-radius: 0 2px 2px 0;
}
@keyframes loadbar { to { width: 100%; } }

.rec-ratio { position: relative; width: 100%; padding-top: 56.25%; }
.rec-ratio iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; display: block; }

/* ── Instrucciones con íconos ── */
.rec-instrucciones {
  display: flex; justify-content: center;
  gap: 28px; margin-top: 28px; flex-wrap: wrap;
}
.rec-ins-item {
  display: flex; align-items: center; gap: 10px;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.72rem; font-weight: 700; color: #888;
  transition: color 0.3s ease; cursor: default;
}
.rec-ins-item:hover { color: #1a2744; }
.rec-ins-icon {
  width: 36px; height: 36px; background: #fff; border-radius: 50%;
  box-shadow: 0 4px 14px rgba(0,0,0,0.09);
  display: flex; align-items: center; justify-content: center;
  font-size: 1rem; flex-shrink: 0;
  transition: transform 0.35s cubic-bezier(0.23,1,0.32,1), box-shadow 0.35s ease, background 0.3s ease;
}
.rec-ins-item:hover .rec-ins-icon {
  transform: scale(1.2) translateY(-3px);
  box-shadow: 0 10px 24px rgba(214,133,82,0.28);
  background: #FFF4EC;
}

@media (max-width: 768px) { .rec-wrap { padding: 36px 20px; } }
@media (max-width: 480px) {
  .rec-wrap { padding: 24px 16px; }
  .rec-instrucciones { gap: 16px; flex-direction: column; align-items: center; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd360de */.vic-rec{width:100vw;margin-left:calc(-50vw + 50%);padding:80px 24px;background:linear-gradient(160deg,#4B3B2E 0%,#2a1f15 100%);position:relative;overflow:hidden;text-align:center;font-family:'Montserrat',sans-serif;box-sizing:border-box;}
.vic-rec::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(214,133,82,.07) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;}
.vic-rec .r-inner{max-width:860px;margin:0 auto;position:relative;z-index:1;}
.vic-rec .r-tag{font-size:.48rem;font-weight:800;letter-spacing:.35em;text-transform:uppercase;color:rgba(255,255,255,.4);display:block;margin-bottom:12px;opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease;}
.vic-rec.visible .r-tag{opacity:1;transform:translateY(0);}
.vic-rec h2{font-family:'Montserrat',sans-serif!important;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:900!important;color:#fff;letter-spacing:-.03em;line-height:1.1;display:inline-block;position:relative;padding-bottom:14px;margin-bottom:16px;opacity:0;transform:translateY(20px);transition:opacity .7s ease .1s,transform .7s ease .1s;}
.vic-rec.visible h2{opacity:1;transform:translateY(0);}
.vic-rec h2::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:4px;border-radius:2px;background:#D68552;box-shadow:0 3px 10px rgba(214,133,82,.5);transition:width .7s cubic-bezier(.23,1,.32,1) .5s;}
.vic-rec.visible h2::after{width:60px;}
.vic-rec:hover h2::after{width:90px;}
.vic-rec .r-intro{font-size:.88rem;font-weight:500;color:rgba(255,255,255,.6);line-height:1.85;max-width:600px;margin:0 auto 48px;opacity:0;transform:translateY(16px);transition:opacity .7s ease .18s,transform .7s ease .18s;}
.vic-rec.visible .r-intro{opacity:1;transform:translateY(0);}
.vic-rec .r-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;opacity:0;transform:translateY(20px);transition:opacity .7s ease .28s,transform .7s ease .28s;}
.vic-rec.visible .r-grid{opacity:1;transform:translateY(0);}
.vic-rec .r-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:36px 28px 28px;display:flex;flex-direction:column;align-items:center;transition:transform .3s cubic-bezier(.23,1,.32,1),background .3s;}
.vic-rec .r-card:hover{transform:translateY(-8px);background:rgba(255,255,255,.12);}
.vic-rec .r-foto{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.2);box-shadow:0 4px 18px rgba(0,0,0,.3);}.vic-rec .r-ini{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.3rem;color:rgba(255,255,255,.6);letter-spacing:-.04em;}
.vic-rec .ini-a{background:linear-gradient(135deg,#D68552,#c0703e);}
.vic-rec .ini-b{background:linear-gradient(135deg,#03586A,#024a5a);}
.vic-rec .r-nombre{font-size:1rem;font-weight:800;color:#fff;margin:16px 0 8px;}
.vic-rec .r-badge{font-size:.44rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#D68552;background:rgba(214,133,82,.12);padding:4px 12px;border-radius:50px;display:inline-block;margin-bottom:12px;}
.vic-rec .r-desc{font-size:.83rem;font-weight:500;color:rgba(255,255,255,.55);line-height:1.8;margin-bottom:22px;flex:1;}
.vic-rec .r-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:50px;background:rgba(255,255,255,.95);color:#c0703e!important;font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-decoration:none!important;position:relative;overflow:hidden;transition:background .2s,transform .25s,box-shadow .2s;}
.vic-rec .r-btn::before{content:'';position:absolute;top:-60%;left:-80%;width:55%;height:220%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:skewX(-15deg);opacity:0;}
.vic-rec .r-btn:hover::before{animation:rec10-shine .6s ease forwards;}
.vic-rec .r-btn:hover{background:#fff!important;transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,0,0,.2);}
.vic-rec .r-btn svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s;flex-shrink:0;}
.vic-rec .r-btn:hover svg{transform:translateX(3px);}
@keyframes rec10-shine{0%{opacity:0;transform:skewX(-15deg) translateX(0);}15%{opacity:1;}100%{opacity:0;transform:skewX(-15deg) translateX(450%);}}
@media(max-width:600px){.vic-rec{padding:60px 20px;}.vic-rec .r-grid{grid-template-columns:1fr;}.vic-rec .r-btn{width:100%;max-width:320px;justify-content:center;}}/* End custom CSS */