:root {
--green-dark:    #1a5c35;
--green-main:    #2a7a4b;
--green-light:   #3aad6a;
--green-accent:  #4cbb7a;
--green-bg:      #eef7f2;
--white:         #ffffff;
--gray-light:    #f4f6f5;
--gray-mid:      #e2e8e4;
--gray-text:     #5a6b62;
--text-dark:     #1a2620;
--text-body:     #3d4d45; --font-heading: 'Sora', sans-serif;
--font-body: 'Inter', sans-serif;
--radius:        12px;
--radius-lg:     20px;
--shadow:        0 4px 24px rgba(26,92,53,0.10);
--shadow-lg:     0 8px 48px rgba(26,92,53,0.16);
--transition:    0.3s cubic-bezier(.4,0,.2,1);
} *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
font-family: var(--font-body);
color: var(--text-body);
background: var(--white);
line-height: 1.65;
-webkit-font-smoothing: antialiased; letter-spacing: 0.2px;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; }
button { cursor: pointer; border: none; background: none; font-family: inherit; } h1, h2, h3, h4, h5, h6 {
font-family: var(--font-heading);
color: var(--text-dark);
line-height: 1.25;
}
h1 { font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 700; }
h2 { font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 700; }
h3 { font-size: clamp(1.1rem, 2vw, 1.4rem); font-weight: 600; }
p { margin-bottom: 1rem; } .container {
max-width: 1160px;
margin: 0 auto;
padding: 0 24px;
}
.section { padding: 80px 0; }
.section--gray { background: var(--gray-light); }
.section__header { text-align: center; margin-bottom: 56px; }
.section__header h2 span { color: var(--green-main); }
.section__header p { color: var(--gray-text); font-size: 1.05rem; margin-top: 8px; } .btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 14px 28px;
border-radius: 50px;
font-size: 1rem;
font-weight: 600;
font-family: var(--font-body);
transition: var(--transition);
white-space: nowrap;
}
.btn--primary {
background: var(--green-dark);
color: var(--white);
box-shadow: 0 4px 16px rgba(26,92,53,0.25);
}
.btn--primary:hover {
background: var(--green-main);
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(26,92,53,0.30);
}
.btn--outline {
background: var(--white);
color: var(--text-dark);
border: 2px solid var(--gray-mid);
}
.btn--outline:hover {
border-color: var(--green-main);
color: var(--green-main);
transform: translateY(-2px);
}
.btn--white {
background: var(--white);
color: var(--green-dark);
font-weight: 700;
}
.btn--white:hover {
background: var(--green-bg);
transform: translateY(-2px);
}
.btn--whatsapp {
background: #25D366;
color: var(--white);
font-size: 1.05rem;
padding: 16px 32px;
}
.btn--whatsapp:hover { background: #1eb855; transform: translateY(-2px); } .site-header {
position: sticky;
top: 0;
z-index: 1000;
background: var(--white);
box-shadow: 0 2px 16px rgba(0,0,0,0.07);
will-change: box-shadow;
transform: translateZ(0);
transition: box-shadow 0.3s ease;
}
.site-header.scrolled {
box-shadow: 0 2px 12px rgba(0,0,0,0.10);
}
.nav-inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 0;
transition: padding 0.3s ease;
}
.site-header.scrolled .nav-inner {
padding: 6px 0;
}
.nav-logo img {
max-height: 44px;
width: auto;
transform-origin: left center;
transition: transform 0.3s ease;
}
.site-header.scrolled .nav-logo img {
transform: scale(0.7);
}
.nav-logo {
display: flex;
align-items: center;
gap: 12px;
font-family: var(--font-heading);
font-size: 1.3rem;
font-weight: 700;
color: var(--text-dark);
letter-spacing: 0.5px;
}
.nav-logo svg { width: 40px; height: 40px; }
.nav-menu {
display: flex;
align-items: center;
gap: 8px;
}
.nav-menu a {
padding: 8px 16px;
border-radius: 8px;
font-size: 0.97rem;
font-weight: 500;
color: var(--text-body);
transition: var(--transition);
position: relative;
}
.nav-menu a:hover,
.nav-menu a.active {
color: var(--green-main);
}
.nav-menu a.active::after {
content: '';
position: absolute;
bottom: 0; left: 16px; right: 16px;
height: 2px;
background: var(--green-main);
border-radius: 2px;
}
.nav-phone {
background: var(--green-dark);
color: var(--white) !important;
padding: 10px 20px !important;
border-radius: 50px !important;
font-weight: 600 !important;
display: flex;
align-items: center;
gap: 6px;
}
.nav-phone:hover { background: var(--green-main) !important; }
.nav-phone::after { display: none !important; } .nav-toggle {
display: none;
flex-direction: column;
gap: 5px;
padding: 8px;
cursor: pointer;
}
.nav-toggle span {
display: block;
width: 24px;
height: 2px;
background: var(--text-dark);
border-radius: 2px;
transition: var(--transition);
} .hero {
position: relative;
min-height: 520px;
display: flex;
align-items: center;
overflow: hidden;
background: linear-gradient(135deg, #e8f4ed 0%, #dff0e7 100%);
}
.hero-bg {
position: absolute;
inset: 0;
z-index: 0;
}
.hero-bg img {
width: 100%; height: 100%;
object-fit: cover;
object-position: center top;
}
.hero-bg::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
to right,
rgba(232,244,237,0.97) 0%,
rgba(232,244,237,0.92) 38%,
rgba(232,244,237,0.55) 58%,
rgba(232,244,237,0.0) 75%
);
} .hero > .container {
width: 100%;
max-width: 1160px;
padding: 0 24px;
margin: 0 auto;
display: flex;
justify-content: flex-start;
}
.hero-content {
position: relative;
z-index: 2;
width: 48%;
max-width: 520px;
padding: 88px 0;
}
.hero-content h1 {
margin-bottom: 20px;
color: var(--text-dark);
font-size: clamp(1.9rem, 3.5vw, 3rem);
}
.hero-content h1 strong { color: var(--green-dark); font-style: italic; }
.hero-content p {
font-size: 1.05rem;
color: var(--gray-text);
margin-bottom: 36px;
max-width: 400px;
}
.hero-actions { display: flex; gap: 16px; flex-wrap: wrap; } .services-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.service-card {
background: var(--white);
border: 1.5px solid var(--gray-mid);
border-radius: var(--radius-lg);
padding: 36px 24px;
text-align: center;
cursor: default;
}
.service-card__icon {
width: 64px;
height: 64px;
margin: 0 auto 20px;
color: var(--green-main);
}
.service-card__icon svg { width: 64px; height: 64px; }
.service-card h3 { margin-bottom: 12px; font-size: 1.1rem; font-family: var(--font-heading); }
.service-card p { font-size: 0.93rem; color: var(--gray-text); margin: 0; line-height: 1.6; font-family: var(--font-body); } .brands-section {
padding: 56px 0;
background: var(--white);
border-top: 1px solid var(--gray-mid);
}
.brands-section .section__header {
margin-bottom: 40px;
}
.brands-section .section__header h3 {
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--gray-text);
font-family: var(--font-body);
}
.brands-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
align-items: center;
}
@media (max-width: 768px) {
.brands-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
}
@media (max-width: 400px) {
.brands-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
.brand-item { padding: 13px 11px; min-height: 58px; }
.brand-item img { max-height: 25px; max-width: 81px; }
}
.brand-item {
display: flex;
align-items: center;
justify-content: center;
padding: 18px 22px;
border: 1.5px solid var(--gray-mid);
border-radius: var(--radius);
background: var(--white);
min-height: 72px;
cursor: default;
}
.brand-item img {
max-height: 32px;
max-width: 108px;
width: auto;
object-fit: contain;
filter: none;
opacity: 1;
}
.brand-item span {
font-family: var(--font-heading);
font-weight: 700;
font-size: 1rem;
color: var(--gray-text);
letter-spacing: 0.5px;
} .wg-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
.wg-item {
position: relative;
border-radius: var(--radius);
overflow: hidden;
aspect-ratio: 4/3;
background: var(--green-bg);
cursor: default;
}
.wg-item img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
display: block;
}
.wg-item:hover img { transform: scale(1.07); }
.wg-item__overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(26,92,53,0.80) 0%, transparent 55%);
opacity: 0;
transition: var(--transition);
display: flex;
align-items: flex-end;
padding: 16px;
}
.wg-item:hover .wg-item__overlay { opacity: 1; }
.wg-item__overlay span { color: var(--white); font-weight: 600; font-size: 0.9rem; }
.wg-empty {
grid-column: 1/-1;
text-align: center;
padding: 48px 32px;
background: var(--green-bg);
border-radius: var(--radius-lg);
border: 2px dashed var(--green-accent);
color: var(--green-dark);
}
.wg-empty svg { margin: 0 auto 16px; color: var(--green-main); }
.wg-empty p { color: var(--gray-text); font-size: .9rem; margin: 0; }
.wg-empty code { background: white; padding: 2px 8px; border-radius: 4px; } .how-steps {
display: flex;
align-items: stretch;
justify-content: center;
gap: 0;
max-width: 860px;
margin: 0 auto;
}
.how-step {
flex: 1;
text-align: center;
padding: 32px 24px;
background: var(--white);
border-radius: var(--radius-lg);
border: 1.5px solid var(--gray-mid);
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.how-step__num {
position: absolute;
top: -14px;
left: 50%;
transform: translateX(-50%);
width: 28px; height: 28px;
background: var(--green-dark);
color: var(--white);
border-radius: 50%;
font-size: 0.8rem;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
}
.how-step__icon {
width: 56px; height: 56px;
background: var(--green-bg);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 8px auto 16px;
color: var(--green-main);
}
.how-step h3 { font-size: 1rem; margin-bottom: 8px; }
.how-step p  { font-size: .88rem; color: var(--gray-text); margin: 0; line-height: 1.6; }
.how-step__arrow {
font-size: 1.5rem;
color: var(--green-accent);
padding: 0 8px;
margin-top: 60px;
flex-shrink: 0;
} .works-section { padding: 80px 0; }
.works-inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: start;
}
.works-text h2 { margin-bottom: 12px; }
.works-text > p { color: var(--gray-text); margin-bottom: 40px; }
.steps { display: flex; flex-direction: column; gap: 0; }
.step {
display: flex;
gap: 20px;
align-items: flex-start;
padding-bottom: 32px;
position: relative;
}
.step:not(:last-child)::after {
content: '';
position: absolute;
left: 18px; top: 44px; bottom: 0;
width: 2px;
background: var(--green-bg);
}
.step__num {
flex-shrink: 0;
width: 36px; height: 36px;
border-radius: 50%;
background: var(--green-dark);
color: var(--white);
font-weight: 700;
font-size: 0.95rem;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
}
.step__body h3 { font-size: 1.05rem; margin-bottom: 4px; }
.step__body p { color: var(--gray-text); font-size: 0.93rem; margin: 0; }
.works-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
.works-gallery img {
width: 100%;
aspect-ratio: 1;
object-fit: cover;
border-radius: var(--radius);
transition: var(--transition);
}
.works-gallery img:hover { transform: scale(1.04); box-shadow: var(--shadow); }
.works-gallery-cta { grid-column: 1/-1; text-align: center; margin-top: 16px; } .bottom-section {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
background: var(--white);
}
.instagram-block { padding: 60px; }
.instagram-block h2 { margin-bottom: 8px; }
.instagram-block h2 span { color: var(--green-main); }
.instagram-block > p { color: var(--gray-text); font-size: 0.93rem; margin-bottom: 24px; }
.instagram-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
}
.instagram-grid img {
width: 100%; aspect-ratio: 1;
object-fit: cover;
border-radius: 8px;
transition: var(--transition);
}
.instagram-grid img:hover { opacity: 0.85; transform: scale(1.05); }
.cta-block {
background: var(--green-dark);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 60px;
text-align: center;
}
.cta-block h2 { color: var(--white); margin-bottom: 16px; font-size: clamp(1.4rem, 2.5vw, 2rem); }
.cta-block p { color: rgba(255,255,255,0.8); margin-bottom: 32px; } .site-footer {
background: #142b1e;
color: rgba(255,255,255,0.75);
padding: 64px 0 32px;
}
.footer-grid {
display: grid;
grid-template-columns: 1.6fr 1.2fr 1.2fr;
gap: 56px;
margin-bottom: 48px;
padding-bottom: 48px;
border-bottom: 1px solid rgba(255,255,255,0.08);
}
.footer-col h4 {
color: var(--white);
font-family: var(--font-body);
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 16px;
}
.footer-col p { font-size: 0.9rem; line-height: 1.75; color: rgba(255,255,255,0.6); }
.footer-col ul { display: flex; flex-direction: column; gap: 8px; }
.footer-col ul a {
font-size: 0.9rem;
color: rgba(255,255,255,0.65);
transition: color 0.2s;
}
.footer-col ul a:hover { color: var(--green-accent); } .footer-col--brand { padding-right: 16px; }
.footer-logo {
margin-bottom: 16px;
}
.footer-logo img { max-height: 72px; width: auto; } .footer-social { display: flex; gap: 12px; margin-top: 20px; }
.footer-social a {
width: 36px; height: 36px;
border-radius: 8px;
background: rgba(255,255,255,0.08);
display: flex; align-items: center; justify-content: center;
color: rgba(255,255,255,0.65);
transition: var(--transition);
}
.footer-social a:hover { background: var(--green-main); color: white; } .footer-loc-badge {
display: inline-flex;
align-items: center;
gap: 5px;
background: rgba(74,187,122,0.15);
color: var(--green-accent);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.8px;
padding: 3px 10px;
border-radius: 20px;
margin-bottom: 10px;
} .footer-contact-list { display: flex; flex-direction: column; gap: 10px !important; }
.footer-contact-list li {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 0.88rem;
color: rgba(255,255,255,0.65);
line-height: 1.6;
}
.footer-contact-list li svg {
flex-shrink: 0;
margin-top: 3px;
color: var(--green-accent);
}
.footer-contact-list li a {
color: rgba(255,255,255,0.65);
font-size: 0.88rem;
}
.footer-contact-list li a:hover { color: var(--green-accent); }
.footer-contact-list li em {
font-style: normal;
font-size: 0.78rem;
color: rgba(255,255,255,0.35);
} .footer-bottom {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 0.82rem;
color: rgba(255,255,255,0.35);
flex-wrap: wrap;
gap: 8px;
}
.footer-legal {
display: flex;
gap: 20px;
}
.footer-legal a {
color: rgba(255,255,255,0.45);
font-size: 0.82rem;
transition: color .2s;
text-decoration: underline;
text-underline-offset: 3px;
}
.footer-legal a:hover { color: var(--green-accent); } @media (max-width: 900px) {
.footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
.footer-col--brand { grid-column: 1 / -1; }
}
@media (max-width: 520px) {
.footer-grid { grid-template-columns: 1fr; gap: 32px; }
.footer-col--brand { grid-column: auto; }
} .page-hero {
background: linear-gradient(135deg, var(--green-dark), var(--green-main));
color: var(--white);
padding: 80px 0;
text-align: center;
}
.page-hero h1 { color: var(--white); margin-bottom: 16px; }
.page-hero p { color: rgba(255,255,255,0.85); font-size: 1.1rem; max-width: 560px; margin: 0 auto; }
.services-full { padding: 80px 0; }
.services-full-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}
.service-full-card {
background: var(--white);
border: 1.5px solid var(--gray-mid);
border-radius: var(--radius-lg);
overflow: hidden;
transition: var(--transition);
}
.service-full-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-4px); }
.service-full-card__img {
width: 100%; height: 200px;
object-fit: cover;
background: var(--green-bg);
display: flex;
align-items: center;
justify-content: center;
font-size: 64px;
}
.service-full-card__body { padding: 28px; }
.service-full-card__body h3 { margin-bottom: 12px; }
.service-full-card__body p { color: var(--gray-text); font-size: 0.95rem; margin: 0; }
.service-full-card__icon-wrap {
height: 200px;
background: var(--green-bg);
display: flex;
align-items: center;
justify-content: center;
}
.service-full-card__icon-wrap svg { width: 80px; height: 80px; color: var(--green-main); } .portfolio-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
padding: 60px 0;
}
.portfolio-item {
position: relative;
border-radius: var(--radius);
overflow: hidden;
aspect-ratio: 4/3;
cursor: pointer;
background: var(--gray-mid);
}
.portfolio-item img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.portfolio-item:hover img { transform: scale(1.08); }
.portfolio-item__overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(26,92,53,0.85) 0%, transparent 60%);
opacity: 0;
transition: var(--transition);
display: flex;
align-items: flex-end;
padding: 20px;
}
.portfolio-item:hover .portfolio-item__overlay { opacity: 1; }
.portfolio-item__overlay span { color: var(--white); font-weight: 600; font-size: 0.95rem; }
.portfolio-placeholder {
width: 100%; height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
background: var(--green-bg);
color: var(--green-main);
font-size: 0.9rem;
}
.portfolio-placeholder svg { width: 40px; height: 40px; opacity: 0.5; } .assistencia-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: start;
padding: 80px 0;
}
.contact-form {
background: var(--white);
border: 1.5px solid var(--gray-mid);
border-radius: var(--radius-lg);
padding: 40px;
}
.contact-form h2 { margin-bottom: 8px; }
.contact-form > p { color: var(--gray-text); margin-bottom: 32px; }
.form-group { margin-bottom: 20px; }
.form-group label {
display: block;
font-size: 0.9rem;
font-weight: 600;
color: var(--text-dark);
margin-bottom: 6px;
}
.form-group input,
.form-group select,
.form-group textarea {
width: 100%;
padding: 12px 16px;
border: 1.5px solid var(--gray-mid);
border-radius: var(--radius);
font-family: var(--font-body);
font-size: 0.97rem;
color: var(--text-dark);
background: var(--white);
transition: var(--transition);
outline: none;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
border-color: var(--green-main);
box-shadow: 0 0 0 3px rgba(42,122,75,0.12);
}
.form-group input.field-error,
.form-group select.field-error,
.form-group textarea.field-error {
border-color: #e53e3e;
box-shadow: 0 0 0 3px rgba(229,62,62,0.12);
background: #fff8f8;
}
.field-error-msg {
display: block;
font-size: 0.78rem;
color: #e53e3e;
margin-top: 4px;
font-weight: 600;
}
@keyframes spin { to { transform: rotate(360deg); } }
.form-group textarea { resize: vertical; min-height: 120px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.contact-sidebar { display: flex; flex-direction: column; gap: 24px; }
.contact-info-card {
background: var(--white);
border: 1.5px solid var(--gray-mid);
border-radius: var(--radius-lg);
padding: 28px;
}
.contact-info-card h3 { margin-bottom: 20px; font-size: 1.1rem; }
.contact-item {
display: flex;
gap: 16px;
align-items: flex-start;
margin-bottom: 16px;
}
.contact-item:last-child { margin-bottom: 0; }
.contact-item svg {
width: 20px; height: 20px;
color: var(--green-main);
flex-shrink: 0;
margin-top: 2px;
}
.contact-item strong { display: block; font-size: 0.85rem; color: var(--gray-text); }
.contact-item span { display: block; font-size: 0.97rem; color: var(--text-dark); line-height: 1.7; }
.whatsapp-card {
background: linear-gradient(135deg, #1a5c35, #2a7a4b);
border-radius: var(--radius-lg);
padding: 28px;
text-align: center;
color: var(--white);
}
.whatsapp-card h3 { color: var(--white); margin-bottom: 8px; }
.whatsapp-card p { color: rgba(255,255,255,0.8); font-size: 0.93rem; margin-bottom: 20px; } .assistencia-section { padding: 60px 0 40px; }
.locations-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px;
}
.location-card {
background: var(--white);
border: 1.5px solid var(--gray-mid);
border-radius: var(--radius-lg);
overflow: hidden;
}
.location-card__map {
width: 100%;
height: 220px;
background: var(--gray-mid);
}
.location-card__map iframe {
width: 100%;
height: 100%;
display: block;
}
.location-card__body { padding: 24px; }
.location-card__badge {
display: inline-flex;
align-items: center;
background: var(--green-dark);
color: white;
font-size: 10px;
font-weight: 700;
letter-spacing: 1.5px;
padding: 3px 10px;
border-radius: 20px;
margin-bottom: 10px;
}
.location-card__body h3 { font-size: 1.1rem; margin-bottom: 16px; }
.location-info { display: flex; flex-direction: column; gap: 10px; }
.location-info li {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 0.9rem;
color: var(--text-body);
line-height: 1.6;
}
.location-info li svg { flex-shrink: 0; margin-top: 3px; color: var(--green-main); }
.location-info li a { color: var(--text-dark); transition: color .2s; }
.location-info li a:hover { color: var(--green-main); }
.location-info li em { font-style: normal; font-size: .8rem; color: var(--gray-text); margin-left: 4px; }
@media (max-width: 768px) {
.locations-grid { grid-template-columns: 1fr; }
.assistencia-grid { grid-template-columns: 1fr; gap: 32px; }
} .loja-soon {
min-height: 60vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 80px 0;
}
.loja-soon__icon { font-size: 80px; margin-bottom: 24px; }
.loja-soon h2 { margin-bottom: 16px; }
.loja-soon p { color: var(--gray-text); max-width: 480px; margin: 0 auto 32px; } .lightbox-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0,0,0,0.9);
z-index: 9999;
align-items: center;
justify-content: center;
}
.lightbox-overlay.active { display: flex; }
.lightbox-img {
max-width: 90vw;
max-height: 85vh;
border-radius: var(--radius);
box-shadow: 0 24px 80px rgba(0,0,0,0.5);
}
.lightbox-close {
position: absolute;
top: 24px; right: 32px;
color: white;
font-size: 2rem;
cursor: pointer;
line-height: 1;
} .notification {
position: fixed;
top: 80px; right: 24px;
background: var(--green-dark);
color: white;
padding: 16px 24px;
border-radius: var(--radius);
box-shadow: var(--shadow-lg);
z-index: 9999;
font-weight: 600;
transform: translateX(150%);
transition: transform 0.4s cubic-bezier(.4,0,.2,1);
}
.notification.show { transform: translateX(0); } @media (max-width: 1024px) {
.services-grid { grid-template-columns: repeat(2, 1fr); }
.works-inner { grid-template-columns: 1fr; gap: 40px; }
.bottom-section { grid-template-columns: 1fr; }
.cta-block { padding: 60px 40px; }
.footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
.assistencia-grid { grid-template-columns: 1fr; gap: 40px; }
.services-full-grid { grid-template-columns: 1fr; }
}
@media (min-width: 1025px) {
.nav-menu,
.nav-menu.open {
display: flex !important;
flex-direction: row !important;
position: static !important;
width: auto !important;
background: none !important;
box-shadow: none !important;
padding: 0 !important;
}
.nav-toggle { display: none !important; }
}
@media (max-width: 1024px) {
.nav-menu { display: none; flex-direction: column; width: 100%; gap: 4px; }
.nav-menu.open {
display: flex;
position: absolute;
top: 72px; left: 0; right: 0;
background: var(--white);
padding: 16px 24px;
box-shadow: 0 8px 24px rgba(0,0,0,0.1);
z-index: 100;
}
.nav-toggle { display: flex; }
.nav-inner { position: relative; }
.hero { min-height: 420px; }
.wg-grid { grid-template-columns: repeat(2, 1fr); }
.how-steps { flex-direction: column; align-items: stretch; gap: 24px; }
.how-step__arrow { display: none; }
.brands-grid { grid-template-columns: repeat(2, 1fr); }
.portfolio-grid { grid-template-columns: repeat(2, 1fr); }
.instagram-grid { grid-template-columns: repeat(4, 1fr); }
.instagram-block { padding: 40px 24px; }
.footer-grid { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
.hero { flex-direction: column; min-height: auto; }
.hero > .container { justify-content: flex-start; }
.hero-content { width: 100%; max-width: 100%; padding: 40px 0 280px; }
.hero-bg::after {
background: linear-gradient(
to bottom,
rgba(232,244,237,0.95) 0%,
rgba(232,244,237,0.85) 55%,
rgba(232,244,237,0.1) 100%
);
}
.services-grid { grid-template-columns: 1fr; }
.portfolio-grid { grid-template-columns: 1fr; }
.works-gallery { grid-template-columns: repeat(3, 1fr); }
.contact-form { padding: 24px; }
.form-row { grid-template-columns: 1fr; }
.instagram-grid { grid-template-columns: repeat(2, 1fr); }
} .page-content { max-width: 860px; }
.page-content h2 { margin: 32px 0 12px; font-size: 1.4rem; }
.page-content h3 { margin: 24px 0 8px; font-size: 1.1rem; }
.page-content p  { margin-bottom: 16px; line-height: 1.75; color: var(--text-body); }
.page-content ul, .page-content ol { padding-left: 24px; margin-bottom: 16px; }
.page-content li { margin-bottom: 6px; line-height: 1.7; color: var(--text-body); }
.page-content a  { color: var(--green-main); text-decoration: underline; }
.page-content a:hover { color: var(--green-dark); }
.page-content table { width: 100%; border-collapse: collapse; margin-bottom: 24px; font-size: .93rem; }
.page-content th, .page-content td { padding: 10px 14px; border: 1px solid var(--gray-mid); text-align: left; }
.page-content th { background: var(--green-bg); font-weight: 700; } @keyframes fadeUp {
from { opacity: 0; transform: translateY(24px); }
to   { opacity: 1; transform: translateY(0); }
}
.animate-up {
opacity: 0;
animation: fadeUp 0.6s ease forwards;
}
.animate-up:nth-child(1) { animation-delay: 0.1s; }
.animate-up:nth-child(2) { animation-delay: 0.2s; }
.animate-up:nth-child(3) { animation-delay: 0.3s; }
.animate-up:nth-child(4) { animation-delay: 0.4s; } .reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; }
.reveal.visible { opacity: 1; transform: none; } .premium-legal {
max-width: 900px;
margin: 0 auto;
padding: 60px 20px;
font-size: 15.5px;
line-height: 1.75;
} .legal-header {
text-align: center;
margin-bottom: 50px;
}
.legal-header h1 {
font-size: 34px;
margin-bottom: 15px;
color: var(--green-accent);
}
.legal-header p {
max-width: 600px;
margin: 0 auto;
opacity: 0.8;
} .premium-legal section {
margin-bottom: 35px;
} .premium-legal h2 {
font-size: 20px;
margin-bottom: 10px;
color: #1f2f2a;
font-weight: 600;
} .premium-legal p {
margin-bottom: 12px;
color: rgba(0,0,0,0.75);
} .premium-legal ul {
margin-left: 20px;
margin-top: 10px;
}
.premium-legal li {
margin-bottom: 6px;
} .premium-legal a {
color: var(--green-accent);
font-weight: 500;
text-decoration: none;
}
.premium-legal a:hover {
text-decoration: underline;
} .legal-highlight {
background: #f5f7f6;
padding: 25px;
border-radius: 12px;
margin-top: 40px;
}
.legal-email a {
font-size: 18px;
font-weight: 600;
} @media (max-width: 768px) {
.legal-header h1 {
font-size: 26px;
}
}.alice-carousel .animated {
animation-fill-mode: both;
}
.alice-carousel .animated-out {
z-index: 1;
}
.alice-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
visibility: hidden;
}
}
.alice-carousel {
position: relative;
width: 100%;
margin: auto;
direction: ltr;
}
.alice-carousel__wrapper {
position: relative;
overflow-x: hidden;
overflow-y: hidden;
box-sizing: border-box;
width: 100%;
height: auto;
}
.alice-carousel__stage {
position: relative;
box-sizing: border-box;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
white-space: nowrap;
transform-style: flat;
-webkit-transform-style: flat;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.alice-carousel__stage-item {
position: relative;
display: inline-block;
padding: 0;
margin: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
vertical-align: top;
white-space: normal;
line-height: 0;
}
.alice-carousel__stage-item * {
line-height: initial;
}
.alice-carousel__stage-item.__hidden {
opacity: 0;
overflow: hidden;
}
.alice-carousel__prev-btn,
.alice-carousel__next-btn {
display: inline-block;
box-sizing: border-box;
width: 50%;
padding: 10px 5px;
}
.alice-carousel__prev-btn [data-area]::after,
.alice-carousel__next-btn [data-area]::after {
position: relative;
content: attr(data-area);
text-transform: capitalize;
}
.alice-carousel__prev-btn {
text-align: right;
}
.alice-carousel__prev-btn-item,
.alice-carousel__next-btn-item {
display: inline-block;
cursor: pointer;
padding: 5px;
margin: 0;
color: #465798;
}
.alice-carousel__prev-btn-item:hover,
.alice-carousel__next-btn-item:hover {
color: darkred;
}
.alice-carousel__prev-btn-item.__inactive,
.alice-carousel__next-btn-item.__inactive {
opacity: 0.4;
pointer-events: none;
}
.alice-carousel__play-btn {
position: absolute;
top: 30px;
left: 20px;
display: inline-block;
}
.alice-carousel__play-btn:hover {
cursor: pointer;
}
.alice-carousel__play-btn-wrapper {
position: relative;
width: 32px;
height: 32px;
padding: 10px;
border-radius: 50%;
background-color: #fff;
}
.alice-carousel__play-btn-item {
position: absolute;
width: 32px;
height: 32px;
cursor: pointer;
border: 0;
outline: none;
background: transparent;
}
.alice-carousel__play-btn-item::before, .alice-carousel__play-btn-item::after {
position: absolute;
pointer-events: none;
display: block;
width: 0;
height: 0;
content: "";
transition: all 0.4s linear;
border-width: 8px 0 8px 15px;
border-style: solid;
border-color: transparent;
border-left-color: #465798;
}
.alice-carousel__play-btn-item::before {
left: 5px;
height: 14px;
}
.alice-carousel__play-btn-item::after {
top: 7px;
left: 18px;
}
.alice-carousel__play-btn-item.__pause::before, .alice-carousel__play-btn-item.__pause::after {
height: 30px;
border-width: 0 0 0 10px;
}
.alice-carousel__play-btn-item.__pause::after {
top: 0;
left: 18px;
}
.alice-carousel__dots {
margin: 30px 3px 5px;
padding: 0;
list-style: none;
text-align: center;
}
.alice-carousel__dots > li {
display: inline-block;
}
.alice-carousel__dots-item:not(.__custom) {
width: 8px;
height: 8px;
cursor: pointer;
border-radius: 50%;
background-color: #e0e4fb;
}
.alice-carousel__dots-item:not(.__custom):not(:last-child) {
margin-right: 20px;
}
.alice-carousel__dots-item:not(.__custom):hover, .alice-carousel__dots-item:not(.__custom).__active {
background-color: #6e7ebc;
}
.alice-carousel__slide-info {
position: absolute;
top: 20px;
right: 20px;
display: inline-block;
padding: 5px 10px;
color: #465798;
border-radius: 5px;
background-color: rgba(224, 228, 251, 0.6);
}
.alice-carousel__slide-info-item {
vertical-align: middle;
line-height: 0;
}.layout__fill-parent{top:0;bottom:0;left:0;right:0}.layout__flex-box{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:stretch;box-sizing:border-box}.layout__no-overflow{overflow:hidden}.layout__scroll-x{overflow-x:auto;overflow-y:hidden}.layout__scroll-y{overflow-x:hidden;overflow-y:auto}.layout__overflow-x{overflow-x:visible;overflow-y:hidden}.layout__overflow-y{overflow-x:hidden;overflow-y:visible}.layout__text-overflow-ellipsis{text-overflow:ellipsis;overflow:hidden}.layout__flex-row{display:flex;flex-direction:row}.layout__flex-column{display:flex;flex-direction:column}.layout__flex-center{align-items:center;justify-content:center}.layout__z-medium{z-index:100}.layout__z-lower{z-index:-100}.layout__z-low{z-index:0}.layout__z-high{z-index:1000}.layout__z-higher{z-index:100000}.layout__z-highest{z-index:1000000}
.DesignedButton__button{display:inline-block;padding:.8em 1.1em;border:0;border-radius:3px;text-align:center;white-space:nowrap;cursor:pointer;font-size:inherit;font-family:inherit;text-transform:none;font-weight:400;letter-spacing:normal}.DesignedButton__button,.DesignedButton__button:active,.DesignedButton__button:focus,.DesignedButton__button:hover{text-decoration:none;box-shadow:0 0 0 transparent;background:transparent;border:0;outline:0}.DesignedButton__link{display:inline-flex!important;flex-direction:column;align-items:stretch;padding:0!important;margin:0!important;border:0!important;background:transparent!important}.DesignedButton__link,.DesignedButton__link:active,.DesignedButton__link:focus,.DesignedButton__link:hover{text-decoration:none!important}.DesignedButton__link .dashicons{font-size:1.4em;width:1em;height:1em;margin-right:.2em;vertical-align:text-top}
.Square__filler{position:relative;padding-bottom:100%;box-sizing:border-box}.Square__positioner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;z-index:0}.Square__positioner>:first-child{top:0;right:0;bottom:0;left:0;flex:1}
.Skeleton__loading{position:relative;padding-bottom:100%;border-radius:2px;opacity:0;background-color:var(--sli-barely-grey);animation-name:Skeleton__fade-in;animation-duration:.8s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards;overflow:hidden}.Skeleton__error{background-color:#000}.Skeleton__error-container{position:absolute;top:0;right:0;bottom:0;left:0}.Skeleton__error-message{color:#fff;font-size:13px;line-height:1.5em;text-align:center}@keyframes Skeleton__fade-in{0%{opacity:0}to{opacity:1}}
.MasonryLayout__root{display:grid}.MasonryLayout__column,.MasonryLayout__root{justify-content:flex-start;align-items:stretch}.MasonryLayout__column{flex:1;display:flex;flex-direction:column}.MasonryLayout__column:last-of-type{margin-right:0!important}.MasonryLayout__cell{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.MasonryLayout__cell:last-of-type{margin-bottom:0!important}
.state__disabled{opacity:.45;filter:grayscale(60%);pointer-events:none;cursor:not-allowed!important}
.a11y__focus-outline.a11y__focus-visible,.a11y__focus-outline:focus-visible{outline:1px dotted var(--sli-quasi-black);outline-offset:2px}.a11y__focus-outline-2x.a11y__focus-visible,.a11y__focus-outline-2x:focus-visible{outline:2px dotted var(--sli-grey);outline-offset:4px}.FeedGridLayout__root{align-items:stretch}.FeedGridLayout__grid{display:grid;grid-auto-flow:dense}.FeedGridLayout__cell{position:relative;padding-bottom:100%}.FeedGridLayout__cell-content{position:absolute;align-items:stretch;justify-content:stretch}.FeedGridLayout__media-container{flex:1;overflow:hidden}.FeedGridLayout__media-meta{align-items:stretch}
.MediaTileCaption__root{margin-top:6px}.MediaTileCaption__preview{text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.MediaTileCaption__full{text-align:left;white-space:pre-line}
.MediaTileIcons__root{justify-content:center;margin-bottom:6px}.MediaTileIcons__icon,.MediaTileIcons__root{align-items:center}.MediaTileIcons__icon{display:flex;flex-direction:row;margin-top:6px}.MediaTileIcons__icon:not(:last-child){margin-right:10px}.MediaTileIcons__icon svg{margin-right:5px}
:root{--sli-yellow:#ffb83b;--sli-indigo:#564dd8;--sli-green:#3d8e34;--sli-cyan:#1898b2;--sli-teal:#429b93;--sli-pink:#d04186;--sli-blue:#0f69cb;--sli-gold:#ffbf00;--sli-orange:#ff9300;--sli-rouge:#d82442;--sli-pro:#dd224b;--sli-grey:#999;--sli-dark:#191e23;--sli-black:#202225;--sli-quasi-black:#202225;--sli-wp-blue:#007cba;--sli-insta-purple:#595fcd;--sli-modest-grey:#ccc;--sli-barely-grey:#eee;--sli-wp-grey:#f1f1f1;--sli-wp-bg:#f5f5f5;--sli-wp-light-grey:#f9f9f9;--sli-wp-danger:#b32d2e;--sli-primary-color:var(--wp-admin-theme-color);--sli-secondary-color:var(--sli-yellow);--sli-tertiary-color:var(--sli-pink);--sli-pro-bg-color:#dd244b;--sli-pro-fg-color:#fff;--sli-focus-color:var(--sli-wp-blue);--sli-tooltip-color:var(--sli-dark);--sli-line-color:#d3d8dc;--sli-line-color-2:#e6e7e8;--sli-shade-color:rgba(0,0,0,0.3)}.FeedHeader__root{position:relative;justify-content:space-between;font-size:inherit;flex-wrap:wrap}.FeedHeader__container,.FeedHeader__root{display:flex;flex-direction:row}.FeedHeader__left-container{flex:1;justify-content:flex-start;align-items:stretch}.FeedHeader__right-container{flex:0;justify-content:flex-end;align-items:flex-start}.FeedHeader__profile-pic{flex-shrink:0;width:$picSize;height:$picSize;margin-right:10px;border-radius:9999999px;overflow:hidden}.FeedHeader__profile-pic a{display:block;width:100%;height:100%}.FeedHeader__profile-pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.FeedHeader__profile-pic-with-stories{box-shadow:0 0 0 2px #fff,0 0 0 4px #d04186;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--sli-tertiary-color);cursor:pointer}.FeedHeader__info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:2px 0;margin-right:10px}.FeedHeader__info-row{line-height:1em;margin:2px 0}.FeedHeader__info-row:first-of-type{margin-top:5px}.FeedHeader__info-row:last-of-type{margin-bottom:5px}.FeedHeader__username{font-size:115%;font-weight:700}.FeedHeader__username a{color:currentColor;text-decoration:none}.FeedHeader__username a:active,.FeedHeader__username a:focus,.FeedHeader__username a:hover{text-decoration:underline}.FeedHeader__subtext{color:inherit}.FeedHeader__bio,.FeedHeader__subtext{padding:3px 3px 0}.FeedHeader__bio{}.FeedHeader__bio:empty{padding:0}.FeedHeader__bio p{font-size:100%;color:inherit;margin:3px 0;line-height:1.2em}.FeedHeader__counter-list{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.FeedHeader__counter{font-size:90%}.FeedHeader__counter span{font-weight:700}.FeedHeader__counter:not(:last-of-type){margin-right:10px}.FeedHeader__follow-button{justify-self:right;display:flex;flex-direction:column;justify-content:flex-start}.FeedHeader__centered-style,.FeedHeader__normal-style{}.FeedHeader__centered-style,.FeedHeader__centered-style .FeedHeader__container{flex-direction:column;align-items:center}.FeedHeader__centered-style .FeedHeader__profile-pic{margin-right:0;margin-bottom:10px}.FeedHeader__centered-style .FeedHeader__info{align-items:stretch;justify-content:flex-start;text-align:center;margin-right:0}.FeedHeader__centered-style .FeedHeader__bio{margin:0}.FeedHeader__centered-style .FeedHeader__bio p{text-align:center}.FeedHeader__centered-style .FeedHeader__counter-list{position:relative;justify-content:center;padding:0;border-top:1px solid transparent}.FeedHeader__centered-style .FeedHeader__follow-button{margin-top:10px}.FeedHeader__boxed-style{padding:0;border-radius:0;align-items:stretch;margin-bottom:1.5em}.FeedHeader__boxed-style .FeedHeader__profile-pic{display:flex;flex-direction:column;justify-content:flex-start;width:50px;height:50px;margin:0;border-radius:0;background:#000}.FeedHeader__boxed-style .FeedHeader__profile-pic img{width:auto;height:100%}.FeedHeader__boxed-style .FeedHeader__info{justify-content:center;padding:5px}.FeedHeader__boxed-style .FeedHeader__counter-list{position:absolute;top:100%;left:0}.FeedHeader__boxed-style .FeedHeader__follow-button{margin-right:6px}
.FeedProfilePic__root{flex-shrink:0;margin-right:10px;border-radius:100%;box-sizing:border-box;cursor:pointer;overflow:hidden}.FeedProfilePic__root img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.FeedProfilePic__root.FeedProfilePic__focus-visible,.FeedProfilePic__root:focus-visible{outline:1px dashed var(--sli-tertiary-color);outline-offset:7px}.FeedProfilePic__fallback{border-radius:100%}.FeedProfilePic__fallback:not(.FeedProfilePic__with-stories){border:2px solid #333}.FeedProfilePic__with-stories,.FeedProfilePic__with-stories:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--sli-tertiary-color);cursor:pointer}
.StoryLightbox__root{position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;background:rgba(0,0,0,.8);padding:10px 0}.StoryLightbox__container,.StoryLightbox__root{justify-content:flex-start;box-sizing:border-box}.StoryLightbox__container{align-items:stretch;width:60vh;max-width:100%;padding:0 50px}.StoryLightbox__header{justify-content:flex-start;align-items:center;color:#fff;font-size:14px;padding:15px 0}.StoryLightbox__profile-picture{-o-object-fit:cover;object-fit:cover;width:30px;height:30px;border-radius:99999px}.StoryLightbox__username{font-weight:700;margin:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StoryLightbox__username:link,.StoryLightbox__username:visited{color:#fff;text-decoration:none}.StoryLightbox__username:-moz-any-link{color:#fff;text-decoration:none}.StoryLightbox__username:any-link{color:#fff;text-decoration:none}.StoryLightbox__date{opacity:.8;font-size:14px}.StoryLightbox__progress{margin-bottom:10px}.StoryLightbox__progress-segment{flex:1;position:relative;height:2px;border-radius:5px;background:hsla(0,0%,100%,.35);overflow:hidden}.StoryLightbox__progress-segment:not(:last-of-type){margin-right:3px}.StoryLightbox__progress-overlay{position:absolute;top:0;bottom:0;left:0;width:0;background:#fff}.StoryLightbox__content{flex:1;position:relative}.StoryLightbox__media{width:100%;max-height:100%}.StoryLightbox__media img,.StoryLightbox__media video{width:100%;-o-object-fit:contain;object-fit:contain}.StoryLightbox__button{color:#fff;opacity:.8;cursor:pointer;text-align:center}.StoryLightbox__button:hover{opacity:1}.StoryLightbox__button.StoryLightbox__focus-visible,.StoryLightbox__button:focus-visible{outline:1px dotted var(--sli-modest-grey);outline-offset:3px}.StoryLightbox__close-button{position:absolute;top:0;right:-40px;color:hsla(0,0%,100%,.75)}.StoryLightbox__close-button svg{width:40px;height:40px}.StoryLightbox__nav-button{position:absolute;top:50%;margin-top:-20px;padding:5px;width:22px;height:22px;color:rgba(0,0,0,.75);background:hsla(0,0%,100%,.75);border-radius:999999px}.StoryLightbox__prev-button{left:-40px}.StoryLightbox__prev-button svg{position:relative;left:-1px}.StoryLightbox__next-button{right:-40px}.StoryLightbox__next-button svg{position:relative;left:1px}@keyframes StoryLightbox__progress-segment-animation{0%{width:0}to{width:100%}}
.StoryPlayer__loading{position:absolute;visibility:hidden;pointer-events:none}.StoryPlayer__media.StoryPlayer__focus-visible,.StoryPlayer__media:focus-visible{outline:1px dotted var(--sli-modest-grey);outline-offset:3px}
.FeedLayout__root{box-sizing:border-box}.FeedLayout__wrapper{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;image-rendering:high-quality}.FeedLayout__button{display:block;text-align:center}.FeedLayout__follow-btn,.FeedLayout__load-more-btn{}.FeedLayout__fake-media{padding-bottom:100%;border-radius:2px;background-color:var(--sli-grey);animation-duration:.75s;animation-name:FeedLayout__fake-media-flash-animation;animation-iteration-count:infinite;animation-timing-function:linear}.FeedLayout__col-footer{justify-content:flex-start;align-items:center}.FeedLayout__col-footer>:not(:first-child){margin-top:10px}.FeedLayout__row-footer{}.FeedLayout__row-footer>:not(:first-child){margin-left:10px}@keyframes FeedLayout__fake-media-flash-animation{0%,to{background:#e3e3e3}50%{background:#efefef}}
.MediaTile__root{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;height:100%;cursor:pointer;background-color:var(--sli-barely-grey);overflow:hidden}.MediaTile__type-icon{position:absolute;top:0;right:0;line-height:0}.MediaTile__type-icon>*{margin:8px}.MediaTile__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.MediaTile__thumbnail-loaded{opacity:1;transition:opacity .32s ease-out}.MediaTile__thumbnail-loading{opacity:0}
.MediaOverlay__root{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:.3vw;box-sizing:border-box}.MediaOverlay__root>*{color:currentColor;font-size:13px;font-weight:400}.MediaOverlay__root a{color:currentColor!important;text-decoration:none;text-underline-style:single}.MediaOverlay__root a:hover{text-decoration:underline}.MediaOverlay__rows{flex:1;flex-direction:column;justify-content:space-between;height:100%;max-height:100%}.MediaOverlay__row,.MediaOverlay__rows{display:flex}.MediaOverlay__row{position:relative;flex-direction:column}.MediaOverlay__top-row{flex:2 0;justify-content:flex-start}.MediaOverlay__middle-row{flex:6 0;justify-content:center}.MediaOverlay__bottom-row{flex:2 0;justify-content:flex-end}.MediaOverlay__counter-list{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:2px 0}.MediaOverlay__username{font-size:15px;font-weight:700;margin-bottom:3px}.MediaOverlay__date-container,.MediaOverlay__username{text-align:center}.MediaOverlay__date{line-height:1.8em}.MediaOverlay__caption{display:-webkit-box!important;-webkit-line-clamp:6;-webkit-box-orient:vertical;width:100%;font-size:13px;line-height:1.3em;text-align:center;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:normal}.MediaOverlay__counter{display:flex;flex-direction:row;align-items:center;text-align:center;color:currentColor;font-weight:700;font-size:0;white-space:nowrap}.MediaOverlay__counter svg{margin-right:10%}.MediaOverlay__counter:not(:last-child){margin-right:15%}.MediaOverlay__comments-count,.MediaOverlay__likes-count{}.MediaOverlay__ig-link-icon{display:inline-block;position:absolute;bottom:0;right:0;color:currentColor;font-size:0}.MediaOverlay__ig-link-icon:hover{color:currentColor;text-decoration:none!important}
.MediaThumbnail__root{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible;background-color:var(--sli-grey);animation-duration:.3s;animation-name:MediaThumbnail__media-background-fade-in-animation;animation-iteration-count:1;animation-fill-mode:forwards}.MediaThumbnail__root img,.MediaThumbnail__root video{width:auto;height:auto;max-width:100%;max-height:100%;min-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;margin:0!important;padding:0!important;border:0 solid transparent!important;outline:0 solid transparent!important;box-shadow:0 0 0 transparent!important;animation-duration:.3s;animation-name:MediaThumbnail__media-object-fade-in-animation;animation-iteration-count:1;animation-fill-mode:forwards;box-sizing:content-box!important;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.MediaThumbnail__image,.MediaThumbnail__root{width:100%!important;height:100%!important}.MediaThumbnail__image{max-width:100%;max-height:100%;min-width:100%;min-height:100%;-o-object-fit:cover!important;object-fit:cover!important;margin:0!important;padding:0!important;border:0 solid transparent!important;outline:0 solid transparent!important;box-shadow:0 0 0 transparent!important;animation-duration:.3s;animation-name:MediaThumbnail__media-object-fade-in-animation;animation-iteration-count:1;animation-fill-mode:forwards;box-sizing:content-box!important}.MediaThumbnail__image:after{display:none;content:" "}.MediaThumbnail__not-available{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;line-height:1.5em;text-align:center;background:#000}
.MediaLoading__root{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;animation-name:MediaLoading__animation;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes MediaLoading__animation{0%,to{background:#e3e3e3}50%{background:#efefef}}
.MediaPopupBox__container{position:fixed;top:0;bottom:0;left:0;right:0;font-size:14px;background:rgba(0,0,0,.7);overflow-x:hidden;overflow-y:auto;z-index:999999999}.MediaPopupBox__horizontal,.MediaPopupBox__vertical{}.MediaPopupBox__layer{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;max-height:100vh}.MediaPopupBox__control{display:block;width:40px;height:40px;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;pointer-events:auto;overflow:hidden}.MediaPopupBox__control .MediaPopupBox__control-label{display:block;text-indent:-9999em}.MediaPopupBox__control:focus{border:none;outline:none;box-shadow:none}.MediaPopupBox__control.MediaPopupBox__focus-visible,.MediaPopupBox__control:focus-visible{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}.MediaPopupBox__control-icon{color:#fff;font-size:40px;line-height:40px;width:40px;height:40px}.MediaPopupBox__close-button{position:absolute;top:5px;right:5px}.MediaPopupBox__nav-layer{z-index:0}.MediaPopupBox__nav-boundary,.MediaPopupBox__nav-layer{pointer-events:none}.MediaPopupBox__nav-boundary{margin:0 auto;padding:40px}.MediaPopupBox__nav-aligner{position:relative;width:100%;height:100%;margin:0 auto;pointer-events:none}.MediaPopupBox__nav-aligner-sidebar{max-width:935px}.MediaPopupBox__nav-aligner-no-sidebar{max-width:600px}.MediaPopupBox__nav-btn{position:absolute;top:50%;margin-top:-20px}.MediaPopupBox__prev-btn{left:-40px}.MediaPopupBox__next-btn{right:-40px}.MediaPopupBox__modal-layer{padding:0 40px;width:auto;height:100%;pointer-events:none;z-index:1}.MediaPopupBox__modal-aligner{position:relative;align-items:center;width:100%;margin:auto;pointer-events:none}.MediaPopupBox__modal-aligner>*{pointer-events:auto}.MediaPopupBox__modal-aligner-sidebar{max-width:935px}.MediaPopupBox__modal-aligner-no-sidebar{max-width:600px}.MediaPopupBox__vertical .MediaPopupBox__modal-layer{padding:40px}.MediaPopupBox__vertical .MediaPopupBox__modal-aligner{padding-bottom:20px}.MediaPopupBox__vertical .MediaPopupBox__modal{max-height:100%}.MediaPopupBox__no-scroll{overflow:hidden!important}.MediaPopupBox__cta-text{display:inline-block}.MediaPopupBox__cta-icon,.MediaPopupBox__cta-text{height:18px;line-height:18px}.MediaPopupBox__cta-icon{width:18px;vertical-align:text-bottom;margin-right:.3em}
.MediaViewer__container{position:relative;width:100%;border-radius:2px;overflow:hidden}.MediaViewer__container *{font-size:inherit}.MediaViewer__horizontal,.MediaViewer__vertical{}.MediaViewer__wrapper{position:relative;justify-content:center;min-height:450px}.MediaViewer__wrapper-sidebar{margin-right:335px;background:#000}.MediaViewer__sidebar{position:absolute;top:0;right:0;bottom:0;width:335px;background:#fff;display:flex;flex-flow:column nowrap;align-items:stretch;overflow:hidden}.MediaViewer__media-frame{touch-action:manipulation}.MediaViewer__media-container{display:block;width:100%}.MediaViewer__media-sizer{display:block;top:0;left:0;padding-bottom:100%;box-sizing:border-box;overflow:hidden}.MediaViewer__media{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:cover;object-fit:cover;display:flex;justify-content:center}.MediaViewer__media,.MediaViewer__vertical{flex-direction:column}.MediaViewer__vertical .MediaViewer__wrapper{left:0;bottom:unset;min-height:unset}.MediaViewer__vertical .MediaViewer__wrapper-sidebar{margin-right:0}.MediaViewer__vertical .MediaViewer__media-sizer{position:relative;max-width:450px;height:auto;margin:auto;padding-bottom:0}.MediaViewer__vertical .MediaViewer__media{height:unset}.MediaViewer__vertical .MediaViewer__media,.MediaViewer__vertical .MediaViewer__sidebar{position:relative;width:100%}
.MediaPopupBoxObject__reset{min-width:unset;max-width:unset;min-height:unset;max-height:unset;-o-object-fit:contain;object-fit:contain;margin:0!important;padding:0!important;border:0 solid transparent!important;outline:0 solid transparent!important;box-shadow:0 0 0 transparent!important;box-sizing:content-box!important}.MediaPopupBoxObject__not-available{width:100%;height:100%;min-height:450px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.5em;white-space:pre-wrap;text-align:center;color:#fff;background:#000}.MediaPopupBoxObject__loading-animation{animation-name:MediaPopupBoxObject__fade-in;animation-duration:.8s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;background-color:var(--sli-barely-grey);opacity:0;overflow:hidden}@keyframes MediaPopupBoxObject__fade-in{0%{opacity:0}to{opacity:1}}
:root{--sli-video-play-btn-size:100px}.IgVideoPlayer__root{position:relative;justify-content:stretch;align-items:stretch;background:#000}.IgVideoPlayer__root,.IgVideoPlayer__thumbnail{display:flex;flex-direction:column}.IgVideoPlayer__thumbnail{position:absolute;top:0;left:0;min-width:100%;max-height:100%;justify-content:center}.IgVideoPlayer__thumbnail-hidden{display:none}.IgVideoPlayer__video{width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;visibility:visible}.IgVideoPlayer__video:focus{border:0 transparent!important;outline:0 transparent!important;box-shadow:0 0 transparent!important}.IgVideoPlayer__video-hidden{visibility:hidden;pointer-events:none}.IgVideoPlayer__control{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:opacity .1s ease-in}.IgVideoPlayer__control-playing{opacity:0}.IgVideoPlayer__control-paused{opacity:1}.IgVideoPlayer__play-button{width:100px!important;width:var(--sli-video-play-btn-size)!important;height:100px!important;height:var(--sli-video-play-btn-size)!important;fill:#fff;filter:drop-shadow(0 0 2px rgba(0,0,0,.25));opacity:.85;box-sizing:border-box;pointer-events:none}
.MediaPopupBoxImage__container{-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:cover;object-fit:cover;display:flex;flex-direction:column;justify-content:center;background-color:#bbb}.MediaPopupBoxImage__container,.MediaPopupBoxImage__image{width:100%;height:100%}.MediaPopupBoxImage__image{position:relative;vertical-align:bottom;background-color:#000}.MediaPopupBoxImage__image-loaded{opacity:1;transition:opacity 80ms ease-out 20ms}.MediaPopupBoxImage__image-loading{display:block;min-width:250px;min-height:300px;opacity:0}.MediaPopupBoxImage__error{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:250px;min-height:250px;background:#000}.MediaPopupBoxImage__error-message{color:#fff;font-size:20px;text-align:center}
:root{--sli-media-album-controls-size:18px;--sli-media-album-controls-bg-color:hsla(0,0%,100%,0.6);--sli-media-album-controls-shadow:0 1px 3px rgba(0,0,0,0.3)}.MediaPopupBoxAlbum__album{position:relative}.MediaPopupBoxAlbum__frame{width:100%;overflow:hidden}.MediaPopupBoxAlbum__scroller{display:block;width:auto;white-space:nowrap;overflow:visible;transition:transform .36s cubic-bezier(.215,.6,.35,1)}.MediaPopupBoxAlbum__child,.MediaPopupBoxAlbum__scroller{margin:0!important;padding:0!important;list-style:none!important}.MediaPopupBoxAlbum__child{display:inline-block;width:100%;max-height:100%;vertical-align:middle}.MediaPopupBoxAlbum__controls-layer{align-items:stretch;position:absolute;top:0;bottom:0;left:0;right:0;padding:0 10px;pointer-events:none}.MediaPopupBoxAlbum__controls-container{position:relative;height:100%}.MediaPopupBoxAlbum__nav-button{position:absolute;top:50%;margin-top:-9px;margin-top:calc(var(--sli-media-album-controls-size)/-2);width:18px;width:var(--sli-media-album-controls-size);height:18px;height:var(--sli-media-album-controls-size);padding:3px;border:0;outline:0;background:hsla(0,0%,100%,.6);background:var(--sli-media-album-controls-bg-color);border-radius:99999px;box-sizing:content-box;cursor:pointer;pointer-events:auto}.MediaPopupBoxAlbum__nav-button svg{color:rgba(0,0,0,.5);width:18px!important;width:var(--sli-media-album-controls-size)!important;height:18px!important;height:var(--sli-media-album-controls-size)!important}.MediaPopupBoxAlbum__prev-button{left:0}.MediaPopupBoxAlbum__next-button{right:0}.MediaPopupBoxAlbum__indicator-list{justify-content:center;position:absolute;left:0;right:0;bottom:10px}.MediaPopupBoxAlbum__indicator{--size:7px;width:var(--size);height:var(--size);box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:var(--sli-media-album-controls-shadow);border-radius:99999px;background-color:hsla(0,0%,100%,.6);background-color:var(--sli-media-album-controls-bg-color);box-sizing:border-box;transition:background-color .16s linear;transition-delay:.2s}.MediaPopupBoxAlbum__indicator:not(:last-of-type){margin-right:6px}.MediaPopupBoxAlbum__indicator-current{background-color:#fff}
.ReelVideoLink__root{position:relative;background:#000}.ReelVideoLink__thumbnail{overflow:hidden}.ReelVideoLink__thumbnail img{filter:blur(7px)}.ReelVideoLink__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.ReelVideoLink__link{font-size:1.2em!important;color:#000!important;background:hsla(0,0%,100%,.8);padding:1.5rem 2.3rem;border-radius:10rem;box-shadow:0 0 8px rgba(0,0,0,.05)}
:root{--sli-media-lightbox-border-color:#eee}.MediaInfo__container{flex:1;display:flex;flex-direction:column;align-items:stretch;background:#fff;max-height:100%}.MediaInfo__container a{color:#2a2a2a!important;font-weight:700;font-size:inherit;text-decoration:none}.MediaInfo__container a:focus,.MediaInfo__container a:hover{text-decoration:underline}.MediaInfo__container a:focus svg,.MediaInfo__container a:hover svg{text-decoration:none!important}.MediaInfo__padded{padding:18px 20px}.MediaInfo__bordered{border:0 solid #eee;border:0 solid var(--sli-media-lightbox-border-color)}.MediaInfo__header{flex:0;display:flex;flex-direction:row;align-items:center;border-bottom-width:1px}.MediaInfo__source-img{width:34px;height:34px;border-radius:999999px}.MediaInfo__source-img-link{margin-right:8px}.MediaInfo__source-name{font-size:1.15em;line-height:1.5em;overflow:hidden;text-overflow:ellipsis}.MediaInfo__source-name a{color:inherit}.MediaInfo__comments-scroller{flex:1;overflow-x:hidden;overflow-y:auto}.MediaInfo__comments-list{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;margin:2px 0}.MediaInfo__comment{line-height:1.5em}.MediaInfo__comment:not(:last-of-type){margin-bottom:10px}.MediaInfo__stats{display:flex;flex-direction:column;justify-content:center}.MediaInfo__stats:not(:empty){border-top-width:1px}.MediaInfo__stats-line{line-height:20px}.MediaInfo__stats-line:not(:last-child){margin-bottom:5px}.MediaInfo__num-likes{font-size:1.1em;font-weight:700}.MediaInfo__date,.MediaInfo__num-likes{}.MediaInfo__date{font-size:.9em;opacity:.8;text-transform:uppercase}.MediaInfo__footer{display:flex;flex-direction:column;align-items:stretch;padding:8px;border-top-width:1px;line-height:1.6em}.MediaInfo__footer a{color:inherit}
.MediaComment__root{flex-direction:column;line-height:1.5em}.MediaComment__root,.MediaComment__row{display:flex}.MediaComment__row{flex-direction:row;justify-content:flex-start;align-items:baseline}.MediaComment__username{color:inherit!important;font-weight:700!important;margin-right:6px!important}.MediaComment__content{flex:1}.MediaComment__text{white-space:pre-wrap;overflow:hidden}.MediaComment__meta-list{}.MediaComment__meta{font-size:.9em;opacity:.7}.MediaComment__date,.MediaComment__like-count{}.MediaComment__like-count{font-weight:700;margin-left:8px}
.InstagramFeed__feed{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.spotlight-instagram-app {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
}