/*
Theme Name: Pagalo Todo
Theme URI: https://them.es/starter-fse
Author: Monchito
Author URI: https://monchito.net
Description: Tema para Pagalo Todo
Version: 1.2.7
Requires at least: 5.9
Tested up to: 6.8
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Text Domain: pagalo-todo
Tags: full-site-editing, one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/build/main.css" */


/** PRE-HEADER **/
.wp-site-blocks {
    padding: 0;
}

header.site-header {
    padding: 0!important;
}

.pre-header-left .wp-block-columns {
    gap: 10px;
}

.pre-header-left .wp-block-column:first-child {
    width: fit-content;
    flex-basis: content !important;
}

/** CONTENT **/
main {
    margin-block-start: 0;
}

.entry-content {
    padding: 0;
}

.wp-block-navigation .wp-block-navigation-link a:focus .wp-block-navigation-item__label, .wp-block-navigation .wp-block-navigation-link.current-menu-item .wp-block-navigation-item__label {
    border-bottom: none!important;
}

:root :where(.wp-block-columns) {
    background-color: transparent;
}

.wp-block-group .alignwide {
    max-width: 1296px;
}

p {

}

/** NO TITLE PAGE **/
.no-title-page-hero-wrapper {
    max-width: 100%;
    background-image: url(/wp-content/uploads/2025/09/shape-hero-top-right.png), url(/wp-content/uploads/2025/09/shape-hero-center-left.png);
    background-repeat: no-repeat;
    background-position: top right, center left;
}

figure.wp-block-image.alignright.size-full.is-resized.has-custom-border.hero-featured-img img {
    overflow: visible;
}


/** GROUPS **/
.blue-background-wrapper,
.home-hero-block,
.home-hero-block .wp-block-group {
     max-width: 100%!important;
     width: 100%!important;
}

.home-hero-block h1 {
    line-height: 0.95;
    letter-spacing: -3px;
}

.home-double-blue-section {
    background-image: url(/wp-content/uploads/2025/09/shape-white-half-right.png);
    background-repeat: no-repeat;
    background-position: center right;
    max-width: 100%!important;
    width: 100%!important;
}

.home-aliados-comerciales {
    background-image: url(/wp-content/uploads/2025/09/shape-white-top-left.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}

.logos-accordion-section {
     margin-block-start: 0;
     background-image: url(/wp-content/uploads/2025/09/shape-blue-top-left.png);
     background-repeat: no-repeat;
     background-position: top left;
     max-width: 100%!important;
     width: 100%!important;
}

.como-funciona-section {
     /*background-image: url(/wp-content/uploads/2025/09/shape-white-top-left.png);*/
     background-repeat: no-repeat;
     background-position: bottom left;
}

/** FORMS **/
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea,
.mc4wp-form input {
    width: 100%;
    border-radius: 5px;
    padding: 5px 10px;
    font-family: var(--wp--preset--font-family--inter);
    border: 1px solid #ccc!important;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
     border: 1px solid #ccc!important;
}

.wpcf7-form-control-wrap input {
    height: 1.75rem;
}

.form-row:first-of-type p {
    display: flex;
    gap: 1rem;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: var(--wp--preset--color--custom-celeste) !important;
    border-color: transparent;
    border-width: 1px;
    border-style: solid;
    color: var(--wp--preset--color--white);
    font-family: var(--wp--preset--font-family--inter);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: inherit;
    border-radius: 5px;
    padding: 0.5rem  1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

/*Mailchimp*/
.mc4wp-form,
#mcform {
     margin-block-start: 0;
     margin-top: 0;
}

.mc4wp-form input {
    width: auto;
    border-radius: 5px;
    padding: 10px 10px;
    font-family: var(--wp--preset--font-family--inter);
    border: 1px solid #ccc!important;
}

.mc4wp-form input[type="submit"] {
    width: fit-content;
    background-color: var(--wp--preset--color--custom-celeste) !important;
    border: transparent !important;
    color: var(--wp--preset--color--white);
    font-family: var(--wp--preset--font-family--inter);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: inherit;
    border-radius: 5px;
    padding: 0.5rem 1rem;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

/** TABS **/
.gsbp-46b2433 {
    flex-wrap: nowrap !important;
}

.gs_tabs_vertical .gs_content.active {
    opacity: 1;
    max-height: 5000px;
    height: 100% !important;
}

.gs_content_area.gsbp-890b790 {
    background-color: #fff;
}

.gs_tabs_vertical.gs_root.gsbp-46b2433.alignwide {
    align-items: stretch;
}

.gs_tab .gs_name {
     flex: 1 1 auto;
}

.gs_tabs_vertical .gs_content_area {
    background-color: #fff!important;
}

.gs_tabs_vertical .gs_tab.active .tabs-icon-wrapper {
    background: transparent;
    border: 2px solid var(--wp--preset--color--custom-azul, #0033a0);
}

.gs_tabs_vertical .gs_tab.active svg {
    fill: var(--wp--preset--color--custom-azul, #0033a0!important);
}

.gs_tab svg.icon-service-icon {
    height: 40px!important;
    width: 40px!important;
}

.gs_tab svg.icon-service-icon {
    fill: #fff!important;
}

.gs_tab.active svg.icon-service-icon {
    fill: var(--wp--preset--color--custom-azul, #0033a0)!important;
}

.gs_tab.active span {
    color: var(--wp--preset--color--custom-azul, #0033a0)!important;
}

/** BUTTONS **/
.button_orange a,
.button_blue a,
.button_orange_to_blue {
     transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.button_orange a:hover,
.button_blue a:hover {
     background-color: var(--wp--preset--color--custom-celeste) !important;
}

.button_orange_to_blue a:hover {
     background-color: var(--wp--preset--color--custom-naranja) !important;
}

.blog a.wp-block-post-excerpt__more-link {
    border-radius: 50px;
    padding-top: 0.5rem;
    padding-right: 1.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.5rem;
    background-color: var(--wp--preset--color--custom-celeste);
    text-transform: uppercase;
    font-weight: 800;
}

.blog a.wp-block-post-excerpt__more-link:hover,
input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background-color: var(--wp--preset--color--custom-naranja);
    transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    border-radius: 50px;
}

/** MAPS **/
#wpgmza_map_1 {
     margin-block-start: 0!important;
}

/** HEADER **/
.social-header-wrap .gspb_row__content {
    justify-content: flex-end !important;
}

/** FOOTER **/
footer.site-footer {
     padding: 0!important;
     margin-top: 0!important;
}

footer .wp-block-group {
    padding-right: var(--wp--style--root--padding-right) !important;
    padding-left: var(--wp--style--root--padding-left) !important;
}

svg.footer-logo {
    height: 50px;
    width: 214.873px;
    fill: #fff;
}

svg.social-footer-logo,
svg.social-header-logo {
    height: 30px;
    width: 30px;
    fill: #fff;
}
/*
.home footer.site-footer .wp-block-group,
.home footer.site-footer .wp-block-columns {
    background-color: #fff !important;
    color: var(--wp--preset--color--custom-azul);
}

.home svg.footer-logo,
.home svg.social-footer-logo {
     fill: var(--wp--preset--color--custom-azul);
}
*/
/** BLOG CAT **/
.wp-container-core-post-template-is-layout-3b1dc3ce {
    gap: 3rem;
}

.blog h3,
.archive h3 {
    margin-block-start: 0.5rem;
    margin-block-end: 0.5rem;
    line-height: 1.1;
}

/** POSTS **/
.single h1 {
     font-size: clamp(1.875rem, 0.3547rem + 6.7568vw, 5rem);
}

.single h2 {
     font-size: clamp(1.5rem, 0.4054rem + 4.8649vw, 3.75rem);
}

/** CLAMP **/
.home h1 {
     font-size: clamp(3rem, 1.375rem + 6.5vw, 6.25rem);
}

.home h2,
.wp-singular h2 {
     font-size: clamp(2rem, 1.125rem + 3.5vw, 3.75rem)!important;
}

p,
li {
     font-size: clamp(1rem, 0.75rem + 1vw, 1.5rem)!important;
}

.hero-sub-text {
     font-size: clamp(1rem, 0.4063rem + 2.375vw, 2.1875rem);
}

.home-sub-text {
     font-size: clamp(1.125rem, 0.1875rem + 3.75vw, 3rem);
}

/** RESPONSIVE **/
/** Fixes **/
@media screen and (max-width: 1328px) {
     /* Tabs */
     .logos-accordion-section {
         padding: 0 5%;
     }

    .pt-two-col {
         padding: 0 5%!important;
    }

}

@media screen and (max-width: 1248px) {
     /* Footer */
     footer .wp-block-group .wp-block-columns {
        display: grid;
        grid-template-columns: 1fr 1fr;
     }

}

/** Horizontal Tablets **/
@media screen and (max-width: 1152px) {
    /** Hero **/
    .no-title-page-hero-wrapper {
    max-width: 100%;
    background-image: unset;
    padding: 0 5%;
    }

   .post-template-default main {
        padding: 0 5%;
   }

   .form-row:first-of-type p {
       gap: 0;
       flex-direction: column;
   }

    .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea, .wpcf7 input[type="tel"], .mc4wp-form input {
         max-width: 100%;
        box-sizing: border-box;
    }

}

/** Tablets **/
@media screen and (max-width: 781px) {
     /* Footer */
     footer .wp-block-group .wp-block-columns {
        grid-template-columns: 1fr;
     }

     input[type=email],
     input[type=text] {
         width: auto!important;
     }

     #gspb_row-id-gsbp-5705044 > .gspb_row__content {
         justify-content: flex-start!important;
     }

     footer .wp-block-group .wp-block-columns p {
         text-align: left;
     }

     .gsbp-46b2433 {
         flex-direction: column;
     }

     .gs_tabs_vertical .gs_tabs_list {
         background: transparent;
     }

}

/** Mobile **/
@media screen and (max-width: 480px) {
     /*Header*/
     .pre-header-wrapper .wp-block-columns {
         display: grid;
         justify-content: start;
    }

    .pre-header-wrapper .wp-block-columns .wp-block-column .wp-block-columns {
        grid-template-columns: auto auto;
    }

    .header-wrapper-col {
        padding-right: var(--wp--style--root--padding-right)!important;
        padding-left: var(--wp--style--root--padding-left)!important;
    }

    .header-wrapper-col .wp-block-column {
        flex-basis: 0!important;
    }

    .wp-block-navigation.items-justified-right {
        --navigation-layout-justification-setting: flex-start;
        --navigation-layout-justify: flex-start;
    }

    .pre-header-wrapper .wp-block-columns {
        gap: 6px;
        justify-content: center;
    }

    /*Home Hero*/
    .home-hero-columns {
         padding-right: var(--wp--style--root--padding-right) !important;
         padding-left: var(--wp--style--root--padding-left) !important;
    }

    .home-hero-columns img {
        width: 100% !important;
        object-fit: contain !important;
    }

    /*Accordion Logos*/
    .logos-accordion-section {
        padding-right: var(--wp--style--root--padding-right);
        padding-left: var(--wp--style--root--padding-left);
    }

    .gsbp-46b2433 {
        flex-direction: column;
    }

    .gsbp-a14fe85 {
        background-color: transparent;
    }

    svg.icon-list-icon.icon-service-icon {
        transform: none;
    }

    /*Home Double Blue Section*/
    .home-double-blue-section,
    .blue-background-wrapper {
        padding-right: var(--wp--style--root--padding-right) !important;
        padding-left: var(--wp--style--root--padding-left) !important;
    }

    /*Images*/
    figure.alignright {
        margin-inline-start: 0 !important;
    }

    /*Fonts*/
    h2 {
         letter-spacing: -1px !important;
    }

}