:root {
--hor-primary: #DB2777;
--hor-primary-hover: #BE185D;
--hor-secondary: #F472B6;
--hor-accent-gold: #F59E0B;
--hor-bg-soft: #FFF5F8;
--hor-bg-light: #FDF2F8;
--hor-dark-slate: #0F172A;
--hor-text-main: #334155;
--hor-text-muted: #64748B;
--hor-border-pink: #FBCFE8;
--hor-font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
--hor-font-serif: "Playfair Display", Georgia, serif;
}  body.has-hor-landing .entry-title,
body.has-hor-landing .page-title,
body.has-hor-landing .entry-header,
body.has-hor-landing .ast-single-post-order,
body.has-hor-landing h1.entry-title,
body.has-hor-landing .post-title,
body.has-hor-landing #comments {
display: none !important;
}
body.has-hor-landing #secondary,
body.has-hor-landing .sidebar,
body.has-hor-landing .widget-area {
display: none !important;
} body.has-hor-landing .joinchat,
body.has-hor-landing #joinchat,
body.has-hor-landing .joinchat__button,
body.has-hor-landing .joinchat__chatbox,
body.has-hor-landing .wp-block-joinchat-button,
body.has-hor-landing div[class*="joinchat"],
body.has-hor-landing div[id*="joinchat"],
body.has-hor-landing a[href*="wa.me"][class*="joinchat"],
body.has-hor-landing .joinchat--right,
body.has-hor-landing .joinchat--left,
body.hor-canvas-page .joinchat,
body.hor-canvas-page #joinchat,
body.hor-canvas-page .joinchat__button,
body.hor-canvas-page .joinchat__chatbox,
body.hor-canvas-page .wp-block-joinchat-button {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
clip: rect(0, 0, 0, 0) !important;
width: 0 !important;
height: 0 !important;
position: absolute !important;
z-index: -99999 !important;
} html, body {
overflow-x: hidden !important;
width: 100% !important;
} body.has-hor-landing .ast-container,
body.has-hor-landing .site-content,
body.has-hor-landing .entry-content,
body.has-hor-landing #content,
body.has-hor-landing main,
body.has-hor-landing .elementor,
body.has-hor-landing .elementor-section,
body.has-hor-landing .elementor-container,
body.has-hor-landing .elementor-column,
body.has-hor-landing .elementor-widget-wrap,
body.has-hor-landing .elementor-widget-shortcode,
body.has-hor-landing .elementor-widget-container,
body.has-hor-landing .elementor-shortcode,
body:has(.hor-landing-wrapper) .ast-container,
body:has(.hor-landing-wrapper) .site-content,
body:has(.hor-landing-wrapper) .entry-content,
body:has(.hor-landing-wrapper) #content,
body:has(.hor-landing-wrapper) main,
body:has(.hor-landing-wrapper) .elementor-section,
body:has(.hor-landing-wrapper) .elementor-container,
body:has(.hor-landing-wrapper) .elementor-column,
body:has(.hor-landing-wrapper) .elementor-widget-wrap,
body:has(.hor-landing-wrapper) .elementor-widget-shortcode,
body:has(.hor-landing-wrapper) .elementor-widget-container,
body:has(.hor-landing-wrapper) .elementor-shortcode {
max-width: 100% !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
} body.hor-canvas-page {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
overflow-x: hidden !important;
background-color: #FFFFFF !important;
} .hor-landing-wrapper,
.hor-landing-wrapper * {
box-sizing: border-box !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.hor-landing-wrapper {
font-family: var(--hor-font-sans) !important;
color: var(--hor-text-main) !important;
line-height: 1.6 !important;
background-color: #FFFFFF !important;
position: relative !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 0 70px 0 !important;
display: block !important;
overflow-x: hidden !important;
}
@media (min-width: 768px) {
.hor-landing-wrapper {
padding-bottom: 0 !important;
}
} .hor-landing-wrapper h1,
.hor-landing-wrapper h2,
.hor-landing-wrapper h3,
.hor-landing-wrapper h4,
.hor-landing-wrapper h5,
.hor-landing-wrapper h6 {
margin-top: 0 !important;
padding: 0 !important;
border: none !important;
letter-spacing: normal !important;
text-transform: none;
}
.hor-landing-wrapper p {
margin-top: 0 !important;
padding: 0 !important;
}
.hor-landing-wrapper ul,
.hor-landing-wrapper ol,
.hor-landing-wrapper li {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.hor-landing-wrapper a {
text-decoration: none !important;
box-shadow: none !important;
}
.hor-landing-wrapper img {
border: none !important;
box-shadow: none;
vertical-align: middle;
}
.hor-container {
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
width: 100% !important;
}
.hor-topbar,
.hor-mini-header {
display: none !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
.hor-topbar-content {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
flex-wrap: wrap !important;
}
.hor-badge-pill {
background: rgba(255, 255, 255, 0.22) !important;
color: #FFFFFF !important;
font-weight: 800 !important;
font-size: 11px !important;
padding: 3px 10px !important;
border-radius: 20px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
}
.hor-ribbon-tiny {
width: 16px !important;
height: 16px !important;
min-width: 16px !important;
min-height: 16px !important;
max-width: 16px !important;
max-height: 16px !important;
border-radius: 50% !important;
object-fit: cover !important;
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
flex-shrink: 0 !important;
}
.hor-topbar-link {
color: #FFFFFF !important;
font-weight: 700 !important;
text-decoration: underline !important;
transition: opacity 0.2s !important;
}
.hor-topbar-link:hover {
opacity: 0.9 !important;
}
@media (max-width: 640px) {
.hor-topbar {
padding: 5px 8px !important;
font-size: 11px !important;
}
.hor-topbar-content {
gap: 6px !important;
flex-wrap: nowrap !important;
justify-content: center !important;
overflow: hidden !important;
}
.hor-topbar-link {
display: none !important;
}
.hor-topbar-text {
font-size: 10.5px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.hor-badge-pill {
font-size: 9.5px !important;
padding: 2px 7px !important;
flex-shrink: 0 !important;
}
} .hor-mini-header {
background: rgba(255, 255, 255, 0.98) !important;
backdrop-filter: blur(14px) !important;
-webkit-backdrop-filter: blur(14px) !important;
border-bottom: 1px solid var(--hor-border-pink) !important;
padding: 10px 0 !important;
position: sticky !important;
top: 0 !important;
z-index: 50 !important;
box-shadow: 0 4px 18px rgba(219, 39, 119, 0.05) !important;
}
.hor-mini-header-inner {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
gap: 12px !important;
}
.hor-brand-block {
display: flex !important;
align-items: center !important;
gap: 12px !important;
flex-shrink: 1 !important;
min-width: 0 !important;
}
.hor-logo-clean {
height: 40px !important;
max-height: 40px !important;
min-height: 40px !important;
width: auto !important;
max-width: 240px !important;
object-fit: contain !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
}
.hor-campaign-pill {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
background: var(--hor-bg-soft) !important;
border: 1px solid var(--hor-border-pink) !important;
padding: 4px 12px !important;
border-radius: 30px !important;
font-size: 12px !important;
font-weight: 700 !important;
color: var(--hor-primary) !important;
box-shadow: 0 2px 8px rgba(219, 39, 119, 0.08) !important;
white-space: nowrap !important;
}
@media (max-width: 768px) {
.hor-mini-header {
padding: 8px 0 !important;
}
.hor-logo-clean {
height: 32px !important;
max-height: 32px !important;
min-height: 32px !important;
width: auto !important;
max-width: 160px !important;
}
.hor-campaign-pill {
display: none !important;
}
}
.hor-ribbon-badge-img {
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
min-height: 22px !important;
max-width: 22px !important;
max-height: 22px !important;
border-radius: 50% !important;
object-fit: cover !important;
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
flex-shrink: 0 !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}
.hor-quick-actions {
display: flex !important;
align-items: center !important;
gap: 10px !important;
flex-shrink: 0 !important;
}
.hor-action-pill-wa {
background: #F0FDF4 !important;
border: 1px solid #BBF7D0 !important;
color: #166534 !important;
text-decoration: none !important;
font-size: 13px !important;
font-weight: 700 !important;
padding: 7px 15px !important;
border-radius: 30px !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
transition: all 0.2s !important;
white-space: nowrap !important;
}
.hor-action-pill-wa:hover {
background: #DCFCE7 !important;
transform: translateY(-1px) !important;
}
.hor-dot-online {
width: 8px !important;
height: 8px !important;
background-color: #22C55E !important;
border-radius: 50% !important;
box-shadow: 0 0 6px #22C55E !important;
display: inline-block !important;
}
.hor-action-pill-sorteo {
background: linear-gradient(135deg, #DB2777 0%, #BE185D 100%) !important;
color: #FFFFFF !important;
text-decoration: none !important;
font-size: 13px !important;
font-weight: 700 !important;
padding: 8px 18px !important;
border-radius: 30px !important;
box-shadow: 0 3px 12px rgba(219, 39, 119, 0.3) !important;
transition: all 0.2s !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
white-space: nowrap !important;
}
.hor-action-pill-sorteo:hover {
transform: translateY(-1px) !important;
box-shadow: 0 6px 18px rgba(219, 39, 119, 0.45) !important;
}
@media (max-width: 640px) {
.hor-action-pill-wa {
display: none !important;
}
.hor-action-pill-sorteo {
padding: 6px 12px !important;
font-size: 11.5px !important;
}
} .hor-slideshow-section {
position: relative;
background: var(--hor-dark-slate);
overflow: hidden;
}
.hor-slideshow-container {
position: relative;
width: 100%;
height: 560px;
}
@media (max-width: 768px) {
.hor-slideshow-container {
height: 500px;
}
}
.hor-slides-track {
width: 100%;
height: 100%;
position: relative;
}
.hor-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out;
display: flex;
align-items: center;
}
.hor-slide.hor-slide-active {
opacity: 1;
visibility: visible;
z-index: 2;
}
.hor-slide-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
transform: scale(1.02);
transition: transform 6s ease-out;
}
.hor-slide.hor-slide-active .hor-slide-bg {
transform: scale(1);
}
.hor-slide-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.5) 60%, rgba(219, 39, 119, 0.3) 100%);
}
.hor-slide-content {
position: relative;
z-index: 5;
max-width: 680px;
color: #FFFFFF;
padding-bottom: 40px;
}
.hor-slide-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(8px);
border: 1px solid rgba(251, 207, 232, 0.35);
padding: 6px 14px;
border-radius: 30px;
font-size: 11px;
font-weight: 800;
letter-spacing: 1px;
color: #FDF2F8;
margin-bottom: 18px;
}
.hor-ribbon-micro {
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
min-height: 18px !important;
max-width: 18px !important;
max-height: 18px !important;
border-radius: 50% !important;
object-fit: cover !important;
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
flex-shrink: 0 !important;
}
.hor-slide-title {
font-family: var(--hor-font-serif);
font-size: 34px;
line-height: 1.2;
font-weight: 700;
color: #FFFFFF;
margin: 0 0 16px;
text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
@media (min-width: 768px) {
.hor-slide-title {
font-size: 46px;
}
}
.hor-slide-desc {
font-size: 16px;
color: #F1F5F9;
line-height: 1.6;
margin-bottom: 26px;
text-shadow: 0 1px 5px rgba(0,0,0,0.3);
}
.hor-slide-btn-wrap {
display: flex;
gap: 14px;
flex-wrap: wrap;
}
.hor-btn-slide {
background: linear-gradient(135deg, #DB2777 0%, #BE185D 100%);
color: #FFFFFF !important;
text-decoration: none;
font-size: 14px;
font-weight: 700;
padding: 13px 26px;
border-radius: 30px;
box-shadow: 0 6px 20px rgba(219, 39, 119, 0.4);
display: inline-flex;
align-items: center;
gap: 8px;
transition: all 0.25s;
text-decoration: none !important;
color: #FFFFFF !important;
}
.hor-btn-slide:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(219, 39, 119, 0.6);
}
.hor-btn-slide-outline {
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.4);
color: #FFFFFF !important;
text-decoration: none;
font-size: 14px;
font-weight: 700;
padding: 13px 24px;
border-radius: 30px;
transition: all 0.25s;
text-decoration: none !important;
color: #FFFFFF !important;
}
.hor-btn-slide-outline:hover {
background: rgba(255, 255, 255, 0.25);
border-color: #FFFFFF;
} .hor-slider-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.3);
color: #FFFFFF;
width: 44px;
height: 44px;
border-radius: 50%;
font-size: 18px;
cursor: pointer;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.25s;
}
.hor-slider-btn:hover {
background: var(--hor-primary);
border-color: var(--hor-primary);
transform: translateY(-50%) scale(1.08);
}
.hor-slider-btn.hor-prev {
left: 20px;
}
.hor-slider-btn.hor-next {
right: 20px;
}
@media (max-width: 640px) {
.hor-slider-btn {
display: none;
}
}
.hor-slider-dots {
position: absolute;
bottom: 45px;
left: 0;
right: 0;
display: flex;
justify-content: center;
gap: 8px;
z-index: 10;
}
.hor-dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.4);
cursor: pointer;
transition: all 0.3s;
}
.hor-dot.hor-dot-active {
width: 28px;
border-radius: 20px;
background: var(--hor-primary);
box-shadow: 0 0 10px var(--hor-primary);
} .hor-wave-bottom {
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
overflow: hidden;
line-height: 0;
z-index: 5;
}
.hor-wave-bottom svg {
display: block !important;
width: 100% !important;
height: 45px !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
vertical-align: bottom !important;
}
.hor-wave-top {
position: relative;
top: -1px;
left: 0;
width: 100%;
overflow: hidden;
line-height: 0;
margin-bottom: 30px;
}
.hor-wave-top svg {
display: block !important;
width: 100% !important;
height: 45px !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
vertical-align: bottom !important;
} .hor-guide-section {
padding: 70px 0 80px;
background: #FFFFFF;
}
.hor-section-heading {
text-align: center;
max-width: 720px;
margin: 0 auto 45px;
}
.hor-pill-tag {
display: inline-flex;
align-items: center;
gap: 6px;
background: var(--hor-bg-soft);
color: var(--hor-primary);
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
padding: 5px 14px;
border-radius: 30px;
border: 1px solid var(--hor-border-pink);
margin-bottom: 12px;
}
.hor-section-heading h2 {
font-family: var(--hor-font-serif);
font-size: 32px;
color: var(--hor-dark-slate);
margin: 0 0 10px;
font-weight: 700;
}
.hor-studies-grid {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
max-width: 960px;
margin: 0 auto;
}
@media (min-width: 768px) {
.hor-studies-grid {
grid-template-columns: 1fr 1fr;
}
}
.hor-study-card {
background: #FFFFFF;
border-radius: 26px;
overflow: hidden;
border: 1px solid var(--hor-border-pink);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
position: relative;
transition: transform 0.3s, box-shadow 0.3s;
}
.hor-study-card:hover {
transform: translateY(-4px);
box-shadow: 0 16px 36px rgba(219, 39, 119, 0.12);
}
.hor-study-featured {
border: 2px solid var(--hor-primary);
}
.hor-study-ribbon-flag {
position: absolute;
top: 14px;
right: 14px;
background: var(--hor-primary);
color: #FFFFFF;
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
padding: 4px 12px;
border-radius: 20px;
z-index: 5;
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.hor-study-img-frame {
position: relative;
height: 230px;
overflow: hidden;
}
.hor-study-img-frame img {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: cover !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
transition: transform 0.4s ease;
}
.hor-study-card:hover .hor-study-img-frame img {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: cover !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
transition: transform 0.4s ease;
}
.hor-study-age-pill {
position: absolute;
bottom: 12px;
left: 12px;
background: var(--hor-primary);
color: #FFFFFF;
font-size: 12px;
font-weight: 700;
padding: 5px 14px;
border-radius: 30px;
box-shadow: 0 3px 8px rgba(0,0,0,0.25);
}
.hor-age-pill-dark {
background: var(--hor-dark-slate);
}
.hor-study-content {
padding: 26px;
}
.hor-study-content h3 {
margin: 0 0 10px;
font-size: 21px;
color: var(--hor-dark-slate);
font-weight: 700;
}
.hor-study-content p {
font-size: 13.5px;
color: var(--hor-text-muted);
line-height: 1.6;
margin: 0 0 16px;
}
.hor-features-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.hor-features-list li {
font-size: 13px !important;
color: #334155 !important;
margin-bottom: 8px !important;
padding-left: 20px !important;
position: relative !important;
list-style: none !important;
}
.hor-features-list li::before {
content: "✓" !important;
position: absolute !important;
left: 0 !important;
color: var(--hor-primary) !important;
font-weight: 900 !important;
}
.hor-family-alert {
max-width: 960px;
margin: 35px auto 0;
background: var(--hor-bg-soft);
border: 1px solid var(--hor-border-pink);
padding: 20px 24px;
border-radius: 20px;
display: flex;
align-items: center;
gap: 18px;
}
.hor-alert-ribbon-box {
width: 44px;
height: 44px;
border-radius: 50%;
background: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 0 3px 8px rgba(219, 39, 119, 0.15);
}
.hor-family-alert-text strong {
color: #831843;
font-size: 14px;
display: block;
margin-bottom: 4px;
}
.hor-family-alert-text p {
color: #475569;
font-size: 13px;
margin: 0;
line-height: 1.5;
} .hor-promotions-section {
padding: 60px 0 85px;
background: #FDF2F8;
position: relative;
}
.hor-promo-grid {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
max-width: 960px;
margin: 0 auto;
}
@media (min-width: 768px) {
.hor-promo-grid {
grid-template-columns: 1fr 1fr;
}
}
.hor-promo-box {
background: #FFFFFF;
border-radius: 26px;
overflow: hidden;
border: 1px solid var(--hor-border-pink);
position: relative;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.hor-promo-tag-discount {
position: absolute;
top: 14px;
right: 14px;
background: var(--hor-primary);
color: #FFFFFF;
font-size: 11px;
font-weight: 800;
padding: 5px 14px;
border-radius: 20px;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
z-index: 5;
}
.hor-promo-photo {
height: 200px;
overflow: hidden;
}
.hor-promo-photo img {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: cover !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
transition: transform 0.4s;
}
.hor-promo-box:hover .hor-promo-photo img {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: cover !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
transition: transform 0.4s;
}
.hor-promo-details {
padding: 24px;
}
.hor-promo-details h3 {
margin: 0 0 8px;
color: var(--hor-dark-slate);
font-size: 20px;
font-weight: 700;
}
.hor-promo-details p {
font-size: 13px;
color: var(--hor-text-muted);
margin: 0 0 16px;
}
.hor-discount-banner {
background: var(--hor-bg-soft);
border: 1px dashed var(--hor-border-pink);
border-radius: 16px;
padding: 16px;
text-align: center;
margin-bottom: 18px;
}
.hor-price-label {
font-size: 11px;
font-weight: 700;
color: var(--hor-text-muted);
text-transform: uppercase;
display: block;
}
.hor-big-discount {
font-size: 28px;
font-weight: 900;
color: var(--hor-primary);
display: block;
margin: 2px 0;
}
.hor-discount-banner small {
font-size: 11px;
color: #64748B;
}
.hor-btn-wa-action {
background: #25D366;
color: #FFFFFF !important;
text-decoration: none;
font-size: 13.5px;
font-weight: 700;
padding: 13px 20px;
border-radius: 16px;
text-align: center;
display: block;
transition: background 0.25s, transform 0.25s;
box-shadow: 0 4px 12px rgba(37, 211, 102, 0.25);
text-decoration: none !important;
color: #FFFFFF !important;
}
.hor-btn-wa-action:hover {
background: #1EBE5D;
transform: translateY(-1px);
} .hor-duo-package-card {
max-width: 960px;
margin: 35px auto 0;
background: linear-gradient(135deg, #BE185D 0%, #9D174D 100%);
color: #FFFFFF;
padding: 30px 34px;
border-radius: 26px;
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
box-shadow: 0 12px 35px rgba(190, 24, 93, 0.35);
}
@media (min-width: 768px) {
.hor-duo-package-card {
flex-direction: row;
justify-content: space-between;
}
}
.hor-duo-badge {
display: inline-flex;
align-items: center;
gap: 6px;
background: rgba(255, 255, 255, 0.2);
font-size: 11px;
font-weight: 700;
padding: 4px 12px;
border-radius: 20px;
margin-bottom: 8px;
text-transform: uppercase;
}
.hor-duo-info h3 {
color: #FFFFFF;
font-size: 22px;
margin: 6px 0;
font-weight: 700;
}
.hor-duo-info p {
color: #FCE7F3;
font-size: 13.5px;
margin: 0;
max-width: 580px;
}
.hor-btn-duo-consultar {
background: #FFFFFF;
color: var(--hor-primary) !important;
font-weight: 800;
font-size: 13.5px;
padding: 13px 26px;
border-radius: 30px;
text-decoration: none;
white-space: nowrap;
box-shadow: 0 4px 15px rgba(0,0,0,0.15);
transition: all 0.25s;
text-decoration: none !important;
color: var(--hor-primary) !important;
}
.hor-btn-duo-consultar:hover {
background: #FFF5F8;
transform: translateY(-2px);
} .hor-raffle-section {
padding: 85px 0;
background: #FFFFFF;
width: 100% !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
}
.hor-raffle-grid {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
align-items: center;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.hor-raffle-grid > * {
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.hor-raffle-text-col,
.hor-raffle-form-col {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
@media (min-width: 992px) {
.hor-raffle-grid {
grid-template-columns: 1.05fr 0.95fr;
}
}
.hor-raffle-text-col h2 {
font-family: var(--hor-font-serif);
font-size: 34px;
color: var(--hor-dark-slate);
margin: 10px 0 16px;
font-weight: 700;
}
.hor-title-accent {
color: var(--hor-primary);
font-style: italic;
}
.hor-raffle-lead {
font-size: 16px;
color: var(--hor-text-muted);
line-height: 1.65;
margin-bottom: 20px;
}
.hor-raffle-trust-badge {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
background: #FFF5F8 !important;
border: 1px solid #FBCFE8 !important;
border-radius: 30px !important;
padding: 8px 16px !important;
margin-bottom: 24px !important;
font-size: 13px !important;
color: #9D174D !important;
box-shadow: 0 2px 8px rgba(219, 39, 119, 0.08) !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.hor-trust-pulse {
width: 8px !important;
height: 8px !important;
border-radius: 50% !important;
background: #10B981 !important;
box-shadow: 0 0 0 rgba(16, 185, 129, 0.6) !important;
animation: horTrustPulseAnim 2s infinite !important;
flex-shrink: 0 !important;
display: inline-block !important;
}
@keyframes horTrustPulseAnim {
0% {
box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
}
70% {
box-shadow: 0 0 0 7px rgba(16, 185, 129, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
}
}
.hor-perks-stack {
display: flex;
flex-direction: column;
gap: 18px;
}
.hor-perk-card {
display: flex;
gap: 15px;
}
.hor-perk-icon-wrap {
width: 44px;
height: 44px;
border-radius: 14px;
background: var(--hor-bg-soft);
border: 1px solid var(--hor-border-pink);
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
flex-shrink: 0;
}
.hor-perk-card strong {
display: block;
color: var(--hor-dark-slate);
font-size: 14px;
margin-bottom: 3px;
}
.hor-perk-card p {
font-size: 13px;
color: var(--hor-text-muted);
margin: 0;
} .hor-form-card {
background: #FFFFFF;
border-radius: 28px;
padding: 34px 26px;
box-shadow: 0 16px 45px rgba(219, 39, 119, 0.09);
border: 1px solid var(--hor-border-pink);
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
@media (min-width: 576px) {
.hor-form-card {
padding: 40px 34px;
}
}
.hor-form-header {
text-align: center;
margin-bottom: 24px;
}
.hor-form-ribbon-badge-wrap {
display: flex !important;
justify-content: center !important;
align-items: center !important;
margin-bottom: 14px !important;
}
.hor-ribbon-badge-circle {
width: 62px !important;
height: 62px !important;
border-radius: 50% !important;
background: linear-gradient(135deg, #FFF0F6 0%, #FDF2F8 100%) !important;
border: 2px solid #FBCFE8 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: 0 4px 14px rgba(219, 39, 119, 0.18), inset 0 1px 2px rgba(255, 255, 255, 0.8) !important;
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.hor-ribbon-badge-circle:hover {
transform: scale(1.08) rotate(-3deg) !important;
box-shadow: 0 6px 20px rgba(219, 39, 119, 0.28) !important;
}
.hor-cancer-ribbon-svg {
width: auto !important;
height: 44px !important;
max-height: 46px !important;
object-fit: contain !important;
display: block !important;
}
.hor-cancer-ribbon-pill {
width: auto !important;
height: 18px !important;
max-height: 20px !important;
display: inline-block !important;
vertical-align: middle !important;
object-fit: contain !important;
filter: drop-shadow(0 1px 2px rgba(219, 39, 119, 0.3)) !important;
}
.hor-cancer-ribbon-badge-svg {
width: auto !important;
height: 26px !important;
max-height: 28px !important;
display: inline-block !important;
vertical-align: middle !important;
object-fit: contain !important;
filter: drop-shadow(0 2px 4px rgba(219, 39, 119, 0.4)) !important;
}
.hor-form-title {
font-size: 21px;
font-weight: 800;
color: var(--hor-dark-slate);
margin: 0 0 5px;
}
.hor-form-subtitle {
font-size: 12.5px;
color: var(--hor-text-muted);
margin: 0;
}
.hor-field-group {
margin-bottom: 16px;
}
.hor-field-group label {
display: block;
font-size: 11px;
font-weight: 700;
color: #334155;
margin-bottom: 5px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.hor-input-wrapper {
position: relative;
display: flex;
align-items: center;
}
.hor-input-wrapper .hor-icon {
position: absolute;
left: 12px;
font-size: 16px;
pointer-events: none;
}
.hor-input-wrapper input,
.hor-input-wrapper select {
width: 100% !important;
height: 48px !important;
padding: 12px 14px 12px 38px !important;
border: 1px solid #CBD5E1 !important;
border-radius: 12px !important;
font-size: 14px !important;
font-family: var(--hor-font-sans) !important;
color: #1E293B !important;
background: #FFFFFF !important;
transition: all 0.2s;
outline: none !important;
box-shadow: none !important;
display: block !important;
margin: 0 !important;
}
.hor-input-wrapper input:focus,
.hor-input-wrapper select:focus {
border-color: var(--hor-primary);
box-shadow: 0 0 0 3px rgba(219, 39, 119, 0.15);
}
.hor-hint {
display: block;
font-size: 11px;
color: var(--hor-text-muted);
margin-top: 4px;
}
.hor-advice-box {
margin-top: 8px;
padding: 10px 14px;
border-radius: 10px;
font-size: 12px;
line-height: 1.5;
}
.hor-advice-young {
background: #EFF6FF;
border: 1px solid #BFDBFE;
color: #1E40AF;
}
.hor-advice-mid {
background: #FEF3C7;
border: 1px solid #FDE68A;
color: #92400E;
}
.hor-advice-ideal {
background: #ECFDF5;
border: 1px solid #A7F3D0;
color: #065F46;
}
.hor-radio-group {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.hor-radio-card {
border: 1px solid #CBD5E1;
padding: 10px 12px;
border-radius: 10px;
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
font-size: 12px;
font-weight: 600;
width: 100% !important;
box-sizing: border-box !important;
min-width: 0 !important;
}
.hor-radio-card span {
word-break: break-word !important;
overflow-wrap: break-word !important;
}
.hor-radio-card input {
accent-color: var(--hor-primary);
flex-shrink: 0 !important;
}
.hor-terms-label {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 11px !important;
text-transform: none !important;
font-weight: normal !important;
color: var(--hor-text-muted) !important;
cursor: pointer;
width: 100% !important;
box-sizing: border-box !important;
}
.hor-terms-label input {
margin-top: 2px;
accent-color: var(--hor-primary);
flex-shrink: 0 !important;
}
.hor-btn-primary {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
background: linear-gradient(135deg, #DB2777 0%, #BE185D 100%);
color: #FFFFFF !important;
border: none;
padding: 15px 20px;
font-size: 14.5px;
font-weight: 800;
border-radius: 14px;
cursor: pointer;
transition: all 0.3s;
box-shadow: 0 4px 16px rgba(219, 39, 119, 0.32);
margin-top: 10px;
white-space: normal !important;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
text-align: center !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1.35 !important;
}
.hor-btn-primary .hor-btn-text {
white-space: normal !important;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
display: inline-block !important;
text-align: center !important;
width: 100% !important;
}
.hor-btn-primary:hover {
box-shadow: 0 6px 22px rgba(219, 39, 119, 0.48);
transform: translateY(-1px);
}
.hor-btn-primary:disabled {
opacity: 0.65;
cursor: not-allowed;
transform: none;
}
.hor-disclaimer {
text-align: center;
font-size: 11px;
color: #94A3B8;
margin: 10px 0 0;
}
.hor-alert-error {
background: #FEE2E2;
color: #991B1B;
padding: 10px 14px;
border-radius: 10px;
font-size: 12.5px;
margin-bottom: 12px;
} .hor-success-box {
text-align: center;
padding: 20px 0;
}
.hor-success-icon {
font-size: 44px;
}
.hor-success-badge {
color: var(--hor-primary);
font-weight: 800;
font-size: 12px;
text-transform: uppercase;
}
.hor-success-title {
font-size: 21px;
font-weight: 800;
color: var(--hor-dark-slate);
margin: 6px 0;
}
.hor-success-desc {
font-size: 12.5px;
color: var(--hor-text-muted);
margin-bottom: 18px;
}
.hor-ticket-card {
background: var(--hor-bg-soft);
border: 2px dashed var(--hor-primary);
border-radius: 18px;
padding: 20px;
max-width: 290px;
margin: 0 auto 18px;
}
.hor-ticket-label {
font-size: 10.5px;
font-weight: 800;
color: var(--hor-primary);
text-transform: uppercase;
display: block;
}
.hor-ticket-number {
font-family: monospace;
font-size: 28px;
font-weight: 900;
color: var(--hor-dark-slate);
margin: 4px 0;
}
.hor-ticket-note {
font-size: 10.5px;
color: #94A3B8;
display: block;
}
.hor-success-actions {
display: flex;
flex-direction: column;
gap: 8px;
}
.hor-btn-whatsapp {
background: #25D366;
color: white !important;
text-decoration: none;
font-weight: 700;
font-size: 13px;
padding: 12px 18px;
border-radius: 12px;
display: block;
}
.hor-btn-secondary {
background: #F1F5F9;
color: #475569;
border: none;
font-weight: 700;
font-size: 12px;
padding: 12px 18px;
border-radius: 12px;
cursor: pointer;
} .hor-selfcheck-section {
padding: 75px 0;
background: #FFF9FB;
border-top: 1px solid var(--hor-border-pink);
}
.hor-steps-flex {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
@media (min-width: 576px) {
.hor-steps-flex {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 992px) {
.hor-steps-flex {
grid-template-columns: repeat(4, 1fr);
}
}
.hor-step-item {
background: #FFFFFF;
padding: 26px 20px;
border-radius: 20px;
border: 1px solid var(--hor-border-pink);
text-align: center;
box-shadow: 0 4px 15px rgba(0,0,0,0.02);
}
.hor-step-badge-num {
width: 42px;
height: 42px;
background: var(--hor-bg-light);
color: var(--hor-primary);
font-weight: 800;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 12px;
font-size: 16px;
border: 1px solid var(--hor-border-pink);
}
.hor-step-item h4 {
margin: 0 0 6px;
color: var(--hor-dark-slate);
font-size: 15px;
}
.hor-step-item p {
font-size: 12.5px;
color: var(--hor-text-muted);
margin: 0;
line-height: 1.55;
} .hor-faq-section {
padding: 80px 0;
background: #FFFFFF;
}
.hor-faq-container {
max-width: 800px;
}
.hor-faq-accordion {
display: flex;
flex-direction: column;
gap: 14px;
}
.hor-faq-entry {
background: #F8FAFC;
border: 1px solid #E2E8F0;
border-radius: 16px;
padding: 18px 22px;
cursor: pointer;
transition: all 0.2s;
}
.hor-faq-entry:hover {
border-color: var(--hor-border-pink);
background: #FFFDFE;
}
.hor-faq-entry summary {
font-weight: 700;
color: var(--hor-dark-slate);
font-size: 15px;
outline: none;
}
.hor-faq-entry p {
font-size: 13.5px;
color: var(--hor-text-muted);
margin: 10px 0 0;
line-height: 1.6;
} .hor-hospital-footer {
background: #0B1120;
color: #94A3B8;
padding: 70px 0 25px;
border-top: 4px solid var(--hor-primary);
}
.hor-footer-grid {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
margin-bottom: 50px;
}
@media (min-width: 768px) {
.hor-footer-grid {
grid-template-columns: 1.4fr 0.8fr 1fr 0.8fr;
}
}
.hor-footer-logo-row {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 16px;
}
.hor-footer-logo-img {
height: 42px !important;
max-height: 42px !important;
min-height: 42px !important;
width: auto !important;
max-width: 240px !important;
object-fit: contain !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
filter: brightness(0) invert(1) !important;
}
.hor-footer-ribbon {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
min-height: 32px !important;
max-width: 32px !important;
max-height: 32px !important;
border-radius: 50% !important;
object-fit: cover !important;
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
flex-shrink: 0 !important;
}
.hor-footer-desc {
font-size: 13px;
line-height: 1.65;
color: #94A3B8;
margin: 0 0 20px;
}
.hor-footer-status {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
color: #CBD5E1;
}
.hor-pulse-indicator {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #10B981;
box-shadow: 0 0 8px #10B981;
display: inline-block;
}
.hor-footer-heading {
color: #FFFFFF;
font-size: 14px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 0 18px;
}
.hor-footer-links {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.hor-footer-links li {
margin-bottom: 10px !important;
list-style: none !important;
padding: 0 !important;
}
.hor-footer-links a {
color: #94A3B8;
text-decoration: none;
font-size: 13px;
transition: color 0.2s;
}
.hor-footer-links a:hover {
color: var(--hor-secondary);
}
.hor-footer-contact-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.hor-footer-contact-list li {
display: flex !important;
gap: 10px !important;
font-size: 13px !important;
margin-bottom: 12px !important;
line-height: 1.5 !important;
list-style: none !important;
padding: 0 !important;
}
.hor-footer-contact-list a {
color: #22C55E;
text-decoration: none;
font-weight: 700;
}
.hor-footer-small-text {
font-size: 12px;
color: #94A3B8;
margin: 0 0 14px;
}
.hor-footer-socials {
display: flex;
gap: 10px;
}
.hor-social-btn {
background: #1E293B;
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
font-weight: 700;
padding: 8px 14px;
border-radius: 8px;
transition: all 0.2s;
}
.hor-social-btn:hover {
background: var(--hor-primary);
}
.hor-footer-bottom {
border-top: 1px solid #1E293B;
padding-top: 25px;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
font-size: 12px;
color: #64748B;
text-align: center;
}
@media (min-width: 768px) {
.hor-footer-bottom {
flex-direction: row;
justify-content: space-between;
text-align: left;
}
}
.hor-footer-legal-links {
display: flex;
gap: 10px;
}
.hor-footer-legal-links a {
color: #64748B;
text-decoration: none;
}
.hor-footer-legal-links a:hover {
color: #CBD5E1;
} .hor-mobile-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.98);
backdrop-filter: blur(12px);
border-top: 1px solid var(--hor-border-pink);
padding: 10px 14px;
display: flex;
gap: 10px;
z-index: 9999;
box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.08);
}
@media (min-width: 768px) {
.hor-mobile-bar {
display: none;
}
}
.hor-mobile-wa {
flex: 1;
background: linear-gradient(135deg, #16A34A 0%, #15803D 100%);
color: #FFFFFF !important;
text-decoration: none;
font-size: 12.5px;
font-weight: 800;
padding: 12px 10px;
border-radius: 12px;
text-align: center;
box-shadow: 0 2px 8px rgba(22, 163, 74, 0.35);
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.hor-mobile-sorteo {
flex: 1;
background: linear-gradient(135deg, #DB2777 0%, #BE185D 100%);
color: #FFFFFF !important;
text-decoration: none;
font-size: 12px;
font-weight: 800;
padding: 12px 10px;
border-radius: 12px;
text-align: center;
box-shadow: 0 2px 8px rgba(219, 39, 119, 0.3);
} .hor-timer-glow {
background: rgba(255, 255, 255, 0.2) !important;
padding: 2px 8px !important;
border-radius: 12px !important;
letter-spacing: 0.5px !important;
font-weight: 800 !important;
color: #FFFFFF !important;
text-shadow: 0 0 8px rgba(255,255,255,0.4) !important;
display: inline-block !important;
}
.hor-nav-links {
display: none;
align-items: center;
gap: 22px;
}
@media (min-width: 992px) {
.hor-nav-links {
display: flex;
}
}
.hor-nav-item {
color: #334155 !important;
font-size: 13.5px !important;
font-weight: 700 !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
}
.hor-nav-item:hover {
color: var(--hor-primary) !important;
} .hor-slide {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out !important;
display: flex !important;
align-items: center !important;
z-index: 1 !important;
}
.hor-slide.hor-slide-active {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
z-index: 2 !important;
}
.hor-slide-title {
font-family: var(--hor-font-serif) !important;
font-size: 26px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
color: #FFFFFF !important;
margin: 0 0 14px !important;
text-shadow: 0 2px 10px rgba(0,0,0,0.4) !important;
}
@media (min-width: 768px) {
.hor-slide-title {
font-size: 42px !important;
line-height: 1.2 !important;
}
}
.hor-slide-desc {
font-size: 14.5px !important;
color: #F8FAFC !important;
line-height: 1.6 !important;
margin-bottom: 22px !important;
text-shadow: 0 1px 4px rgba(0,0,0,0.4) !important;
}
@media (max-width: 640px) {
.hor-btn-hide-mobile {
display: none !important;
}
.hor-slideshow-container {
height: 470px !important;
}
} .hor-hospital-footer {
background: #0A0F1D !important;
color: #FFFFFF !important;
padding: 70px 0 25px !important;
border-top: 4px solid transparent !important;
border-image: linear-gradient(90deg, #9D174D, #DB2777, #F472B6) 1 !important;
}
.hor-footer-heading {
color: #FFFFFF !important;
font-size: 15px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
margin: 0 0 18px !important;
}
.hor-footer-desc {
font-size: 13.5px !important;
line-height: 1.65 !important;
color: #F1F5F9 !important;
margin: 0 0 18px !important;
}
.hor-footer-links a {
color: #FFFFFF !important;
text-decoration: none !important;
font-size: 13.5px !important;
transition: all 0.2s ease !important;
display: inline-block !important;
}
.hor-footer-links a:hover {
color: #F472B6 !important;
transform: translateX(4px) !important;
}
.hor-footer-contact-list li {
color: #FFFFFF !important;
font-size: 13.5px !important;
display: flex !important;
gap: 10px !important;
margin-bottom: 12px !important;
align-items: center !important;
}
.hor-footer-ico {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
border-radius: 50% !important;
background: rgba(255, 255, 255, 0.12) !important;
border: 1px solid rgba(255, 255, 255, 0.22) !important;
color: #FFFFFF !important;
flex-shrink: 0 !important;
transition: all 0.25s ease !important;
}
.hor-footer-contact-list li:hover .hor-footer-ico {
background: #DB2777 !important;
border-color: #F472B6 !important;
transform: scale(1.12) !important;
box-shadow: 0 0 10px rgba(219, 39, 119, 0.5) !important;
}
.hor-footer-wa-link {
color: #4ADE80 !important;
font-weight: 700 !important;
text-decoration: none !important;
transition: all 0.2s !important;
}
.hor-footer-wa-link:hover {
color: #86EFAC !important;
text-decoration: underline !important;
}
.hor-footer-small-text {
color: #FFFFFF !important;
font-size: 13px !important;
margin: 0 0 14px !important;
opacity: 0.95 !important;
}
.hor-footer-socials {
display: flex !important;
gap: 12px !important;
flex-wrap: wrap !important;
}
.hor-social-card {
background: rgba(255, 255, 255, 0.12) !important;
border: 1px solid rgba(255, 255, 255, 0.25) !important;
color: #FFFFFF !important;
text-decoration: none !important;
font-size: 13px !important;
font-weight: 700 !important;
padding: 10px 18px !important;
border-radius: 30px !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
transition: all 0.25s ease !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
}
.hor-social-card:hover {
background: linear-gradient(135deg, #DB2777 0%, #BE185D 100%) !important;
border-color: #DB2777 !important;
color: #FFFFFF !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(219, 39, 119, 0.45) !important;
}
.hor-social-card span {
color: #FFFFFF !important;
}
.hor-footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
padding-top: 25px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 12px !important;
font-size: 12.5px !important;
color: #FFFFFF !important;
}
.hor-footer-bottom p {
color: #FFFFFF !important;
margin: 0 !important;
text-align: center !important;
font-weight: 500 !important;
}
.hor-footer-legal-links {
display: flex !important;
gap: 12px !important;
align-items: center !important;
flex-wrap: wrap !important;
justify-content: center !important;
}
.hor-footer-legal-links a {
color: #FFFFFF !important;
text-decoration: none !important;
font-weight: 600 !important;
transition: color 0.2s !important;
}
.hor-footer-legal-links a:hover {
color: #F472B6 !important;
text-decoration: underline !important;
}
.hor-sep {
color: rgba(255, 255, 255, 0.5) !important;
} .hor-live-toast {
position: fixed !important;
bottom: 85px !important;
left: 20px !important;
background: rgba(15, 23, 42, 0.94) !important;
backdrop-filter: blur(12px) !important;
border: 1px solid rgba(251, 207, 232, 0.35) !important;
border-radius: 18px !important;
padding: 12px 16px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
z-index: 9990 !important;
max-width: 320px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
color: #FFFFFF !important;
transform: translateY(120%) !important;
opacity: 0 !important;
visibility: hidden !important;
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease, visibility 0.4s !important;
}
.hor-live-toast.hor-toast-visible {
transform: translateY(0) !important;
opacity: 1 !important;
visibility: visible !important;
}
.hor-toast-avatar {
font-size: 24px !important;
width: 40px !important;
height: 40px !important;
background: rgba(219, 39, 119, 0.25) !important;
border: 1px solid rgba(244, 114, 182, 0.4) !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
}
.hor-toast-body {
flex: 1 !important;
}
.hor-toast-title {
font-size: 13px !important;
font-weight: 700 !important;
color: #FFFFFF !important;
line-height: 1.3 !important;
}
.hor-toast-sub {
font-size: 11.5px !important;
color: #E2E8F0 !important;
line-height: 1.3 !important;
margin-top: 2px !important;
}
.hor-toast-sub strong {
color: #F472B6 !important;
}
.hor-toast-time {
font-size: 10.5px !important;
color: #94A3B8 !important;
display: flex !important;
align-items: center !important;
gap: 5px !important;
margin-top: 3px !important;
}
.hor-toast-dot {
width: 6px !important;
height: 6px !important;
border-radius: 50% !important;
background: #10B981 !important;
box-shadow: 0 0 6px #10B981 !important;
display: inline-block !important;
}
.hor-toast-close {
background: transparent !important;
border: none !important;
color: #94A3B8 !important;
font-size: 18px !important;
cursor: pointer !important;
padding: 0 0 0 6px !important;
line-height: 1 !important;
transition: color 0.2s !important;
}
.hor-toast-close:hover {
color: #FFFFFF !important;
}
@media (max-width: 640px) {
.hor-live-toast {
left: 12px !important;
right: 12px !important;
max-width: calc(100% - 24px) !important;
bottom: 75px !important;
}
} .hor-oct19-countdown-section {
background: linear-gradient(135deg, #FFF5F8 0%, #FDF2F8 50%, #FCE7F3 100%) !important;
padding: 35px 0 45px !important;
position: relative !important;
border-bottom: 1px solid rgba(251, 207, 232, 0.8) !important;
}
.hor-oct19-card {
background: #FFFFFF !important;
border: 2px solid #FBCFE8 !important;
border-radius: 24px !important;
padding: 32px 36px !important;
box-shadow: 0 15px 40px rgba(219, 39, 119, 0.1) !important;
position: relative !important;
overflow: hidden !important;
}
.hor-oct19-card::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 5px !important;
background: linear-gradient(90deg, #DB2777 0%, #F59E0B 50%, #DB2777 100%) !important;
}
.hor-oct19-badge {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
background: #FFF1F6 !important;
border: 1px solid #F472B6 !important;
border-radius: 30px !important;
padding: 6px 14px !important;
font-size: 11.5px !important;
font-weight: 800 !important;
color: #9D174D !important;
letter-spacing: 0.6px !important;
text-transform: uppercase !important;
margin-bottom: 20px !important;
}
.hor-oct19-grid {
display: grid !important;
grid-template-columns: 1.15fr 0.85fr !important;
gap: 32px !important;
align-items: center !important;
}
.hor-oct19-info {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
}
.hor-oct19-title {
font-family: var(--hor-font-serif) !important;
font-size: 28px !important;
font-weight: 700 !important;
color: #831843 !important;
line-height: 1.25 !important;
margin: 0 !important;
}
.hor-oct19-desc {
font-size: 15px !important;
color: #475569 !important;
line-height: 1.6 !important;
margin: 0 !important;
}
.hor-oct19-badges-row {
display: flex !important;
gap: 10px !important;
flex-wrap: wrap !important;
margin-top: 4px !important;
}
.hor-oct19-pill {
background: #FDF2F8 !important;
color: #9D174D !important;
border: 1px solid #FBCFE8 !important;
border-radius: 20px !important;
padding: 6px 12px !important;
font-size: 12px !important;
font-weight: 700 !important;
display: inline-flex !important;
align-items: center !important;
}
.hor-oct19-pill-gold {
background: #FEF3C7 !important;
color: #92400E !important;
border-color: #FDE68A !important;
}
.hor-oct19-timer-col {
background: linear-gradient(135deg, #FFF1F6 0%, #FFFFFF 100%) !important;
border: 1.5px solid #FBCFE8 !important;
border-radius: 20px !important;
padding: 22px 20px !important;
text-align: center !important;
box-shadow: 0 8px 24px rgba(219, 39, 119, 0.08) !important;
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
}
.hor-timer-legend {
font-size: 11.5px !important;
font-weight: 800 !important;
letter-spacing: 1.4px !important;
color: #9D174D !important;
text-transform: uppercase !important;
}
.hor-timer-grid {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
}
.hor-timer-box {
background: #FFFFFF !important;
border: 2px solid #F472B6 !important;
border-radius: 12px !important;
padding: 8px 10px !important;
min-width: 62px !important;
text-align: center !important;
box-shadow: 0 4px 12px rgba(219, 39, 119, 0.12) !important;
}
.hor-t-num {
font-family: var(--hor-font-sans) !important;
font-size: 26px !important;
font-weight: 900 !important;
color: #9D174D !important;
line-height: 1 !important;
display: block !important;
font-variant-numeric: tabular-nums !important;
}
.hor-t-label {
font-size: 9.5px !important;
font-weight: 800 !important;
color: #BE185D !important;
letter-spacing: 0.8px !important;
display: block !important;
margin-top: 4px !important;
}
.hor-t-colon {
font-size: 22px !important;
font-weight: 900 !important;
color: #DB2777 !important;
margin-top: -8px !important;
}
.hor-btn-oct19-cta {
background: linear-gradient(135deg, #DB2777 0%, #BE185D 100%) !important;
color: #FFFFFF !important;
font-size: 14px !important;
font-weight: 800 !important;
padding: 12px 18px !important;
border-radius: 30px !important;
text-decoration: none !important;
display: block !important;
text-align: center !important;
box-shadow: 0 6px 20px rgba(219, 39, 119, 0.35) !important;
transition: all 0.25s ease !important;
}
.hor-btn-oct19-cta:hover {
transform: translateY(-2px) !important;
box-shadow: 0 10px 25px rgba(219, 39, 119, 0.5) !important;
color: #FFFFFF !important;
} .hor-form-deadline-badge {
background: linear-gradient(135deg, #FFF1F6 0%, #FDF2F8 100%) !important;
border: 1.5px solid #FBCFE8 !important;
border-radius: 14px !important;
padding: 12px 14px !important;
margin-bottom: 20px !important;
text-align: center !important;
}
.hor-fd-header {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
font-size: 13px !important;
color: #9D174D !important;
}
.hor-fd-pulse {
width: 8px !important;
height: 8px !important;
border-radius: 50% !important;
background: #DB2777 !important;
box-shadow: 0 0 8px #DB2777 !important;
animation: horPulse 1.8s infinite !important;
display: inline-block !important;
}
.hor-fd-timer-row {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
margin: 8px 0 6px !important;
}
.hor-fd-item {
background: #FFFFFF !important;
border: 1px solid #F472B6 !important;
border-radius: 8px !important;
padding: 4px 8px !important;
min-width: 44px !important;
text-align: center !important;
}
.hor-fd-val {
font-size: 16px !important;
font-weight: 800 !important;
color: #9D174D !important;
line-height: 1 !important;
display: block !important;
font-variant-numeric: tabular-nums !important;
}
.hor-fd-lbl {
font-size: 9px !important;
font-weight: 700 !important;
color: #BE185D !important;
display: block !important;
}
.hor-fd-sep {
font-size: 16px !important;
font-weight: 800 !important;
color: #DB2777 !important;
margin-top: -4px !important;
}
.hor-fd-announcement {
font-size: 11px !important;
color: #64748B !important;
font-weight: 600 !important;
margin-top: 4px !important;
} .hor-deadline-closed-banner {
background: linear-gradient(135deg, #FEF2F2 0%, #FFF1F2 100%) !important;
border: 2px solid #FECDD3 !important;
border-radius: 16px !important;
padding: 24px 20px !important;
text-align: center !important;
margin-bottom: 22px !important;
}
.hor-closed-icon {
font-size: 34px !important;
margin-bottom: 6px !important;
}
.hor-closed-title {
font-size: 18px !important;
font-weight: 800 !important;
color: #9F1239 !important;
margin: 0 0 8px !important;
}
.hor-closed-desc {
font-size: 13.5px !important;
color: #881337 !important;
line-height: 1.55 !important;
margin: 0 0 16px !important;
}
.hor-closed-actions {
display: flex !important;
gap: 10px !important;
justify-content: center !important;
flex-wrap: wrap !important;
}
.hor-btn-closed-fb {
background: #1877F2 !important;
color: #FFFFFF !important;
padding: 10px 18px !important;
border-radius: 25px !important;
font-weight: 700 !important;
font-size: 13px !important;
text-decoration: none !important;
transition: transform 0.2s ease !important;
}
.hor-btn-closed-fb:hover {
transform: translateY(-2px) !important;
color: #FFFFFF !important;
}
.hor-btn-closed-ig {
background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
color: #FFFFFF !important;
padding: 10px 18px !important;
border-radius: 25px !important;
font-weight: 700 !important;
font-size: 13px !important;
text-decoration: none !important;
transition: transform 0.2s ease !important;
}
.hor-btn-closed-ig:hover {
transform: translateY(-2px) !important;
color: #FFFFFF !important;
} @media (max-width: 768px) {
.hor-oct19-grid {
grid-template-columns: 1fr !important;
gap: 20px !important;
}
.hor-oct19-card {
padding: 22px 18px !important;
}
.hor-oct19-title {
font-size: 22px !important;
}
.hor-timer-box {
min-width: 52px !important;
padding: 6px 6px !important;
}
.hor-t-num {
font-size: 21px !important;
}
.hor-t-label {
font-size: 8.5px !important;
} .hor-raffle-section {
padding: 40px 15px 50px !important;
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
}
.hor-raffle-grid {
grid-template-columns: 1fr !important;
gap: 32px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
justify-items: center !important;
box-sizing: border-box !important;
}
.hor-raffle-grid > * {
min-width: 0 !important;
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box !important;
} .hor-raffle-text-col {
width: 100% !important;
max-width: 520px !important;
margin: 0 auto !important;
padding: 0 !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
box-sizing: border-box !important;
}
.hor-raffle-text-col .hor-pill-tag {
margin: 0 auto 12px !important;
display: inline-flex !important;
justify-content: center !important;
}
.hor-raffle-text-col h2 {
font-size: 24px !important;
line-height: 1.25 !important;
text-align: center !important;
margin: 0 0 12px !important;
width: 100% !important;
}
.hor-raffle-lead {
font-size: 14.5px !important;
line-height: 1.6 !important;
text-align: center !important;
margin: 0 auto 18px !important;
max-width: 100% !important;
padding: 0 4px !important;
} .hor-raffle-trust-badge {
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: left !important;
margin: 0 auto 22px !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
border-radius: 16px !important;
padding: 10px 14px !important;
font-size: 12px !important;
line-height: 1.45 !important;
gap: 10px !important;
}
.hor-raffle-trust-badge span:last-child {
word-break: break-word !important;
overflow-wrap: break-word !important;
} .hor-perks-stack {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
gap: 12px !important;
text-align: left !important;
box-sizing: border-box !important;
}
.hor-perk-card {
background: #FFF9FA !important;
border: 1px solid #FBCFE8 !important;
border-radius: 16px !important;
padding: 12px 14px !important;
gap: 12px !important;
align-items: flex-start !important;
box-sizing: border-box !important;
width: 100% !important;
box-shadow: 0 2px 8px rgba(219, 39, 119, 0.04) !important;
}
.hor-perk-icon-wrap {
width: 38px !important;
height: 38px !important;
font-size: 18px !important;
border-radius: 10px !important;
flex-shrink: 0 !important;
}
.hor-perk-card strong {
font-size: 13.5px !important;
margin-bottom: 2px !important;
}
.hor-perk-card p {
font-size: 12.5px !important;
line-height: 1.45 !important;
} .hor-raffle-form-col {
width: 100% !important;
max-width: 500px !important;
margin: 0 auto !important;
padding: 0 !important;
box-sizing: border-box !important;
}
.hor-form-card {
padding: 24px 16px !important;
border-radius: 22px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
box-sizing: border-box !important;
overflow: hidden !important;
box-shadow: 0 10px 30px rgba(219, 39, 119, 0.08) !important;
}
.hor-form-header {
margin-bottom: 18px !important;
}
.hor-form-title {
font-size: 19px !important;
line-height: 1.25 !important;
text-align: center !important;
margin-bottom: 4px !important;
}
.hor-form-subtitle {
font-size: 12px !important;
text-align: center !important;
padding: 0 4px !important;
} .hor-form-deadline-badge {
padding: 10px 8px !important;
margin-bottom: 16px !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
border-radius: 12px !important;
}
.hor-fd-header {
flex-wrap: wrap !important;
gap: 6px !important;
font-size: 11.5px !important;
line-height: 1.35 !important;
justify-content: center !important;
text-align: center !important;
}
.hor-fd-title {
display: inline-block !important;
word-break: break-word !important;
text-align: center !important;
}
.hor-fd-timer-row {
gap: 4px !important;
margin: 6px 0 !important;
justify-content: center !important;
width: 100% !important;
}
.hor-fd-item {
min-width: 36px !important;
padding: 3px 5px !important;
border-radius: 6px !important;
}
.hor-fd-val {
font-size: 15px !important;
}
.hor-fd-lbl {
font-size: 8px !important;
}
.hor-fd-sep {
font-size: 13px !important;
margin: 0 1px !important;
}
.hor-fd-announcement {
font-size: 10px !important;
} .hor-field-group {
margin-bottom: 14px !important;
width: 100% !important;
box-sizing: border-box !important;
}
.hor-field-group label {
font-size: 10.5px !important;
margin-bottom: 4px !important;
}
.hor-input-wrapper {
width: 100% !important;
box-sizing: border-box !important;
}
.hor-input-wrapper input,
.hor-input-wrapper select {
width: 100% !important;
max-width: 100% !important;
height: 46px !important;
font-size: 13.5px !important;
padding-left: 36px !important;
padding-right: 12px !important;
box-sizing: border-box !important;
} .hor-radio-group {
grid-template-columns: 1fr !important;
gap: 8px !important;
width: 100% !important;
box-sizing: border-box !important;
}
.hor-radio-card {
width: 100% !important;
padding: 11px 14px !important;
box-sizing: border-box !important;
font-size: 12.5px !important;
border-radius: 10px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
}
.hor-radio-card span {
word-break: break-word !important;
} .hor-terms-label {
font-size: 11px !important;
line-height: 1.45 !important;
width: 100% !important;
box-sizing: border-box !important;
} .hor-btn-primary {
padding: 14px 12px !important;
font-size: 13.5px !important;
border-radius: 12px !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
white-space: normal !important;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
line-height: 1.35 !important;
text-align: center !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.hor-btn-primary .hor-btn-text {
white-space: normal !important;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
display: inline-block !important;
text-align: center !important;
width: 100% !important;
} .hor-ticket-card {
padding: 16px 12px !important;
max-width: 100% !important;
border-radius: 14px !important;
}
.hor-ticket-number {
font-size: 24px !important;
}
}
.hor-form-container {
width: 100% !important;
max-width: 580px !important;
margin: 0 auto !important;
box-sizing: border-box !important;
padding: 0 15px !important;
}