.elementor-531 .elementor-element.elementor-element-00a45b9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-531 .elementor-element.elementor-element-2af28e8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-531 .elementor-element.elementor-element-6d841c3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-531 .elementor-element.elementor-element-b4392ff{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-531 .elementor-element.elementor-element-aab7e14{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-531 .elementor-element.elementor-element-69845cd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-fa08cba */#CEOJAPrestige-Hero-Gold-V1, #CEOJAPrestige-Hero-Gold-V1 *, #CEOJAPrestige-Hero-Gold-V1 *::before, #CEOJAPrestige-Hero-Gold-V1 *::after{ box-sizing:border-box; min-width:0; } #CEOJAPrestige-Hero-Gold-V1{ --CEOJA-black:#070707; --CEOJA-white:#ffffff; --CEOJA-brown:#795219; --CEOJA-gold:#c3a241; --CEOJA-soft-gold:#efc16f; --CEOJA-radius:14px; --CEOJA-font-h:'Poppins',sans-serif; --CEOJA-font-p:'Montserrat',sans-serif; position:relative; overflow:hidden; width:100%; min-height:100vh; padding:5%; display:flex; align-items:center; justify-content:center; min-height:100svh; isolation:isolate; background: linear-gradient(135deg, rgba(7,7,7,.02), rgba(121,82,25,.02)), url("https://prestigerestorationia.com/wp-content/uploads/2026/05/Roof_Restauration_Prestige-e1780346078560.jpg") center center / cover no-repeat; font-family:var(--CEOJA-font-p); } #CEOJAPrestige-Hero-Gold-V1::before{ content:""; position:absolute; inset:0; background: radial-gradient(circle at 14% 18%, rgba(239,193,111,.20), transparent 30%), radial-gradient(circle at 86% 16%, rgba(195,162,65,.14), transparent 24%), radial-gradient(circle at 50% 100%, rgba(121,82,25,.22), transparent 34%); pointer-events:none; z-index:0; } #CEOJAPrestige-Hero-Gold-V1::after{ content:""; position:absolute; inset:0; background: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size:34px 34px; opacity:.13; pointer-events:none; z-index:0; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-wrap{ position:relative; z-index:1; width:100%; margin:0 auto; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-content{ position:relative; width:min(1120px,100%); margin:0 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:20px; padding:clamp(24px,2.2vw,32px); border-radius:28px; background:linear-gradient(180deg, rgba(7,7,7,.48) 0%, rgba(7,7,7,.30) 100%); border:1px solid rgba(255,255,255,.14); backdrop-filter:blur(1px); -webkit-backdrop-filter:blur(1px); box-shadow:0 22px 50px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08); overflow:hidden; isolation:isolate; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-cornerAccent{ position:absolute; width:88px; height:88px; pointer-events:none; z-index:1; opacity:.82; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-cornerAccent::before, #CEOJAPrestige-Hero-Gold-V1 .CEOJA-cornerAccent::after{ content:""; position:absolute; background:linear-gradient(135deg, rgba(239,193,111,.95), rgba(255,255,255,.34)); border-radius:999px; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-cornerAccent--tl{ top:14px; left:14px; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-cornerAccent--tr{ top:14px; right:14px; transform:scaleX(-1); } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-cornerAccent--tl::before, #CEOJAPrestige-Hero-Gold-V1 .CEOJA-cornerAccent--tr::before{ top:0; left:0; width:88px; height:2px; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-cornerAccent--tl::after, #CEOJAPrestige-Hero-Gold-V1 .CEOJA-cornerAccent--tr::after{ top:0; left:0; width:2px; height:88px; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-toplineWrap, #CEOJAPrestige-Hero-Gold-V1 h1, #CEOJAPrestige-Hero-Gold-V1 .CEOJA-copy, #CEOJAPrestige-Hero-Gold-V1 .CEOJA-trustRow, #CEOJAPrestige-Hero-Gold-V1 .CEOJA-actions{ position:relative; z-index:2; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-toplineWrap{ width:100%; display:flex; align-items:center; justify-content:center; gap:14px; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-toplineLine{ position:relative; width:min(220px,18vw); height:2px; background:rgba(255,255,255,.35); overflow:hidden; flex-shrink:1; border-radius:999px; z-index:5; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-toplineLine::after{ content:""; position:absolute; top:0; left:-80%; width:80%; height:100%; background:linear-gradient( 90deg, transparent 0%, #efc16f 30%, #c3a241 50%, #efc16f 70%, transparent 100% ); box-shadow:0 0 12px rgba(239,193,111,.8); animation:CEOJA_gold_line 3s linear infinite; } @keyframes CEOJA_gold_line{ 0%{transform:translateX(0);} 100%{transform:translateX(260%);} } #CEOJAPrestige-Hero-Gold-V1 h1{ margin:0; width:100%; font-family:var(--CEOJA-font-h); font-size:clamp(2.25rem,4.8vw,4.35rem); line-height:1.02; font-weight:800; letter-spacing:-0.045em; color:var(--CEOJA-white); text-wrap:balance; overflow-wrap:anywhere; word-break:break-word; text-shadow:0 10px 28px rgba(0,0,0,.28); } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-copy{ margin:0; width:min(820px,100%); font-family:var(--CEOJA-font-p); font-size:clamp(15px,1.08vw,17px); line-height:1.82; font-weight:500; color:rgba(255,255,255,.94); text-align:justify; text-align-last:center; overflow-wrap:anywhere; word-break:break-word; text-shadow:0 4px 18px rgba(0,0,0,.20); } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-trustRow{ width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-trustItem{ display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:10px 16px; border-radius:10px; background:linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.06)); border:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.92); font:700 12px/1.3 var(--CEOJA-font-p); letter-spacing:.06em; text-transform:uppercase; text-align:center; overflow-wrap:anywhere; word-break:break-word; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-actions{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px; width:100%; margin-top:4px; } /* PRESTIGE BUTTON SYSTEM (ADAPTADO HERO) */ #CEOJAPrestige-Hero-Gold-V1 .CEOJA-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; min-width:220px; min-height:58px; padding:16px 30px; border-radius:14px; text-decoration:none; font-family:'Montserrat', sans-serif; font-size:16px; font-weight:800; letter-spacing:.01em; border:1.6px solid transparent; overflow:hidden; isolation:isolate; transition:.3s; cursor:pointer; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-btn::before{ content:""; position:absolute; inset:0; width:0%; z-index:-1; transition:.3s; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-btn::after{ content:""; position:absolute; top:0; left:-120%; width:52%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent); transform:skewX(-18deg); transition:.5s; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-btn:hover{ transform:translateY(-3px); } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-btn:hover::before{ width:100%; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-btn:hover::after{ left:135%; } /* GOLD DARK (PRIMARY CTA) */ #CEOJAPrestige-Hero-Gold-V1 .CEOJA-btn--gold-dark{ background:#c3a241; color:#fff; border-color:#c3a241; box-shadow:0 12px 28px rgba(195,162,65,.25); } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-btn--gold-dark::before{ background:#fff; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-btn--gold-dark:hover{ color:#070707; border-color:#fff; } /* IVORY BROWN (SECONDARY CTA) */ #CEOJAPrestige-Hero-Gold-V1 .CEOJA-btn--ivory-brown{ background:#ffffff; color:#795219; border-color:#ffffff; box-shadow:0 12px 28px rgba(0,0,0,.12); } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-btn--ivory-brown::before{ background:#c3a241; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-btn--ivory-brown:hover{ color:#fff; border-color:#c3a241; box-shadow:0 14px 30px rgba(121,82,25,.25); } @keyframes CEOJAPrestigeToplineSweepV1{ 0%{transform:translateX(0);} 100%{transform:translateX(360%);} } @media (max-width:991px){ #CEOJAPrestige-Hero-Gold-V1{ background-position:center center; } } @media (max-width:767px){ #CEOJAPrestige-Hero-Gold-V1{ min-height:auto; padding:5%; background-position:center 34%; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-content{ width:100%; gap:18px; padding:16px; border-radius:20px; backdrop-filter:blur(.5px); -webkit-backdrop-filter:blur(.5px); } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-cornerAccent{ width:58px; height:58px; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-cornerAccent--tl::before, #CEOJAPrestige-Hero-Gold-V1 .CEOJA-cornerAccent--tr::before{ width:58px; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-cornerAccent--tl::after, #CEOJAPrestige-Hero-Gold-V1 .CEOJA-cornerAccent--tr::after{ height:58px; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-toplineWrap{ gap:8px; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-toplineLine{ width:min(48px,12vw); } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-topline{ font-size:11px; } #CEOJAPrestige-Hero-Gold-V1 h1{ font-size:clamp(32px,10vw,48px); text-align:center; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-copy{ font-size:14px; line-height:1.72; text-align:justify; text-align-last:center; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-trustRow{ display:none; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-actions{ display:grid; grid-template-columns:1fr; gap:12px; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-btn{ width:100%; min-height:54px; min-width:0; padding:14px 18px; } } @media (prefers-reduced-motion:reduce){ #CEOJAPrestige-Hero-Gold-V1 .CEOJA-btn, #CEOJAPrestige-Hero-Gold-V1 .CEOJA-btn::before, #CEOJAPrestige-Hero-Gold-V1 .CEOJA-btn::after, #CEOJAPrestige-Hero-Gold-V1 .CEOJA-toplineLine::after{ transition:none; animation:none; } } /* ===== PRESTIGE UNDERLINE EXACT MATCH ===== */ #CEOJAPrestige-Hero-Gold-V1 .CEOJA-btn__text{ position:relative; z-index:2; display:inline-flex; align-items:center; justify-content:center; } /* línea base */ #CEOJAPrestige-Hero-Gold-V1 .CEOJA-btn__text::after{ content:""; position:absolute; left:0; bottom:-4px; width:0%; height:1.2px; background:currentColor; opacity:.7; transition:width .28s ease; } /* animación EXACTA */ #CEOJAPrestige-Hero-Gold-V1 .CEOJA-btn:hover .CEOJA-btn__text::after{ width:100%; } #CEOJAPrestige-Hero-Gold-V1 .CEOJA-topline{ display:inline-flex; align-items:center; justify-content:center; padding:10px 18px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); font-family:"Montserrat",sans-serif; font-size:13px; line-height:1.2; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#ffffff; text-align:center; box-shadow: 0 10px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08); } @media (max-width:767px){ #CEOJAPrestige-Hero-Gold-V1 .CEOJA-topline{ font-size:10px; padding:8px 12px; letter-spacing:.08em; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-397085a */#CEOJA_Prestige_Form_Carousel3D_V1{ width:100%; margin:0; padding:5%; position:relative; overflow:hidden; background:#070707; font-family:"Montserrat",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; --CEOJA-black:#070707; --CEOJA-white:#ffffff; --CEOJA-brown:#795219; --CEOJA-gold:#c3a241; --CEOJA-soft-gold:#efc16f; --CEOJA-cream:#f5f3ee; --CEOJA-line:rgba(255,255,255,.18); --CEOJA-dark-line:rgba(7,7,7,.14); --CEOJA-radius:14px; --CEOJA-card-radius:34px; --CEOJA-ease:cubic-bezier(.22,.61,.36,1); } #CEOJA_Prestige_Form_Carousel3D_V1, #CEOJA_Prestige_Form_Carousel3D_V1 *{ box-sizing:border-box; min-width:0; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_bg{ position:absolute; inset:0; pointer-events:none; background: radial-gradient(900px 620px at 10% 18%,rgba(195,162,65,.20),transparent 58%), radial-gradient(820px 540px at 88% 18%,rgba(121,82,25,.34),transparent 56%), linear-gradient(135deg,#070707 0%,#1b1206 52%,#070707 100%); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_shell{ width:100%; margin:0 auto; position:relative; z-index:2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; border-radius:42px; overflow:hidden; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_formCol, #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_carouselCol{ min-height:100%; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_formCol{ padding:clamp(28px,3.7vw,54px); display:flex; flex-direction:column; justify-content:center; background: radial-gradient(620px 420px at 90% 10%,rgba(239,193,111,.18),transparent 58%), linear-gradient(135deg,#1b1206 0%,#070707 100%); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_formHeader{ max-width:960px; margin:0 auto 22px; } #CEOJA_Prestige_Form_Carousel3D_V1 h2{ margin:0 0 14px; color:#ffffff; font-family:"Poppins",sans-serif; font-size:48px; line-height:1.08; font-weight:900; letter-spacing:-.04em; text-align:center; } #CEOJA_Prestige_Form_Carousel3D_V1 h2 span{ color:#efc16f; } #CEOJA_Prestige_Form_Carousel3D_V1 p{ margin:0; color:rgba(255,255,255,.82); font-size:16px; line-height:1.7; font-weight:500; text-align:justify; text-align-last:center; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-container{ margin:0 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form label, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form select, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form textarea, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button{ font-family:"Montserrat",sans-serif !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .wpforms-field{ padding:0 !important; margin:0 0 12px !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .wpforms-field-label, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form legend{ color:#ffffff !important; margin:0 0 5px !important; font-size:16px !important; line-height:1.3 !important; font-weight:700 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input[type="text"], #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input[type="email"], #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input[type="tel"], #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form textarea, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form select{ width:100% !important; border-radius:14px !important; padding:13px 15px !important; font-size:1.06rem !important; line-height:1.25 !important; background:rgba(255,255,255,.09) !important; color:#ffffff !important; border:1px solid rgba(255,255,255,.26) !important; box-shadow:none !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input::placeholder, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form textarea::placeholder{ color:rgba(255,255,255,.55) !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form textarea{ min-height:60px !important; height:60px !important; resize:none !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input:focus, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form select:focus, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form textarea:focus{ outline:none !important; border-color:#efc16f !important; box-shadow:0 0 0 4px rgba(239,193,111,.18) !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-submit-container{ margin-top:16px !important; display:flex !important; justify-content:center !important; align-items:center !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]{ position:relative !important; width:100% !important; max-width:320px !important; min-height:58px !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:15px 24px !important; border-radius:14px !important; color:#ffffff !important; background:#c3a241 !important; border:1.6px solid #c3a241 !important; overflow:hidden !important; isolation:isolate !important; font-size:15px !important; line-height:1.2 !important; font-weight:800 !important; cursor:pointer !important; transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,color .28s ease,background .28s ease !important; box-shadow:0 12px 28px rgba(195,162,65,.24) !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]::before{ content:"" !important; position:absolute !important; inset:0 !important; width:0% !important; z-index:-1 !important; background:#ffffff !important; transition:width .34s ease !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]::after{ content:"" !important; position:absolute !important; top:0 !important; left:-120% !important; width:52% !important; height:100% !important; background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.22) 50%,transparent 100%) !important; transform:skewX(-18deg) !important; transition:left .58s ease !important; pointer-events:none !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]:hover, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]:focus-visible{ color:#070707 !important; border-color:#ffffff !important; transform:translateY(-3px) !important; outline:none !important; box-shadow:0 14px 30px rgba(0,0,0,.25) !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]:hover::before, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]:focus-visible::before{ width:100% !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]:hover::after, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]:focus-visible::after{ left:135% !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_carouselCol{ position:relative; padding:clamp(24px,3vw,46px); display:flex; flex-direction:column; justify-content:center; overflow:hidden; isolation:isolate; background: linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.04) 100%), url("http://prestigerestorationia.com/wp-content/uploads/2026/05/Prestige_Restauration_Images-5.jpeg") center center / cover no-repeat; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_carouselCol::before{ content:""; position:absolute; inset:0; z-index:-1; background: radial-gradient(620px 420px at 50% 0%,rgba(239,193,111,.22),transparent 58%), linear-gradient(180deg,rgba(7,7,7,.10) 0%,rgba(7,7,7,.42) 100%); pointer-events:none; backdrop-filter:blur(2px); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_carouselHead h3{ color:#ffffff; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_carouselHead p{ color:rgba(255,255,255,.82); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_count{ color:#ffffff; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(10px); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_arrow{ background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); color:#ffffff; backdrop-filter:blur(10px); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_arrow:hover{ background:#795219; border-color:#795219; color:#ffffff; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_carouselHead{ max-width:960px; margin:0 auto 26px; text-align:center; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_carouselHead h3{ margin:0 0 10px; color:#070707; font-family:"Poppins",sans-serif; font-size:30px; line-height:1.2; font-weight:800; text-align:center; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_carouselHead p{ color:rgba(7,7,7,.72); text-align:justify; text-align-last:center; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_stage{ width:100%; min-height:520px; position:relative; perspective:1400px; display:flex; align-items:center; justify-content:center; overflow:visible; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card{ position:absolute; width:min(78%,430px); min-height:470px; border-radius:34px; overflow:hidden; border:1px solid rgba(7,7,7,.12); background:#070707; transition:transform .65s var(--CEOJA-ease),opacity .45s ease,filter .45s ease; transform-style:preserve-3d; opacity:0; pointer-events:none; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card.is-active{ opacity:1; transform:translateX(0) rotateY(0deg) scale(1); z-index:5; pointer-events:auto; filter:none; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card.is-prev{ opacity:.72; transform:translateX(-46%) rotateY(28deg) scale(.86); z-index:3; filter:brightness(.72); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card.is-next{ opacity:.72; transform:translateX(46%) rotateY(-28deg) scale(.86); z-index:3; filter:brightness(.72); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card.is-hidden{ opacity:0; transform:translateX(0) scale(.7); z-index:1; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; filter:saturate(1.06) contrast(1.04) brightness(1); transform:scale(1.02); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card::before{ content:""; position:absolute; inset:0; z-index:1; background: linear-gradient( to top, rgba(7,7,7,.92) 0%, rgba(7,7,7,.62) 24%, rgba(7,7,7,.22) 46%, rgba(7,7,7,0) 72% ); pointer-events:none; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_cardInner{ position:relative; z-index:2; min-height:470px; padding:34px; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; text-align:center; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_icon{ width:74px; height:74px; border-radius:22px; display:flex; align-items:center; justify-content:center; margin:0 0 auto; background:linear-gradient(135deg,#efc16f,#c3a241); border:1px solid rgba(255,255,255,.28); color:#070707; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_icon svg{ width:38px; height:38px; fill:currentColor; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card h4{ margin:0 0 12px; color:#ffffff; font-family:"Poppins",sans-serif; font-size:30px; line-height:1.18; font-weight:800; text-align:center; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card p{ color:rgba(255,255,255,.84); text-align:justify; text-align-last:center; margin:0 0 22px; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; width:min(100%,250px); min-height:58px; padding:15px 24px; border-radius:14px; text-decoration:none; font-family:"Montserrat",sans-serif; font-size:15px; font-weight:800; letter-spacing:.01em; line-height:1.2; border:1.6px solid transparent; overflow:hidden; isolation:isolate; transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,color .28s ease,background .28s ease; will-change:transform; cursor:pointer; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA-btn::before{ content:""; position:absolute; inset:0; width:0%; z-index:-1; transition:width .34s ease; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA-btn::after{ content:""; position:absolute; top:0; left:-120%; width:52%; height:100%; background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.22) 50%,transparent 100%); transform:skewX(-18deg); transition:left .58s ease; pointer-events:none; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA-btn:hover{ transform:translateY(-3px); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA-btn:hover::before{ width:100%; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA-btn:hover::after{ left:135%; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA-btn--gold-dark{ background:#c3a241; color:#ffffff; border-color:#c3a241; box-shadow:0 12px 28px rgba(195,162,65,.24); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA-btn--gold-dark::before{ background:#ffffff; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA-btn--gold-dark:hover{ color:#070707; border-color:#ffffff; box-shadow:0 14px 30px rgba(0,0,0,.25); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_controls{ width:100%; margin:26px auto 0; display:flex; align-items:center; justify-content:center; gap:16px; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_arrow{ width:52px; height:52px; border-radius:18px; border:1px solid rgba(7,7,7,.16); background:#ffffff; color:#795219; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:transform .28s ease,background .28s ease,color .28s ease,border-color .28s ease; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_arrow:hover{ transform:translateY(-3px); background:#795219; color:#ffffff; border-color:#795219; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_arrow svg{ width:24px; height:24px; fill:currentColor; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_count{ min-width:92px; min-height:52px; border-radius:18px; display:flex; align-items:center; justify-content:center; color:#070707; background:rgba(195,162,65,.18); border:1px solid rgba(121,82,25,.20); font-size:15px; font-weight:800; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_trust{ margin:26px 0 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_trustItem{ border-radius:20px; padding:18px; background:rgba(7,7,7,.06); border:1px solid rgba(7,7,7,.10); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_trustItem strong{ display:block; margin:0 0 6px; color:#070707; font-size:16px; line-height:1.3; font-weight:800; text-align:center; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_trustItem span{ display:block; color:rgba(7,7,7,.70); font-size:14px; line-height:1.55; font-weight:500; text-align:justify; text-align-last:center; } @media (min-width:1600px){ #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_shell{ align-items:stretch; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_formCol, #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_carouselCol{ height:100%; } } @media (max-width:1024px){ #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_shell{ grid-template-columns:1fr; } #CEOJA_Prestige_Form_Carousel3D_V1 h2{ font-size:40px; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_stage{ min-height:500px; } } @media (max-width:767px){ #CEOJA_Prestige_Form_Carousel3D_V1{ padding:5%; } #CEOJA_Prestige_Form_Carousel3D_V1 h2{ font-size:32px; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_carouselHead h3, #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card h4{ font-size:26px; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_stage{ min-height:470px; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card{ width:88%; min-height:430px; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_cardInner{ min-height:430px; padding:26px; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card.is-prev{ transform:translateX(-20%) rotateY(20deg) scale(.78); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card.is-next{ transform:translateX(20%) rotateY(-20deg) scale(.78); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_trust{ grid-template-columns:1fr; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA-btn, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]{ width:100% !important; max-width:none !important; } } @media (prefers-reduced-motion:reduce){ #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card, #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA-btn, #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_arrow, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]{ transition:none !important; } } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input[type="tel"], #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input[type="text"], #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input[type="email"], #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form textarea{ background:rgba(255,255,255,.09) !important; color:#ffffff !important; border:1px solid rgba(255,255,255,.26) !important; border-radius:14px !important; box-shadow:none !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__inner{ background:rgba(255,255,255,.09) !important; color:#ffffff !important; border:1px solid rgba(255,255,255,.26) !important; border-radius:14px !important; box-shadow:none !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list--single, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__item, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__placeholder{ color:#ffffff !important; opacity:1 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list--dropdown, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list[aria-expanded]{ background:#070707 !important; border:1px solid rgba(239,193,111,.45) !important; border-radius:14px !important; box-shadow:0 18px 34px rgba(0,0,0,.32) !important; z-index:99999 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list--dropdown .choices__item, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list[aria-expanded] .choices__item{ color:#ffffff !important; background:#070707 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list--dropdown .choices__item--selectable.is-highlighted, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list[aria-expanded] .choices__item--selectable.is-highlighted{ background:#c3a241 !important; color:#070707 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input[type="number"]{ appearance:textfield !important; -moz-appearance:textfield !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input[type="number"]::-webkit-outer-spin-button, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance:none !important; margin:0 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input[type="tel"], #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input[type="number"]{ background:rgba(255,255,255,.09) !important; color:#ffffff !important; border:1px solid rgba(255,255,255,.26) !important; border-radius:14px !important; box-shadow:none !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices{ position:relative !important; z-index:20 !important; margin:0 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__inner{ min-height:52px !important; height:52px !important; padding:0 48px 0 14px !important; display:flex !important; align-items:center !important; background:rgba(255,255,255,.09) !important; border:1px solid rgba(255,255,255,.26) !important; border-radius:14px !important; color:#ffffff !important; box-shadow:none !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list--single{ padding:0 !important; display:flex !important; align-items:center !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__item, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__placeholder{ color:#ffffff !important; opacity:1 !important; font-size:16px !important; font-weight:600 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list--dropdown, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list[aria-expanded]{ top:100% !important; margin-top:0 !important; background:#070707 !important; border:1px solid rgba(239,193,111,.45) !important; border-top:0 !important; border-radius:0 0 14px 14px !important; overflow:hidden !important; z-index:99999 !important; box-shadow:none !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list--dropdown .choices__list, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list[aria-expanded] .choices__list{ max-height:132px !important; overflow-y:auto !important; padding:0 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list--dropdown .choices__item, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list[aria-expanded] .choices__item{ min-height:44px !important; padding:11px 14px !important; background:#070707 !important; color:#ffffff !important; font-size:15px !important; font-weight:600 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list--dropdown .choices__item--selectable.is-highlighted, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list[aria-expanded] .choices__item--selectable.is-highlighted{ background:#c3a241 !important; color:#070707 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices.is-open .choices__inner{ border-color:rgba(239,193,111,.45) !important; border-bottom:0 !important; border-radius:14px 14px 0 0 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__input{ display:none !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices[data-type*="select-one"]::after{ border-color:#efc16f transparent transparent transparent !important; } #CEOJA_Prestige_Form_Carousel3D_V1{ margin-bottom:0 !important; display:block !important; } #CEOJA_Prestige_Form_Carousel3D_V1 + *, #CEOJA_Prestige_Form_Carousel3D_V1 ~ section{ margin-top:0 !important; } .wp-block-html:has(#CEOJA_Prestige_Form_Carousel3D_V1){ margin-bottom:0 !important; padding-bottom:0 !important; } .wp-block-html:has(#CEOJA_Prestige_Form_Carousel3D_V1) + *{ margin-top:0 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 p:empty, #CEOJA_Prestige_Form_Carousel3D_V1 + p:empty{ display:none !important; margin:0 !important; padding:0 !important; height:0 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_count{ background:#ffffff !important; color:#070707 !important; border:1px solid rgba(195,162,65,.45) !important; box-shadow:0 10px 24px rgba(0,0,0,.22) !important; font-weight:900 !important; opacity:1 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_controls{ position:relative !important; z-index:20 !important; } /* ===== BOTÓN BASE ===== */ #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]{ position:relative; display:inline-flex; align-items:center; justify-content:center; font-weight:800; overflow:hidden; } /* ===== TEXTO (IMPORTANTE) ===== */ #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]{ color:#000; } /* ===== LÍNEA REAL (VISIBLE) ===== */ #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]::after{ content:""; position:absolute; bottom:12px; left:50%; transform:translateX(-50%); width:120px; height:2px; background:#795219; border-radius:2px; opacity:0; transition:all .25s ease; } /* ===== HOVER ===== */ #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]:hover::after{ opacity:1; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-04f701f *//* Section: Prestige City Compact V6 */ #CEOJAPrestigeCityCompact_V6, #CEOJAPrestigeCityCompact_V6 *{ box-sizing:border-box; } #CEOJAPrestigeCityCompact_V6{ --CEOJA-text:#070707; --CEOJA-bg:#ffffff; --CEOJA-primary:#795219; --CEOJA-secondary:#c3a241; --CEOJA-accent:#efc16f; --CEOJA-muted:rgba(7,7,7,.68); --CEOJA-line:rgba(7,7,7,.12); --CEOJA-soft:rgba(239,193,111,.16); --CEOJA-shadow:0 22px 58px rgba(7,7,7,.10); width:100%; padding:5% 5%; background: radial-gradient(circle at 12% 10%, rgba(239,193,111,.24), transparent 30%), radial-gradient(circle at 88% 84%, rgba(195,162,65,.16), transparent 30%), linear-gradient(180deg,#ffffff 0%,#fbf7ef 100%); color:var(--CEOJA-text); overflow:hidden; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-container{ width:100%; max-width:2000px; margin:0 auto; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-head{ max-width:2000px; margin:0 auto 30px; text-align:center; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-kicker{ display:inline-flex; align-items:center; justify-content:center; gap:12px; margin:0 auto 14px; color:var(--CEOJA-primary); font-family:'Montserrat',sans-serif; font-size:14px; line-height:1.65; font-weight:800; letter-spacing:.04em; text-transform:uppercase; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-kicker::before, #CEOJAPrestigeCityCompact_V6 .CEOJACity-kicker::after{ content:""; width:42px; height:2px; border-radius:99px; background:linear-gradient(90deg,var(--CEOJA-primary),var(--CEOJA-accent)); } #CEOJAPrestigeCityCompact_V6 .CEOJACity-head h2{ color:var(--CEOJA-text); text-align:center; margin:0 0 16px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-head p{ max-width:980px; margin:0 auto; color:var(--CEOJA-muted); text-align:justify; text-align-last:center; } /* Main grid */ #CEOJAPrestigeCityCompact_V6 .CEOJACity-grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; align-items:stretch; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-card{ position:relative; height:100%; border:1px solid var(--CEOJA-line); border-radius:28px; background:rgba(255,255,255,.78); box-shadow:var(--CEOJA-shadow); overflow:hidden; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-card::before{ content:""; position:absolute; inset:0; background: radial-gradient(circle at top right, rgba(239,193,111,.16), transparent 34%), radial-gradient(circle at bottom left, rgba(121,82,25,.08), transparent 30%); pointer-events:none; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-inner{ position:relative; z-index:1; padding:24px; height:100%; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-inner h3{ color:var(--CEOJA-text); margin:0 0 12px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-inner p{ color:var(--CEOJA-muted); } /* Map card */ #CEOJAPrestigeCityCompact_V6 .CEOJACity-card--map .CEOJACity-inner{ display:grid; grid-template-rows:auto auto auto auto minmax(340px,1fr); gap:16px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-card--map .CEOJACity-inner h3, #CEOJAPrestigeCityCompact_V6 .CEOJACity-card--map .CEOJACity-inner p{ margin:0; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-mapQuick{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-mapQuickItem{ min-height:94px; padding:14px 12px; border-radius:18px; border:1px solid rgba(121,82,25,.13); background:linear-gradient(180deg,rgba(239,193,111,.15),rgba(255,255,255,.74)); display:flex; flex-direction:column; justify-content:center; text-align:center; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-mapQuickItem b{ display:block; font-family:'Montserrat',sans-serif; font-size:20px; line-height:1.2; font-weight:800; color:var(--CEOJA-primary); margin-bottom:4px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-mapQuickItem span{ display:block; font-family:'Montserrat',sans-serif; font-size:13px; line-height:1.45; font-weight:700; color:var(--CEOJA-muted); } #CEOJAPrestigeCityCompact_V6 .CEOJACity-mapFocus{ padding:18px; border-radius:20px; border:1px solid rgba(121,82,25,.13); background: radial-gradient(circle at top right, rgba(239,193,111,.18), transparent 36%), linear-gradient(180deg, rgba(255,255,255,.94), rgba(239,193,111,.10)); display:grid; grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr); gap:16px; align-items:center; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-mapFocusItem{ display:grid; gap:6px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-mapFocusItem h4{ margin:0; color:var(--CEOJA-primary); } #CEOJAPrestigeCityCompact_V6 .CEOJACity-mapFocusItem p{ margin:0; color:var(--CEOJA-muted); text-align:left; text-align-last:left; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-map{ width:100%; height:100%; min-height:340px; border-radius:22px; overflow:hidden; border:1px solid rgba(121,82,25,.16); background:#1b1206; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-map iframe{ width:100%; height:100%; min-height:340px; border:0; display:block; } /* Right card */ #CEOJAPrestigeCityCompact_V6 .CEOJACity-card:not(.CEOJACity-card--map) .CEOJACity-inner{ display:flex; flex-direction:column; height:100%; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-miniBlocks{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0 0 18px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-mini{ min-height:122px; padding:16px 14px; border-radius:18px; border:1px solid rgba(121,82,25,.13); background:linear-gradient(180deg,rgba(239,193,111,.15),rgba(255,255,255,.74)); text-align:center; display:flex; flex-direction:column; justify-content:center; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-mini h4{ color:var(--CEOJA-primary); margin:0 0 7px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-mini p{ text-align:center; text-align-last:center; margin:0; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-expectPanel{ flex:1; padding:18px; border-radius:22px; border:1px solid rgba(121,82,25,.13); background: radial-gradient(circle at top right, rgba(239,193,111,.16), transparent 34%), linear-gradient(180deg, rgba(255,255,255,.92), rgba(239,193,111,.10)); display:flex; flex-direction:column; justify-content:space-between; gap:16px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-expectIntro{ display:grid; gap:8px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-expectIntro h4{ color:var(--CEOJA-primary); margin:0; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-expectIntro p{ color:var(--CEOJA-muted); margin:0; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-expectGrid{ flex:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-content:stretch; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-expectItem{ height:100%; min-height:142px; padding:16px 14px; border-radius:18px; border:1px solid rgba(7,7,7,.08); background:rgba(255,255,255,.78); display:flex; flex-direction:column; justify-content:flex-start; gap:7px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-expectItem span{ display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:12px; background:var(--CEOJA-primary); color:#ffffff; font-family:'Montserrat',sans-serif; font-size:12px; line-height:1; font-weight:800; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-expectItem h5{ color:var(--CEOJA-primary); margin:0; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-expectItem p{ color:var(--CEOJA-muted); margin:0; text-align:justify; text-align-last:center; } /* Sections top */ #CEOJAPrestigeCityCompact_V6 .CEOJACity-sectionTop{ display:flex; justify-content:space-between; gap:18px; align-items:end; margin-bottom:16px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-sectionTop h3{ color:var(--CEOJA-text); margin:0; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-sectionTop p{ max-width:560px; margin:0; color:var(--CEOJA-muted); text-align:right; text-align-last:right; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-serviceControls, #CEOJAPrestigeCityCompact_V6 .CEOJACity-galleryControls{ display:none; gap:10px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-arrow{ width:46px; height:46px; border-radius:14px; border:1px solid rgba(121,82,25,.18); background:#ffffff; color:var(--CEOJA-primary); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition:transform .25s ease, background .25s ease, border-color .25s ease; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-arrow:hover, #CEOJAPrestigeCityCompact_V6 .CEOJACity-arrow:focus-visible{ outline:none; transform:translateY(-2px); background:rgba(239,193,111,.16); border-color:rgba(121,82,25,.28); } /* Services */ #CEOJAPrestigeCityCompact_V6 .CEOJACity-services{ margin-top:24px; padding:24px; border:1px solid var(--CEOJA-line); border-radius:28px; background:rgba(255,255,255,.80); box-shadow:var(--CEOJA-shadow); } #CEOJAPrestigeCityCompact_V6 .CEOJACity-serviceGrid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-service{ min-height:46px; padding:11px 13px 11px 30px; border-radius:14px; border:1px solid rgba(7,7,7,.08); background:linear-gradient(180deg,#ffffff,rgba(239,193,111,.09)); color:var(--CEOJA-text) !important; font-family:'Montserrat',sans-serif; font-size:14px; line-height:1.35; font-weight:800; text-decoration:none !important; position:relative; display:flex; align-items:center; transition:transform .24s ease,border-color .24s ease,background .24s ease,color .24s ease; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-service::before{ content:""; position:absolute; left:13px; top:50%; width:7px; height:7px; border-radius:50%; background:var(--CEOJA-accent); transform:translateY(-50%); box-shadow:0 0 0 4px rgba(239,193,111,.18); } #CEOJAPrestigeCityCompact_V6 .CEOJACity-service:hover, #CEOJAPrestigeCityCompact_V6 .CEOJACity-service:focus-visible{ outline:none; transform:translateX(4px); border-color:rgba(121,82,25,.24); color:var(--CEOJA-primary) !important; background:linear-gradient(180deg,rgba(239,193,111,.17),#ffffff); } /* Gallery */ #CEOJAPrestigeCityCompact_V6 .CEOJACity-galleryWrap{ margin-top:24px; padding:24px; border:1px solid var(--CEOJA-line); border-radius:28px; background:rgba(255,255,255,.80); box-shadow:var(--CEOJA-shadow); } #CEOJAPrestigeCityCompact_V6 .CEOJACity-gallery{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-photo{ height:330px; min-height:330px; border-radius:24px; overflow:hidden; border:1px solid rgba(121,82,25,.14); background:#1b1206; box-shadow:var(--CEOJA-shadow); position:relative; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-photo img{ width:100%; height:100%; display:block; object-fit:cover; transition:transform .8s ease; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-photo:hover img{ transform:scale(1.04); } #CEOJAPrestigeCityCompact_V6 .CEOJACity-photo::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(7,7,7,.02),rgba(7,7,7,.45)); pointer-events:none; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-tag{ position:absolute; left:16px; bottom:16px; z-index:1; min-height:34px; padding:7px 12px; border-radius:999px; background:rgba(7,7,7,.58); border:1px solid rgba(255,255,255,.14); color:#ffffff; font-family:'Montserrat',sans-serif; font-size:12px; line-height:1.35; font-weight:800; backdrop-filter:blur(8px); } /* Buttons */ #CEOJAPrestigeCityCompact_V6 .CEOJACity-actions{ margin-top:28px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:14px; } #CEOJAPrestigeCityCompact_V6 .CEOJA-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; width:min(100%,250px); min-height:58px; padding:15px 24px; border-radius:14px; text-decoration:none !important; font-family:'Montserrat',sans-serif !important; font-size:15px; font-weight:800; letter-spacing:.01em; line-height:1.2; border:1.6px solid transparent; overflow:hidden; isolation:isolate; transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,color .28s ease,background .28s ease; cursor:pointer; } #CEOJAPrestigeCityCompact_V6 .CEOJA-btn::before{ content:""; position:absolute; inset:0; width:0%; z-index:-1; transition:width .34s ease; } #CEOJAPrestigeCityCompact_V6 .CEOJA-btn::after{ content:""; position:absolute; top:0; left:-120%; width:52%; height:100%; background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.28) 50%,transparent 100%); transform:skewX(-18deg); transition:left .58s ease; pointer-events:none; } #CEOJAPrestigeCityCompact_V6 .CEOJA-btn:hover{ transform:translateY(-3px); } #CEOJAPrestigeCityCompact_V6 .CEOJA-btn:hover::before{ width:100%; } #CEOJAPrestigeCityCompact_V6 .CEOJA-btn:hover::after{ left:135%; } #CEOJAPrestigeCityCompact_V6 .CEOJA-btn__text{ position:relative; z-index:2; } #CEOJAPrestigeCityCompact_V6 .CEOJA-btn__text::after{ content:""; position:absolute; left:0; bottom:-4px; width:0%; height:1.5px; background:currentColor; opacity:.7; transition:width .28s ease; } #CEOJAPrestigeCityCompact_V6 .CEOJA-btn:hover .CEOJA-btn__text::after{ width:100%; } #CEOJAPrestigeCityCompact_V6 .CEOJA-btn--accent-light{ background:var(--CEOJA-accent); color:#ffffff !important; border-color:var(--CEOJA-accent); box-shadow:0 12px 26px rgba(239,193,111,.32); } #CEOJAPrestigeCityCompact_V6 .CEOJA-btn--accent-light::before{ background:#ffffff; } #CEOJAPrestigeCityCompact_V6 .CEOJA-btn--accent-light:hover{ color:var(--CEOJA-text) !important; border-color:rgba(7,7,7,.22); } #CEOJAPrestigeCityCompact_V6 .CEOJA-btn--outline-light{ background:transparent; color:var(--CEOJA-text) !important; border-color:rgba(7,7,7,.20); } #CEOJAPrestigeCityCompact_V6 .CEOJA-btn--outline-light::before{ background:var(--CEOJA-primary); } #CEOJAPrestigeCityCompact_V6 .CEOJA-btn--outline-light:hover{ color:#ffffff !important; border-color:var(--CEOJA-primary); } #CEOJAPrestigeCityCompact_V6 .CEOJA-btn--lg{ min-height:64px; padding:17px 28px; font-size:16px; } /* Responsive */ @media (max-width:1280px){ #CEOJAPrestigeCityCompact_V6 .CEOJACity-grid{ gap:20px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-mapFocus{ grid-template-columns:1fr; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-mapFocusItem p{ text-align:justify; text-align-last:center; } } @media (max-width:1199px){ #CEOJAPrestigeCityCompact_V6 .CEOJACity-grid{ grid-template-columns:1fr; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-card--map .CEOJACity-inner{ grid-template-rows:auto auto auto auto minmax(420px,auto); } #CEOJAPrestigeCityCompact_V6 .CEOJACity-map, #CEOJAPrestigeCityCompact_V6 .CEOJACity-map iframe{ min-height:420px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-serviceGrid{ grid-template-columns:repeat(3,minmax(0,1fr)); } #CEOJAPrestigeCityCompact_V6 .CEOJACity-gallery{ grid-template-columns:repeat(2,minmax(0,1fr)); } #CEOJAPrestigeCityCompact_V6 .CEOJACity-photo{ height:300px; min-height:300px; } } @media (max-width:767px){ #CEOJAPrestigeCityCompact_V6{ padding:5% 5%; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-card, #CEOJAPrestigeCityCompact_V6 .CEOJACity-services, #CEOJAPrestigeCityCompact_V6 .CEOJACity-galleryWrap{ border-radius:22px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-inner, #CEOJAPrestigeCityCompact_V6 .CEOJACity-services, #CEOJAPrestigeCityCompact_V6 .CEOJACity-galleryWrap{ padding:18px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-card--map .CEOJACity-inner{ display:flex; flex-direction:column; gap:14px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-mapQuick, #CEOJAPrestigeCityCompact_V6 .CEOJACity-miniBlocks, #CEOJAPrestigeCityCompact_V6 .CEOJACity-expectGrid{ grid-template-columns:1fr; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-mapFocus{ padding:16px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-map, #CEOJAPrestigeCityCompact_V6 .CEOJACity-map iframe{ height:300px; min-height:300px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-expectPanel{ padding:16px; border-radius:20px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-expectItem{ min-height:auto; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-sectionTop{ flex-direction:column; align-items:center; text-align:center; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-sectionTop p{ max-width:100%; text-align:justify; text-align-last:center; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-serviceControls, #CEOJAPrestigeCityCompact_V6 .CEOJACity-galleryControls{ display:flex; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-serviceGrid{ display:flex; gap:12px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding-bottom:8px; scrollbar-width:none; -ms-overflow-style:none; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-serviceGrid::-webkit-scrollbar{ display:none; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-service{ flex:0 0 78%; scroll-snap-align:center; min-height:56px; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-gallery{ display:flex; gap:14px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding-bottom:8px; scrollbar-width:none; -ms-overflow-style:none; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-gallery::-webkit-scrollbar{ display:none; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-photo{ flex:0 0 84%; height:260px; min-height:260px; scroll-snap-align:center; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-actions{ flex-direction:column; align-items:stretch; } #CEOJAPrestigeCityCompact_V6 .CEOJA-btn{ width:100%; max-width:none; min-height:56px; font-size:14px; padding:14px 18px; } } /* CEOJA Mobile Center Fix */ @media (max-width:767px){ /* bloque general */ #CEOJAPrestigeCityCompact_V6 .CEOJACity-inner, #CEOJAPrestigeCityCompact_V6 .CEOJACity-card, #CEOJAPrestigeCityCompact_V6 .CEOJACity-card--map, #CEOJAPrestigeCityCompact_V6 .CEOJACity-expectPanel{ text-align:center !important; } /* titulos principales de las dos cards superiores */ #CEOJAPrestigeCityCompact_V6 .CEOJACity-inner h3, #CEOJAPrestigeCityCompact_V6 .CEOJACity-card--map .CEOJACity-inner h3, #CEOJAPrestigeCityCompact_V6 .CEOJACity-card:not(.CEOJACity-card--map) .CEOJACity-inner h3{ text-align:center !important; margin-left:auto !important; margin-right:auto !important; } /* parrafos intro */ #CEOJAPrestigeCityCompact_V6 .CEOJACity-card--map .CEOJACity-inner > p, #CEOJAPrestigeCityCompact_V6 .CEOJACity-expectIntro p, #CEOJAPrestigeCityCompact_V6 .CEOJACity-mapFocusItem p{ text-align:center !important; text-align-last:center !important; margin-left:auto !important; margin-right:auto !important; } /* bloque "Service Coverage and Project Coordination" */ #CEOJAPrestigeCityCompact_V6 .CEOJACity-mapFocus{ text-align:center !important; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-mapFocusItem{ justify-items:center !important; text-align:center !important; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-mapFocusItem h4{ text-align:center !important; margin-left:auto !important; margin-right:auto !important; } /* cards mini inspection/direct/clean */ #CEOJAPrestigeCityCompact_V6 .CEOJACity-mini, #CEOJAPrestigeCityCompact_V6 .CEOJACity-mini h4, #CEOJAPrestigeCityCompact_V6 .CEOJACity-mini p{ text-align:center !important; text-align-last:center !important; } /* panel derecho intro */ #CEOJAPrestigeCityCompact_V6 .CEOJACity-expectIntro{ justify-items:center !important; text-align:center !important; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-expectIntro h4{ text-align:center !important; margin-left:auto !important; margin-right:auto !important; } /* cards 01 02 03 04 */ #CEOJAPrestigeCityCompact_V6 .CEOJACity-expectItem{ align-items:center !important; text-align:center !important; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-expectItem span{ margin-left:auto !important; margin-right:auto !important; } #CEOJAPrestigeCityCompact_V6 .CEOJACity-expectItem h5, #CEOJAPrestigeCityCompact_V6 .CEOJACity-expectItem p{ width:100% !important; text-align:center !important; text-align-last:center !important; margin-left:auto !important; margin-right:auto !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fb9fb7a */#CEOJA-Prestige-CTA-DiagonalLight-S1, #CEOJA-Prestige-CTA-DiagonalLight-S1 *, #CEOJA-Prestige-CTA-DiagonalLight-S1 *::before, #CEOJA-Prestige-CTA-DiagonalLight-S1 *::after{ box-sizing:border-box; min-width:0; } #CEOJA-Prestige-CTA-DiagonalLight-S1{ --CEOJA-black:#070707; --CEOJA-white:#ffffff; --CEOJA-brown:#795219; --CEOJA-gold:#c3a241; --CEOJA-soft-gold:#efc16f; --CEOJA-cream:#f5f3ee; --CEOJA-line:rgba(7,7,7,.14); --CEOJA-line-light:rgba(255,255,255,.18); --CEOJA-shadow-dark:0 14px 34px rgba(7,7,7,.16); --CEOJA-shadow-gold:0 14px 34px rgba(121,82,25,.22); --CEOJA-radius:14px; --CEOJA-pad:5%; --CEOJA-ease:cubic-bezier(.22,.61,.36,1); --CEOJA-diag:120px; --CEOJA-left:56%; width:100%; position:relative; overflow:hidden; isolation:isolate; padding:var(--CEOJA-pad); font-family:"Montserrat", Arial, sans-serif; background: radial-gradient(circle at 12% 12%, rgba(239,193,111,.30) 0, rgba(239,193,111,0) 30%), radial-gradient(circle at 86% 18%, rgba(121,82,25,.16) 0, rgba(121,82,25,0) 28%), radial-gradient(circle at 84% 86%, rgba(195,162,65,.18) 0, rgba(195,162,65,0) 30%), linear-gradient(135deg, #ffffff 0%, #f8f6f1 28%, #f5f3ee 55%, #efe6d2 100%); color:var(--CEOJA-black); } #CEOJA-Prestige-CTA-DiagonalLight-S1::before{ content:""; position:absolute; inset:0; background: linear-gradient(rgba(121,82,25,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(121,82,25,.055) 1px, transparent 1px); background-size:46px 46px; opacity:.42; pointer-events:none; z-index:0; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-wrap{ position:relative; z-index:1; width:100%; margin:0 auto; display:grid; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-shell{ position:relative; width:100%; min-height:560px; display:flex; align-items:stretch; border-radius:34px; overflow:hidden; background:linear-gradient(180deg, rgba(255,255,255,.90) 0%, rgba(245,243,238,.78) 100%); border:1px solid rgba(255,255,255,.76); box-shadow:0 22px 55px rgba(7,7,7,.14); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-leftCol, #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-rightCol{ position:relative; min-height:100%; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-leftCol{ width:calc(var(--CEOJA-left) + var(--CEOJA-diag)); clip-path:polygon(0 0, 100% 0, calc(100% - var(--CEOJA-diag)) 100%, 0 100%); background: radial-gradient(circle at 12% 18%, rgba(239,193,111,.22) 0, rgba(239,193,111,0) 34%), linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(245,243,238,.96) 100%); z-index:2; display:grid; align-items:center; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-leftInner{ width:100%; max-width:760px; display:grid; gap:18px; align-content:center; justify-items:center; text-align:center; padding:clamp(34px,4vw,58px) clamp(42px,5vw,92px) clamp(34px,4vw,58px) clamp(30px,4vw,58px); } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-title{ margin:0; width:100%; font-family:"Poppins", Arial, sans-serif; font-size:48px; line-height:1.12; font-weight:700; letter-spacing:-.03em; color:var(--CEOJA-black); text-align:center; text-wrap:balance; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-text{ margin:0; width:100%; font-family:"Montserrat", Arial, sans-serif; font-size:16px; line-height:1.7; font-weight:500; color:rgba(7,7,7,.76); text-align:justify; text-align-last:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-points{ width:100%; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; padding-top:2px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-point{ min-height:94px; display:flex; align-items:center; justify-content:center; text-align:center; padding:14px; border-radius:18px; background:rgba(255,255,255,.78); border:1px solid rgba(7,7,7,.09); box-shadow:0 10px 22px rgba(7,7,7,.07); color:rgba(7,7,7,.82); font-family:"Montserrat", Arial, sans-serif; font-size:14px; line-height:1.45; font-weight:700; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-actions{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:14px; padding-top:4px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; width:min(100%, 250px); min-height:58px; padding:15px 24px; border-radius:var(--CEOJA-radius); text-decoration:none; font-family:"Montserrat", Arial, sans-serif; font-size:15px; font-weight:800; letter-spacing:.01em; line-height:1.2; text-align:center; border:1.6px solid transparent; overflow:hidden; isolation:isolate; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, color .28s ease, background .28s ease; will-change:transform; cursor:pointer; white-space:normal; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn::before{ content:""; position:absolute; inset:0; width:0%; z-index:-1; transition:width .34s ease; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn::after{ content:""; position:absolute; top:0; left:-120%; width:52%; height:100%; background:linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.22) 50%, transparent 100% ); transform:skewX(-18deg); transition:left .58s ease; pointer-events:none; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn:hover{ transform:translateY(-3px); } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn:hover::before{ width:100%; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn:hover::after{ left:135%; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn:focus-visible{ outline:none; transform:translateY(-2px); } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn__text{ position:relative; z-index:2; display:inline-flex; align-items:center; justify-content:center; color:inherit; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn__text::after{ content:""; position:absolute; left:0; bottom:-4px; width:0%; height:1.5px; background:currentColor; opacity:.7; transition:width .28s ease; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn:hover .CEOJA-btn__text::after{ width:100%; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn svg{ position:relative; z-index:2; width:18px; height:18px; flex:0 0 auto; color:inherit; stroke:currentColor; fill:none; transition: color .28s ease, stroke .28s ease, transform .28s ease; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn:hover svg{ transform:translateX(2px); } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn--accent-light{ background:var(--CEOJA-soft-gold); color:var(--CEOJA-white); border-color:var(--CEOJA-soft-gold); box-shadow:0 10px 24px rgba(239,193,111,.26); } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn--accent-light::before{ background:var(--CEOJA-white); } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn--accent-light:hover, #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn--accent-light:focus-visible{ color:var(--CEOJA-black); border-color:rgba(7,7,7,.24); box-shadow:0 14px 30px rgba(7,7,7,.12); } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn--outline-light{ background:transparent; color:var(--CEOJA-black); border-color:rgba(7,7,7,.22); box-shadow:none; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn--outline-light::before{ background:var(--CEOJA-soft-gold); } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn--outline-light:hover, #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn--outline-light:focus-visible{ color:var(--CEOJA-white); border-color:var(--CEOJA-soft-gold); box-shadow:0 14px 26px rgba(121,82,25,.14); } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-rightCol{ width:calc((100% - var(--CEOJA-left)) + var(--CEOJA-diag)); margin-left:calc(var(--CEOJA-diag) * -1); clip-path:polygon(var(--CEOJA-diag) 0, 100% 0, 100% 100%, 0 100%); background:#140d02; z-index:1; overflow:hidden; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-image{ position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover; object-position:center; transform:scale(1.01); backface-visibility:hidden; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-rightOverlay{ position:absolute; inset:0; background: radial-gradient(circle at 82% 14%, rgba(239,193,111,.16) 0, rgba(239,193,111,0) 26%), linear-gradient(180deg, rgba(7,7,7,.02) 0%, rgba(7,7,7,.16) 100%); z-index:2; pointer-events:none; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-imageLabel{ position:absolute; z-index:3; left:30px; bottom:28px; width:min(360px, calc(100% - 60px)); padding:18px; border-radius:20px; background:rgba(255,255,255,.88); border:1px solid rgba(255,255,255,.72); box-shadow:0 14px 28px rgba(7,7,7,.18); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); display:grid; gap:6px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-imageLabel strong{ display:block; font-family:"Montserrat", Arial, sans-serif; font-size:18px; line-height:1.25; font-weight:800; color:var(--CEOJA-black); overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-imageLabel span{ display:block; font-family:"Montserrat", Arial, sans-serif; font-size:14px; line-height:1.55; font-weight:600; color:rgba(7,7,7,.70); overflow-wrap:anywhere; word-break:break-word; } @media (max-width:1320px){ #CEOJA-Prestige-CTA-DiagonalLight-S1{ --CEOJA-diag:94px; --CEOJA-left:55%; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-shell{ min-height:520px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-leftInner{ padding:34px 42px 34px 28px; gap:16px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-title{ font-size:40px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-text{ font-size:15px; line-height:1.72; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn{ width:min(100%, 230px); min-height:56px; padding:14px 18px; font-size:14px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-point{ font-size:13px; padding:13px; } } @media (max-width:1180px){ #CEOJA-Prestige-CTA-DiagonalLight-S1{ padding:5%; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-shell{ min-height:auto; display:grid; grid-template-columns:1fr; border-radius:26px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-leftCol, #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-rightCol{ width:100%; margin-left:0; clip-path:none; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-leftCol{ order:1; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-rightCol{ order:2; min-height:370px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-leftInner{ max-width:none; padding:30px 26px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-title{ font-size:40px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-actions{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn{ width:100%; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-points{ grid-template-columns:repeat(3, minmax(0, 1fr)); } } @media (max-width:860px){ #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-points, #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-actions{ grid-template-columns:1fr; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-point{ min-height:auto; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-rightCol{ min-height:330px; } } @media (max-width:767px){ #CEOJA-Prestige-CTA-DiagonalLight-S1{ padding:5%; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-shell{ border-radius:24px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-leftInner{ padding:24px 18px; gap:15px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-title{ font-size:32px; line-height:1.12; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-text{ font-size:15px; line-height:1.72; text-align:justify; text-align-last:left; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn{ width:100%; min-height:56px; padding:14px 18px; font-size:14px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-rightCol{ min-height:300px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-imageLabel{ left:14px; right:14px; bottom:14px; width:auto; padding:15px; border-radius:18px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-imageLabel strong{ font-size:16px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-imageLabel span{ font-size:13px; line-height:1.48; } } @media (max-width:420px){ #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-leftInner{ padding:22px 16px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-title{ font-size:30px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-rightCol{ min-height:280px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d6371c6 */#CEOJA-Prestige-Reviews-S2-Dark, #CEOJA-Prestige-Reviews-S2-Dark *, #CEOJA-Prestige-Reviews-S2-Dark *::before, #CEOJA-Prestige-Reviews-S2-Dark *::after{ box-sizing:border-box; min-width:0; } #CEOJA-Prestige-Reviews-S2-Dark{ --CEOJA-black:#070707; --CEOJA-white:#ffffff; --CEOJA-brown:#795219; --CEOJA-gold:#c3a241; --CEOJA-soft-gold:#efc16f; --CEOJA-line-light:rgba(255,255,255,.18); --CEOJA-shadow-dark:0 14px 34px rgba(7,7,7,.16); --CEOJA-shadow-gold:0 14px 34px rgba(121,82,25,.22); --CEOJA-radius:14px; --CEOJA-pad:5%; width:100%; padding:var(--CEOJA-pad); background: radial-gradient(circle at 12% 16%, rgba(239,193,111,.16), transparent 34%), radial-gradient(circle at 86% 18%, rgba(195,162,65,.11), transparent 32%), linear-gradient(180deg, #1b1206 0%, #070707 100%); color:var(--CEOJA-white); overflow:hidden; position:relative; isolation:isolate; font-family:"Montserrat", Arial, sans-serif; } #CEOJA-Prestige-Reviews-S2-Dark::before{ content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(180deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size:54px 54px; opacity:.22; pointer-events:none; z-index:0; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-wrap{ width:min(100%, 1500px); margin:0 auto; position:relative; z-index:2; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-head{ width:min(100%, 980px); margin:0 auto 42px; text-align:center; display:flex; flex-direction:column; align-items:center; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-kicker{ width:100%; margin:0 0 14px; font-family:"Montserrat", Arial, sans-serif; font-size:14px; line-height:1.65; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--CEOJA-soft-gold); text-align:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-title{ width:100%; margin:0; font-family:"Poppins", Arial, sans-serif; font-size:48px; line-height:1.12; font-weight:700; letter-spacing:-.03em; color:var(--CEOJA-white); text-align:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-sub{ width:min(100%, 850px); margin:16px auto 0; font-family:"Montserrat", Arial, sans-serif; font-size:16px; line-height:1.7; font-weight:500; color:rgba(255,255,255,.76); text-align:justify; text-align-last:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-card{ width:100%; border-radius:30px; padding:34px; background:linear-gradient(180deg, rgba(255,255,255,.105) 0%, rgba(255,255,255,.055) 100%); border:1px solid rgba(255,255,255,.14); box-shadow:0 24px 60px rgba(0,0,0,.28); overflow:hidden; display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:28px; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-trustWrap{ width:100%; min-width:0; overflow:hidden; border-radius:24px; background:#ffffff; border:1px solid rgba(255,255,255,.18); box-shadow:0 18px 44px rgba(0,0,0,.20); } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-trustFrame{ width:100%; min-height:260px; padding:26px; overflow:hidden; display:block; background:#ffffff; color:var(--CEOJA-black); } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-trustFrame p{ width:100%; max-width:100%; min-width:0; margin:0; font-family:"Montserrat", Arial, sans-serif; font-size:16px; line-height:1.7; font-weight:500; color:var(--CEOJA-black); text-align:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-actions{ width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; width:auto; min-width:220px; max-width:100%; min-height:58px; padding:15px 24px; border-radius:var(--CEOJA-radius); text-decoration:none; font-family:"Montserrat", Arial, sans-serif; font-size:15px; font-weight:800; letter-spacing:.01em; line-height:1.2; border:1.6px solid transparent; overflow:hidden; isolation:isolate; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, color .28s ease, background .28s ease; will-change:transform; cursor:pointer; white-space:normal; text-align:center; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn::before{ content:""; position:absolute; inset:0; width:0%; z-index:-1; transition:width .34s ease; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn::after{ content:""; position:absolute; top:0; left:-120%; width:52%; height:100%; background:linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.22) 50%, transparent 100% ); transform:skewX(-18deg); transition:left .58s ease; pointer-events:none; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn:hover{ transform:translateY(-3px); } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn:hover::before{ width:100%; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn:hover::after{ left:135%; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn:focus-visible{ outline:none; transform:translateY(-2px); box-shadow:0 0 0 4px rgba(255,255,255,.16); } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn span{ position:relative; z-index:2; display:inline-flex; align-items:center; justify-content:center; min-width:0; color:currentColor; text-align:center; overflow-wrap:anywhere; word-break:break-word; transition:color .28s ease; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn span::after{ content:""; position:absolute; left:0; bottom:-4px; width:0%; height:1.5px; background:currentColor; opacity:.7; transition:width .28s ease; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn:hover span::after{ width:100%; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn-ring{ display:none; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn--primary{ background:var(--CEOJA-gold); color:var(--CEOJA-white); border-color:var(--CEOJA-gold); box-shadow:0 12px 28px rgba(195,162,65,.24); } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn--primary::before{ background:var(--CEOJA-white); } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn--primary:hover{ color:var(--CEOJA-black); border-color:var(--CEOJA-white); box-shadow:0 14px 30px rgba(0,0,0,.25); } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn--secondary{ background:var(--CEOJA-gold); color:var(--CEOJA-white); border-color:var(--CEOJA-gold); box-shadow:0 12px 28px rgba(195,162,65,.24); } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn--secondary::before{ background:var(--CEOJA-white); } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn--secondary:hover{ color:var(--CEOJA-black); border-color:var(--CEOJA-white); box-shadow:0 14px 30px rgba(0,0,0,.25); } @media (max-width:1024px){ #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-head{ margin-bottom:34px; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-title{ font-size:40px; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-card{ padding:28px; border-radius:26px; gap:24px; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-trustFrame{ min-height:240px; padding:22px; } } @media (max-width:768px){ #CEOJA-Prestige-Reviews-S2-Dark{ padding:7% 5%; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-title{ font-size:32px; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-sub{ font-size:15.5px; line-height:1.68; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-card{ padding:24px; border-radius:24px; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-trustWrap{ border-radius:20px; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-trustFrame{ min-height:220px; padding:18px; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-actions{ align-items:stretch; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn{ width:100%; min-width:0; min-height:56px; padding:14px 18px; font-size:14px; } } @media (max-width:520px){ #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-sub{ text-align:justify; text-align-last:center; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-card{ padding:22px; } } @media (max-width:420px){ #CEOJA-Prestige-Reviews-S2-Dark{ padding:9% 5%; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-card{ padding:20px; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-trustFrame{ padding:16px; } } /* ===================================================== PATCH — TRUSTINDEX FULL WIDTH RESPETANDO 5% LATERAL ===================================================== */ #CEOJA-Prestige-Reviews-S2-Dark{ --CEOJA-pad-x:5%; --CEOJA-pad-y:90px; padding:var(--CEOJA-pad-y) var(--CEOJA-pad-x) !important; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-wrap{ width:100% !important; max-width:none !important; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-card{ width:100% !important; padding:0 !important; background:transparent !important; border:none !important; box-shadow:none !important; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-trustWrap{ width:100% !important; max-width:none !important; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-trustFrame{ width:100% !important; max-width:none !important; padding:26px !important; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-actions{ margin-top:28px; } @media (max-width:768px){ #CEOJA-Prestige-Reviews-S2-Dark{ padding:70px 5% !important; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-trustFrame{ padding:18px !important; } } @media (max-width:420px){ #CEOJA-Prestige-Reviews-S2-Dark{ padding:60px 5% !important; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-trustFrame{ padding:16px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5e6f334 */#CEOJA-Prestige-FAQ-BlendS1S2-V2, #CEOJA-Prestige-FAQ-BlendS1S2-V2 *, #CEOJA-Prestige-FAQ-BlendS1S2-V2 *::before, #CEOJA-Prestige-FAQ-BlendS1S2-V2 *::after{ box-sizing:border-box; min-width:0; } #CEOJA-Prestige-FAQ-BlendS1S2-V2{ --CEOJA-black:#070707; --CEOJA-white:#ffffff; --CEOJA-brown:#795219; --CEOJA-gold:#c3a241; --CEOJA-soft-gold:#efc16f; --CEOJA-cream:#f5f3ee; --CEOJA-soft:#f2eee6; --CEOJA-line:rgba(7,7,7,.14); --CEOJA-line-light:rgba(255,255,255,.18); --CEOJA-shadow-dark:0 14px 34px rgba(7,7,7,.16); --CEOJA-shadow-gold:0 14px 34px rgba(121,82,25,.22); --CEOJA-radius:14px; --CEOJA-pad:5%; --CEOJA-ease:cubic-bezier(.22,.61,.36,1); width:100%; position:relative; overflow:hidden; padding:var(--CEOJA-pad); font-family:"Montserrat", Arial, sans-serif; color:var(--CEOJA-white); background: radial-gradient(circle at 12% 10%, rgba(239,193,111,.34) 0, rgba(239,193,111,0) 30%), radial-gradient(circle at 86% 16%, rgba(195,162,65,.24) 0, rgba(195,162,65,0) 28%), radial-gradient(circle at 18% 82%, rgba(121,82,25,.28) 0, rgba(121,82,25,0) 32%), linear-gradient( 180deg, #ffffff 0%, #f8f6f1 18%, #f5f3ee 34%, #efe3c9 50%, #795219 72%, #1b1206 88%, #070707 100% ); isolation:isolate; } #CEOJA-Prestige-FAQ-BlendS1S2-V2::before{ content:""; position:absolute; inset:0; background: linear-gradient(rgba(121,82,25,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(121,82,25,.055) 1px, transparent 1px); background-size:44px 44px; opacity:.42; pointer-events:none; z-index:0; } #CEOJA-Prestige-FAQ-BlendS1S2-V2::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 36%, rgba(7,7,7,.18) 74%, rgba(7,7,7,.28) 100%); pointer-events:none; z-index:0; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-wrap{ position:relative; z-index:1; width:100%; display:grid; gap:32px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-head{ width:100%; max-width:960px; margin:0 auto; display:grid; gap:14px; justify-items:center; text-align:center; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-title{ margin:0; width:100%; max-width:960px; font-family:"Poppins", Arial, sans-serif; font-size:48px; line-height:1.12; font-weight:700; letter-spacing:-.03em; color:var(--CEOJA-black); text-align:center; text-wrap:balance; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-text{ margin:0 auto; width:100%; max-width:860px; font-family:"Montserrat", Arial, sans-serif; font-size:16px; line-height:1.7; font-weight:500; color:rgba(7,7,7,.76); text-align:justify; text-align-last:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-shell{ width:100%; display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:24px; align-items:stretch; min-width:0; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-side, #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-main{ min-height:100%; display:grid; border-radius:28px; min-width:0; overflow:hidden; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-side{ grid-template-rows:auto auto 1fr auto; padding:28px; gap:18px; align-content:start; background: radial-gradient(circle at 18% 12%, rgba(239,193,111,.18) 0, rgba(239,193,111,0) 30%), linear-gradient(180deg, #1b1206 0%, #070707 100%); border:1px solid rgba(255,255,255,.13); box-shadow:var(--CEOJA-shadow-dark); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-main{ padding:20px; background:linear-gradient(180deg, rgba(255,255,255,.90) 0%, rgba(245,243,238,.82) 100%); border:1px solid rgba(255,255,255,.70); box-shadow:0 22px 54px rgba(7,7,7,.16); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideTitle{ margin:0 auto; width:100%; max-width:820px; font-family:"Montserrat", Arial, sans-serif; font-size:30px; line-height:1.2; font-weight:700; letter-spacing:-.02em; color:var(--CEOJA-white); text-align:center; text-wrap:balance; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideText{ margin:0 auto; width:100%; max-width:820px; font-family:"Montserrat", Arial, sans-serif; font-size:15px; line-height:1.8; font-weight:500; color:rgba(255,255,255,.82); text-align:justify; text-align-last:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideBody{ display:grid; gap:14px; align-content:start; min-width:0; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideBlock{ display:grid; gap:10px; padding:18px; border-radius:18px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.10); min-width:0; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideBlockTitle{ margin:0 auto; width:100%; font-family:"Montserrat", Arial, sans-serif; font-size:20px; line-height:1.3; font-weight:700; letter-spacing:-.01em; color:var(--CEOJA-white); text-align:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideBlockText{ margin:0 auto; width:100%; font-family:"Montserrat", Arial, sans-serif; font-size:14px; line-height:1.72; font-weight:500; color:rgba(255,255,255,.82); text-align:justify; text-align-last:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideActions{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:stretch; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:58px; padding:15px 20px; border-radius:var(--CEOJA-radius); text-decoration:none; font-family:"Montserrat", Arial, sans-serif; font-size:15px; font-weight:800; letter-spacing:.01em; line-height:1.2; text-align:center; border:1.6px solid transparent; overflow:hidden; isolation:isolate; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, color .28s ease, background .28s ease; cursor:pointer; white-space:normal; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-btn::before{ content:""; position:absolute; inset:0; width:0%; z-index:-1; transition:width .34s ease; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-btn:hover{ transform:translateY(-3px); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-btn:hover::before{ width:100%; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-btn span{ position:relative; z-index:2; color:inherit; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-btn--gold-dark{ background:var(--CEOJA-gold); color:var(--CEOJA-white); border-color:var(--CEOJA-gold); box-shadow:0 12px 28px rgba(195,162,65,.24); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-btn--gold-dark::before{ background:var(--CEOJA-white); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-btn--gold-dark:hover{ color:var(--CEOJA-black); border-color:var(--CEOJA-white); box-shadow:0 14px 30px rgba(0,0,0,.25); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-btn--ivory-brown{ background:var(--CEOJA-white); color:var(--CEOJA-brown); border-color:var(--CEOJA-white); box-shadow:0 12px 28px rgba(7,7,7,.12); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-btn--ivory-brown::before{ background:var(--CEOJA-gold); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-btn--ivory-brown:hover{ color:var(--CEOJA-white); border-color:var(--CEOJA-gold); box-shadow:var(--CEOJA-shadow-gold); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-viewport{ position:relative; overflow:hidden; min-width:0; width:100%; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-track{ display:block; width:100%; min-width:0; transform:none; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-page{ width:100%; display:grid; gap:12px; align-content:start; min-width:0; padding:2px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-item{ width:100%; border-radius:20px; background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(245,243,238,.97) 100%); border:1px solid rgba(255,255,255,.74); box-shadow:0 14px 30px rgba(7,7,7,.13); overflow:hidden; position:relative; min-width:0; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-item::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:5px; background:linear-gradient(180deg, var(--CEOJA-soft-gold) 0%, var(--CEOJA-brown) 100%); opacity:.98; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-question{ appearance:none; width:100%; max-width:100%; border:none; background:transparent; cursor:pointer; padding:18px 18px 18px 22px; display:grid; grid-template-columns:58px minmax(0,1fr) 46px; gap:14px; align-items:center; text-align:center; min-width:0; overflow:hidden; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-question:focus-visible{ outline:2px solid rgba(195,162,65,.42); outline-offset:-2px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-num{ display:inline-flex; align-items:center; justify-content:center; width:58px; min-height:48px; padding:8px; border-radius:14px; background:linear-gradient(135deg, rgba(239,193,111,.35) 0%, rgba(121,82,25,.14) 100%); color:var(--CEOJA-black); font-family:"Montserrat", Arial, sans-serif; font-size:17px; line-height:1; font-weight:800; letter-spacing:.04em; text-align:center; flex:0 0 auto; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-questionText{ display:block; width:100%; max-width:100%; min-width:0; margin:0 auto; font-family:"Montserrat", Arial, sans-serif; font-size:19px; line-height:1.4; font-weight:700; color:var(--CEOJA-black); text-align:center; white-space:normal; overflow-wrap:anywhere; word-break:break-word; hyphens:auto; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-iconWrap{ width:46px; height:46px; border-radius:14px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; background:var(--CEOJA-brown); color:var(--CEOJA-white); transition: background-color .35s var(--CEOJA-ease), transform .35s var(--CEOJA-ease), color .35s var(--CEOJA-ease); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-icon{ position:relative; width:18px; height:18px; display:block; flex:0 0 auto; color:inherit; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-icon::before, #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-icon::after{ content:""; position:absolute; left:50%; top:50%; width:18px; height:2px; border-radius:2px; background:currentColor; transform:translate(-50%,-50%); transition:transform .35s var(--CEOJA-ease), opacity .35s var(--CEOJA-ease); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-icon::after{ transform:translate(-50%,-50%) rotate(90deg); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-item.is-open .CEOJA-iconWrap{ background:var(--CEOJA-gold); color:var(--CEOJA-white); transform:translateY(-1px); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-item.is-open .CEOJA-icon::after{ opacity:0; transform:translate(-50%,-50%) rotate(90deg) scaleX(.2); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-answerWrap{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .4s var(--CEOJA-ease); min-width:0; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-item.is-open .CEOJA-answerWrap{ grid-template-rows:1fr; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-answerInner{ overflow:hidden; min-width:0; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-answer{ margin:0 auto; padding:0 18px 18px 94px; font-family:"Montserrat", Arial, sans-serif; font-size:15px; line-height:1.76; font-weight:500; color:rgba(7,7,7,.78); text-align:justify; text-align-last:center; overflow-wrap:anywhere; word-break:break-word; hyphens:auto; } @media (max-width:1180px){ #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-shell{ grid-template-columns:1fr; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-side, #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-main{ min-height:auto; } } @media (max-width:1024px){ #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-title{ font-size:40px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-side{ padding:22px; border-radius:24px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideTitle{ font-size:26px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-main{ padding:18px; border-radius:24px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-question{ grid-template-columns:52px minmax(0,1fr) 42px; gap:10px; padding:16px 14px 16px 16px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-num{ width:52px; min-height:42px; font-size:15px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-questionText{ font-size:17px; line-height:1.38; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-iconWrap{ width:42px; height:42px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-answer{ padding:0 16px 17px 78px; } } @media (max-width:860px){ #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-question{ grid-template-columns:minmax(0,1fr) 42px; grid-template-areas: "num icon" "text text"; align-items:center; gap:10px 12px; padding:16px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-num{ grid-area:num; width:100%; min-height:40px; justify-self:stretch; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-questionText{ grid-area:text; width:100%; font-size:17px; line-height:1.42; text-align:center; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-iconWrap{ grid-area:icon; justify-self:end; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-answer{ padding:0 16px 16px; } } @media (max-width:767px){ #CEOJA-Prestige-FAQ-BlendS1S2-V2{ padding:5%; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-wrap{ gap:22px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-title{ font-size:32px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-text{ font-size:15px; line-height:1.72; text-align:justify; text-align-last:center; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-side{ padding:18px; gap:14px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideTitle{ font-size:24px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideText, #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideBlockText{ font-size:14px; line-height:1.72; text-align:justify; text-align-last:center; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideActions{ grid-template-columns:1fr; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-main{ padding:14px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-page{ gap:10px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-item{ border-radius:18px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-question{ padding:14px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-num{ min-height:38px; font-size:14px; border-radius:12px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-questionText{ font-size:16px; line-height:1.42; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-iconWrap{ width:40px; height:40px; border-radius:12px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-answer{ padding:0 14px 14px; font-size:14px; line-height:1.72; text-align:justify; text-align-last:center; } } @media (max-width:420px){ #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-question{ grid-template-columns:minmax(0,1fr) 38px; gap:9px; padding:13px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-iconWrap{ width:38px; height:38px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-questionText{ font-size:15px; } }/* End custom CSS */