@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap");
body {
font-size: 1.2em;
font-family: 'Inter', sans-serif;
}
a {
color:#000000;
}
.is-lemon {
background-color: #C6FF00;
}
.hero {
background-color: #C6FF00; }
.button.is-primary {
background-color: #3F3F3F; }
.button.is-primary:hover {
background-color: #1E1E1E !important; }
.has-background-primary {
background-color: #3F3F3F !important; border:none;
}
.button.is-primary.is-outlined {
color:#000000;
border-color:#000000;
}
.footer {
background-color: #000000; 
color:#FFFFFF;
padding: 3rem 1.5rem 3rem;
}
.carousel-container {
position: relative;
}
.carousel-container-inner {
position: relative;
width: 70%;
overflow: hidden;
margin: 0 auto;
}
.carousel-slide {
display: flex;
transition: transform 0.5s ease-in-out;
}
.carousel-item {
min-width: 100%;
text-align: center;
}
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: transparent;
border: none;
font-size: 24px;
cursor: pointer;
}
.carousel-control-prev {
left: 7%;
}
.carousel-control-next {
right: 7%;
} .navbar-item.has-dropdown:hover .navbar-dropdown {
display: block;
}
.navbar-dropdown {
display: none;
}
.navbar-dropdown a {
padding: 10px 20px;
display: block;
color: #333;
}
.navbar-dropdown a:hover {
background-color: #f5f5f5;
}
.navbar-menu.is-active {
display: block !important;
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
margin-top:40px;
}
.navbar-brand {
display: flex;
align-items: center;
}
.navbar-item {
color: #000000;
font-size: 16px;
padding: 10px 15px;
transition: color 0.3s ease;
}
.navbar-item:last-child {
margin-right: 0;
}
h1.title {
position: relative;
color: #3F3F3F; font-size: 4rem;
font-weight: 700;
}
h2.title,
.hero.is-light .title {
position: relative;
color: #3F3F3F; }
.hero.is-small .hero-body {
padding: 1rem;
}
.column-list .button {
justify-content: space-between;
padding: 1.5em 1.25em;
}
.column-list .wrap-icon-title {
display: flex;
}
.wp-block-separator {
border-top: 1px none !important;
}
hr {
background-color: #EBEAEA !important;
margin: 3rem 0 !important;
}
.content h3 {
font-size: 1.4rem !important;
color: #3F3F3F; font-weight: 600 !important;
}
strong {
font-weight: 600 !important;
}
.content h3:not(:first-child) {
margin-bottom: 1.5rem !important;
}
.custom-card {
display: block;
text-decoration: none;
transition: transform 0.3s ease;
box-shadow: 0 0 0 0;
}
.custom-card:hover {
transform: translateY(-5px);
box-shadow: 0 0 0 0;
}
.custom-card .title, 
.custom-card .excerpt {
color: #333;
}
.custom-card .title {
transition: color 0.3s ease;
}
.custom-card:hover .title {
color: #244339; }
.card-image img, .is-cropped img {
object-fit: cover;
}
.testimonial-box {
border: 1px solid #ddd;
padding: 20px;
border-radius: 8px;
transition: box-shadow 0.3s ease;
}
.testimonial-box:hover {
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}
.testimonial-text {
font-size: 1.2rem;
font-style: italic;
margin-bottom: 15px;
}
.testimonial-author {
font-size: 1rem;
}
.testimonial-dni {
font-size: 0.9rem;
}
.label {
font-weight: 600 !important;
}
.masonry-grid {
column-count: 3; column-gap: 16px; }
.masonry-item {
break-inside: avoid; margin-bottom: 16px; }
.custom-feed {
display: block;
text-decoration: none;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid #ddd;
border-radius: 6px;
overflow: hidden;
break-inside: avoid; }
.custom-feed:hover {
transform: translateY(-5px);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}
.custom-feed .card-image img {
object-fit: cover;
width: 100%;
height: auto;
}
.custom-feed .title {
color: #3F3F3F; font-weight: 600;
transition: color 0.3s ease;
}
.custom-feed:hover .title {
color: #C6FF00; }
.custom-feed .excerpt {
color: #666;
}
.content.is-small {
font-size: 0.875rem;
}
.is-rounded img {
border-radius: 50%;
}
.button.is-danger {
background-color: #244339;
color: #C6FF00;
}
.button.is-danger:hover {
background-color: #292929;
}
.lines-division {
border-top:5px solid #C6FF00;
border-bottom:5px solid #C6FF00;
}
.grecaptcha-badge {
display:none;
}
.is-shadow img {
box-shadow: #000;
}
.footer {
background-color: #3F3F3F;
padding: 2rem 1.5rem;
color: white;
}
.footer h3 {
color: #C6FF00; }
.footer ul {
list-style: none;
padding-left: 0;
}
.footer ul li {
margin-bottom: 0.5rem;
}
.footer ul li a {
color: white;
text-decoration: none;
}
.footer ul li a:hover {
text-decoration: underline;
}
.social-icons a {
margin: 0 10px;
color: white;
transition: color 0.3s ease;
}
.social-icons a:hover {
color: #C6FF00; }
.cintillo-wizetup {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #090935;
color: white;
text-align: center;
font-family: 'Arial', sans-serif;
font-size: 14px;
padding: 8px 0;
z-index: 9999;
min-height: 40px;
}
.cintillo-wizetup strong {
font-weight: 600;
color:#C6FF00;
}
.cintillo-wizetup .cta-wizetup {
background-color: #C6FF00;
color: #090935;
padding: 6px 12px;
margin-left: 12px;
border-radius: 4px;
font-weight: bold;
text-decoration: none;
transition: background 0.3s ease;
}
.cintillo-wizetup .cta-wizetup:hover {
background-color: #b8eb00;
}
.is-blue-dark {
background-color: #090935;
}
@media screen and (max-width: 1024px) {
.masonry-grid {
column-count: 2; }
}
@media screen and (max-width: 768px) {
.masonry-grid {
column-count: 1; }
}
@media screen and (min-width: 1024px) {
.container {
max-width: 1020px;
}
.navbar-end {
align-items: center;
}
.navbar-menu {
display: flex !important;
}
.navbar-menu .navbar-end li.cta-menu a {
border: 1px solid #000;
border-radius: 50px;
margin-left: 6em;
}
.navbar-item {
padding: 10px 20px;
}
.navbar-dropdown {
position: absolute;
top: 100%;
left: 0;
background-color: white;
min-width: 180px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
z-index: 1000;
}
}