@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(https://camasarticuladas10.com/wp-content/themes/adn-theme/fonts/inter-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} .adn-icon {
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
flex-shrink: 0;
}
.adn-icon svg {
width: 1em;
height: 1em;
fill: currentColor;
} .glass-nav {
background: rgba(255, 255, 255, 0.8);
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
}
.adn-header-sticky {
position: sticky;
top: 0;
z-index: 50;
background: rgba(255, 255, 255, 0.85);
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
} .text-balance {
text-wrap: balance;
} .hero-glow-right {
background: linear-gradient(to left, rgba(0, 103, 125, 0.2), transparent);
}
.hero-blob {
filter: blur(48px);
background: rgba(0, 103, 125, 0.1);
border-radius: 50%;
} @keyframes adn-pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.5; }
}
.adn-pulse {
animation: adn-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
} .pricing-glass {
background: rgba(255, 255, 255, 0.05);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.pricing-featured {
border: 2px solid #eec068;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
transform: scale(1.05);
position: relative;
z-index: 20;
} .timeline-connector {
position: absolute;
top: 3rem;
left: 12.5%;
right: 12.5%;
height: 2px;
background-color: #e1e3e4;
z-index: 0;
}
@media (max-width: 767px) {
.timeline-connector {
display: none;
}
} .step-circle {
width: 6rem;
height: 6rem;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
border: 4px solid #ffffff;
position: relative;
z-index: 10;
}
.step-circle-default {
background-color: #f3f4f5;
}
.step-circle-active {
background-color: #00677d;
box-shadow: 0 10px 25px rgba(0, 103, 125, 0.3);
}
.step-circle-active .adn-icon {
color: #ffffff;
} .service-card:hover .service-icon {
background-color: #00677d;
color: #ffffff;
}
.service-card:hover {
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
} .star-filled {
color: #eec068;
} .adn-faq-item summary {
list-style: none;
cursor: pointer;
}
.adn-faq-item summary::-webkit-details-marker {
display: none;
}
.adn-faq-item[open] summary .faq-chevron {
transform: rotate(180deg);
}
.faq-chevron {
transition: transform 0.2s ease;
} .cta-gradient {
background: linear-gradient(135deg, #00677d 0%, #0A1628 100%);
} .whatsapp-float {
position: fixed;
bottom: 2rem;
right: 2rem;
z-index: 100;
display: flex;
align-items: center;
}
.whatsapp-float .whatsapp-tooltip {
position: absolute;
right: 100%;
margin-right: 1rem;
background: #ffffff;
padding: 0.5rem 1rem;
border-radius: 0.5rem;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
opacity: 0;
transition: opacity 0.3s ease;
white-space: nowrap;
font-size: 0.875rem;
font-weight: 700;
color: #0A1628;
}
.whatsapp-float:hover .whatsapp-tooltip {
opacity: 1;
}
.whatsapp-tooltip-arrow {
position: absolute;
top: 50%;
right: -4px;
transform: translateY(-50%) rotate(45deg);
width: 8px;
height: 8px;
background: #ffffff;
}
.whatsapp-btn {
width: 4rem;
height: 4rem;
background-color: #25D366;
color: #ffffff;
border-radius: 50%;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.2s ease;
text-decoration: none;
}
.whatsapp-btn:hover {
transform: scale(1.1);
}
.whatsapp-btn:active {
transform: scale(0.95);
}
.whatsapp-btn svg {
width: 2rem;
height: 2rem;
fill: currentColor;
} .deco-circle {
border-radius: 50%;
pointer-events: none;
position: absolute;
} .trust-logos {
filter: grayscale(100%);
opacity: 0.6;
} .adn-btn-primary {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background-color: #00677d;
color: #ffffff;
padding: 1rem 2.5rem;
border-radius: 0.75rem;
font-size: 1.125rem;
font-weight: 700;
text-decoration: none;
border: none;
cursor: pointer;
transition: all 0.2s ease;
box-shadow: 0 20px 25px -5px rgba(0, 103, 125, 0.2);
}
.adn-btn-primary:hover {
transform: scale(1.05);
color: #ffffff;
}
.adn-btn-outline {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.2);
color: #ffffff;
padding: 1rem 2.5rem;
border-radius: 0.75rem;
font-size: 1.125rem;
font-weight: 700;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease;
}
.adn-btn-outline:hover {
background: rgba(255, 255, 255, 0.05);
color: #ffffff;
}
.adn-btn-small {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background-color: #00677d;
color: #ffffff;
padding: 0.625rem 1.5rem;
border-radius: 0.75rem;
font-size: 0.875rem;
font-weight: 700;
text-decoration: none;
border: none;
cursor: pointer;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
transition: all 0.2s ease;
}
.adn-btn-small:hover {
opacity: 0.9;
color: #ffffff;
} @media (max-width: 767px) {
.adn-hide-mobile {
display: none !important;
}
.pricing-featured {
transform: scale(1);
}
}
@media (min-width: 768px) {
.adn-hide-desktop {
display: none !important;
}
} .adn-link-arrow {
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: #00677d;
font-weight: 600;
font-size: 0.875rem;
text-decoration: none;
transition: transform 0.2s ease;
}
.adn-link-arrow:hover {
transform: translateX(4px);
color: #00677d;
} .social-icon {
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.1);
display: flex;
align-items: center;
justify-content: center;
color: inherit;
text-decoration: none;
transition: all 0.2s ease;
}
.social-icon:hover {
background-color: #00677d;
color: #ffffff;
}