/**
 * Theme Name: 88digital
 * Template:   twentytwentyfive
 * ...other header fields
 */

:root {
	--scrollbarWidth: 0px;
}

strong {
    font-weight: 700;
}

a {
    transition: all 0.2s ease;
}
a:not(.wp-block-button__link):hover {
    text-decoration: none;
    opacity: 0.6;
    transition: all 0.2s ease;
}

.hidden {
    display: none!important;
}

.fullwidth {
	width: calc(100vw - var(--scrollbarWidth))!important;
	margin-left: calc(50% - 50vw + var(--scrollbarWidth)/2)!important;
	margin-right: calc(50% - 50vw + var(--scrollbarWidth)/2)!important;
}
.fullwidth-content,
.fullwidth-content-image-right,
.fullwidth-content-image-left {
	width: calc(100vw - var(--scrollbarWidth))!important;
	max-width: calc(100vw - var(--scrollbarWidth))!important;
    margin-left: calc(50% - 50vw + var(--scrollbarWidth)/2)!important;
    margin-right: calc(50% - 50vw + var(--scrollbarWidth)/2)!important;
    padding-left: calc(50vw - 50% - var(--scrollbarWidth)/2)!important;
    padding-right: calc(50vw - 50% - var(--scrollbarWidth)/2)!important;
}
@media (min-width: 782px) {
    .fullwidth-content-image-right,
    .fullwidth-content-image-left {
        column-gap: 0!important;
    }
    .fullwidth-content-image-right .wp-block-column:first-child > * {
        padding-right: 50px; 
    }
    .fullwidth-content-image-left .wp-block-column:last-child > * {
        padding-left: 50px; 
    }
    .fullwidth-content-image-right .wp-block-image {
        margin-right: calc(100% - 50vw + var(--scrollbarWidth)/2)!important;
    }
    .fullwidth-content-image-left .wp-block-image {
        margin-left: calc(100% - 50vw + var(--scrollbarWidth)/2)!important;
    }
}

/* Header */
.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container {
    text-wrap: nowrap;
}

/* Footer */
.wp-block-navigation-item__content:hover {
    opacity: 1!important;
    color: #ff7100!important;
}
.wp-block-button__link {
    transition: all 0.3s ease;
}
.wp-block-button__link:hover {
    transform: translateY(-5px);
    filter: contrast(1.1);
    transition: all 0.3s ease;
}

.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none;
}
.wp-block-accordion-heading__toggle-icon {
    background-color: #ff7100;
    border-radius: 50%;
    color: #fff;
    transition: all 0.5s ease;
}
.wp-block-accordion-item.is-open>.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
    background-color: #1c539e;
    transition: all 0.5s ease;
}
.wp-block-accordion-panel {
    visibility: visible;
    opacity: 1;
    max-height: 800px;
    transition: all 0.5s ease;
}
.wp-block-accordion-panel[aria-hidden=true], .wp-block-accordion-panel[inert] {
    display: block!important;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    transition: all 0.5s ease;
}

.card {
    position: relative;
    color: #FFFFFF;
}
.card-tag {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 9;
}
.card-tag + * {
    margin-top: 0;
}
.card .wp-block-cover__image-background {
    transition: all 0.5s ease;
}
.card:hover .wp-block-cover__image-background {
    transform: scale(1.05);
    transition: all 0.5s ease;
}
.card-detail {
    visibility: hidden;
    opacity: 0;
    transform: translateY(100%);
    max-height: 0;
    transition: all 0.5s ease;
}
.card:hover .card-detail {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    max-height: 200px;
    transition: all 0.5s ease;
}
.card-label {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: -15px;
}

.styled-list,
.styled-list-2,
.styled-list-3 {
    list-style: none;
    padding-left: 25px;
}
.styled-list li,
.styled-list-2 li,
.styled-list-3 li {
    position: relative;
}
.styled-list li:before,
.styled-list-2 li:before,
.styled-list-3 li:before {
    position: absolute;
    left: -25px;
    content: "√";
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    background-color: #ff7100;
    border-radius: 10px;
    text-align: center;
    font-size: 0.7em;
    color: #FFFFFF;
}
.styled-list-2 li:before {
    background-color: #1c539e;
}
.styled-list-3 li:before {
    content: "x";
}

.card-2,
.card-3 {
    position: relative;
    transition: all 0.5s ease;
}
.card-2:hover,
.card-3:hover {
    background: linear-gradient(0deg,rgb(0, 74, 141) 0%,rgb(0, 74, 141) 98%)!important;
    border-color: rgb(0, 74, 141)!important;
    color: #fff!important;
    transform: translateY(-10px);
    transition: all 0.5s ease;
}
.card-3:hover {
    background: linear-gradient(0deg,rgb(250,250,250) 0%,rgb(245,245,245) 98%)!important;
    border-color: rgb(245,245,245)!important;
    color: #000!important;
}

div.hover-scale {
    overflow: hidden;
}
.hover-scale img {
    transition: all 0.5s ease;
}
.hover-scale img:hover {
    transform: scale(1.05);
    transition: all 0.5s ease;
}

/* Jornadas */
.step-card,
.step-card-2 {
    backdrop-filter: blur(8px);
    transition: all 0.5s ease;
}
.step-card:hover,
.step-card-2:hover {
    background: linear-gradient(0deg,rgb(0, 74, 141) 0%,rgb(0, 74, 141) 98%)!important;
    border-color: rgb(0, 74, 141)!important;
    color: #fff!important;
    transform: translateY(-10px);
    transition: all 0.5s ease;
}
.step-card-2:hover {
    background: linear-gradient(0deg,#0f172a 0%,#0f172a 98%)!important;
    border-color: #0f172a!important;
}

/* WPCF7 */
.wpcf7-form input {
    height: 2rem;
}
.wpcf7-form input,
.wpcf7-form textarea {
    border: 1px solid #ccc;
    border-radius: 6px;
}
.wpcf7 select {
    appearance: none; /* Removes default browser arrow and styling */
    -webkit-appearance: none;
    -moz-appearance: none;
    
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 9px 40px 9px 15px; /* Extra right padding for the arrow */
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: #333;
    cursor: pointer;

    /* Add a custom arrow icon */
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: right 15px top 50%;
    background-size: 12px auto;
}
.wpcf7-form input[type="submit"] {
    background: linear-gradient(180deg,rgb(255,115,0) 0%,rgb(230,103,0) 100%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: var(--wp--preset--color--base);
    padding-top: var(--wp--preset--spacing--20);
    padding-right: var(--wp--preset--spacing--30);
    padding-bottom: var(--wp--preset--spacing--20);
    padding-left: var(--wp--preset--spacing--30);
    box-shadow: var(--wp--preset--shadow--natural);
    cursor: pointer;
    height: initial;
    font-size: 18px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.wpcf7-form input[type="submit"]:hover {
    transform: translateY(-5px);
    filter: contrast(1.1);
    transition: all 0.3s ease;
}
@media (max-width: 767px) {
    .wpcf7-form input,
    .wpcf7-form textarea {
        width: calc(100% - 4px);
    }
    .wpcf7-form input[type="submit"] {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .wpcf7-form {
        display: grid;
        grid-template-columns: 1fr 1fr; /* Two equal columns */
        column-gap: 20px; /* Spacing between fields */
    }
    .wpcf7-form.leads-form p:nth-child(6), 
    .wpcf7-form.leads-form p:nth-child(7),
    .wpcf7-form.leads-form div:nth-child(8),
    .wpcf7-form.contact-form p:nth-child(5), 
    .wpcf7-form.contact-form p:nth-child(6), 
    .wpcf7-form.contact-form div:nth-child(7),
    .wpcf7-form.contact-form p:nth-child(8),
    .wpcf7-form *:last-child {
        grid-column: span 2;
    }
    .wpcf7-form-control:not([type="submit"]) {
        width: 100%;
    }
}


/* Brevo */
.sib-form {
    background-color: #fff0!important;
}
.sib-form textarea.input {
    min-height: 10em;
}
.sib-form-block__button {
    background: linear-gradient(180deg,rgb(255,115,0) 0%,rgb(230,103,0) 100%);
    border-top-left-radius: 8px!important;
    border-top-right-radius: 8px!important;
    border-bottom-left-radius: 8px!important;
    border-bottom-right-radius: 8px!important;
    color: var(--wp--preset--color--base)!important;
    padding-top: var(--wp--preset--spacing--20)!important;
    padding-right: var(--wp--preset--spacing--30)!important;
    padding-bottom: var(--wp--preset--spacing--20)!important;
    padding-left: var(--wp--preset--spacing--30)!important;
    box-shadow: var(--wp--preset--shadow--natural);
    font-weight: 500!important;
}