/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* HEADER */
.btn-entrar:hover a {
    color: var(--primary) !important;
}

.wpml-ls-item {
    font-weight: 400;
    text-transform: none;
}
.sub-menu {
    padding-top:10px;
    padding-bottom:10px;
}
.manual-language-switcher {
    list-style: none;
    padding:0;
}
.manual-language-switcher .active-language {
    font-weight: 700;
}
.manual-language-switcher a:hover {
    color:var(--accent);
}
.wpml-ls-legacy-list-horizontal a {
    padding: 5px;
}
.current_page_parent {
    color:var(--accent);
}

/* HERO */
.cercle {
    background-image: url("https://upmeup.io/wp-content/uploads/2025/03/Recurso-04.svg");
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: .5em;
    text-align: center;
    margin-left: -.5em;
    margin-top: -.5em;
}

/* FORMS */
input, textarea, select {
    border-radius: var(--radius-l);
    background-color: white;
    font-weight: 700;
    font-size: var(--text-s) !important;
    margin-bottom: var(--space-s) !important;
    padding:var(--space-4xs) var(--space-m) !important ;
}

textarea { height:var(--space-4xl) !important; }

input::placeholder {
    font-weight: 400;
    opacity: 0.7;
  }

.field-type-checkbox-field .jet-form-builder__field-label.for-checkbox>span::before {
    border-radius: var(--radius-l) !important;
    background-color: white;
    font-size: var(--text-s);
}
.field-type-checkbox-field .jet-form-builder__field-label.for-checkbox>span {
    gap: 15px;
    align-items: flex-start;
}
.field-type-checkbox-field .jet-form-builder__field-label.for-checkbox :where(a) {
    text-decoration: underline !important;
}
label {
    color:white;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:var(--text-xs);
}
label span { display:none; }
.jet-form-builder__field-wrap.checkradio-wrap span {
    text-transform:none;
    font-size: var(--text-xs);
}

:where(.wp-block-columns) {
    margin-bottom: 0 !important;
}

@media only screen and (max-width: 782px) {
    .wp-block-columns{ gap:0; }
}

/* Newsletter form */
.newsletter input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.newsletter .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    line-height: 40px;
    width: 100%;
    white-space: nowrap;
}
@media only screen and (max-width: 782px) {
    .newsletter input,
    .newsletter .btn {
        border-radius: var(--radius-xl);
    }
}

.newsletter .btn:hover {
    background-color: var(--primary);
    color: var(--accent)
}
.newsletter :where(.wp-block-columns.is-layout-flex) {
    gap: 0;
}
.newsletter1 label { color: var(--primary); }

/* SLIDER LOGOS */
.logo-slider {
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
    position: relative;
    transition-timing-function: linear !important;
  }
  .logo-slider::before,
  .logo-slider::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100px; /* ancho del desvanecimiento */
    height: 100%;
    z-index: 2;
    pointer-events: none; /* no bloquea el mouse */
  }
  
  .logo-slider::before {
    left: 0;
    background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
  }
  
  .logo-slider::after {
    right: 0;
    background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
  }
  
/* ANIMACIONES */
.smartphone3_contenedor {
   perspective: 1000px;
}
.smartphone3 {
    transform-origin: left bottom;
    transform-style: preserve-3d; /* Mantiene la 3D */
    will-change: transform; /* Mejora el rendimiento de la animación */
}

/* ACORDEON */
.brxe-accordion-nested .article:hover {
    background-color:var(--app-cla);
}
.brx-open {
    background-color:var(--accent) !important;
}

.brxe-accordion-nested .brx-open .brxe-icon {
    transform:rotate(180deg);
    transition: all 0.2s ease-out;
}
.brxe-accordion-nested .brxe-icon {
    transition: all 0.2s ease-out;
}

.acordeon-legal .brx-open {
    background-color: white !important;
}
.brxe-accordion-nested .accordion-title-wrapper {
    flex-wrap: nowrap;
    gap: 10px; }

/* CARRUSEL BLOG */
.splide__list,
.splide__slide {
    transition-timing-function: linear !important;
}

.splide__list {
    align-items: stretch;
    padding-top: 20px !important;
}

.card-blog { transition: all .2s; }
.card-blog:hover { transform:translateY(-20px); }
.card-blog .entrada-foto img { transition: all .2s; }
.card-blog:hover .entrada-foto img { transform: scale(1.1); transition: all .2s; }


/* BLOG */
.blog-css h2, .page-css h2 { font-size: var(--text-2xl); margin-top:var(--space-xl); margin-bottom:var(--space-m); }
.blog-css h3, .page-css h3 { font-size: var(--text-xl); margin-top:var(--space-xl); margin-bottom:var(--space-s); }
.blog-css h4, .page-css h4 { font-size: var(--text-l); }
.blog-css h5, .page-css h5 { font-size: var(--text-m); }
.blog-css h6, .page-css h6 {}

.blog-content a, .page-css a { font-weight: 700; color:var(--app-med); text-decoration:underline; padding:0 2px; }
.blog-content a:hover, .page-css a:hover {  background-color:var(--accent); color:var(--secondary); text-decoration: none; }

.blog-content .btn { display: inline-block; }
.blog-content .btn a { color: white; text-decoration: none;  }
.blog-content .btn a:hover { color:unset; background-color: unset; }

.blog-content hr { border-color: var(--accent); }

#comments h3 { font-size: var(--text-m); font-weight: 700; text-transform: uppercase !important; }