.elementor-kit-6{--e-global-color-primary:#453B3B;--e-global-color-secondary:#171E24;--e-global-color-text:#757575;--e-global-color-accent:#FF8D28;--e-global-color-49bda59:#FFFFFF;--e-global-color-b3f139c:#E3E3E3;--e-global-color-f4e76db:#322928;--e-global-color-e063a88:#A6AFB5;--e-global-color-ae0b4bc:#FFFFFF00;--e-global-color-7c1abe2:#FFFFFF99;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-b3f139c );}.elementor-kit-6 a{color:var( --e-global-color-secondary );}.elementor-kit-6 a:hover{color:var( --e-global-color-accent );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:18px;font-weight:400;letter-spacing:0.7px;color:var( --e-global-color-primary );background-color:var( --e-global-color-accent );border-radius:40px 40px 40px 40px;padding:20px 30px 20px 30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html, body {
max-width: 100%;
overflow-x: hidden;
}
/* Background on load animation for hero sections */
.hero-kenburns {
    position: relative;
    overflow: hidden;
    visibility: hidden;
}

.hero-kenburns.is-ready {
    visibility: visible;
}

.hero-kenburns::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;

    background-image: var(--hero-bg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    transform: scale(1.12);
    transform-origin: center center;

    animation: heroKenBurns 2s ease-out forwards;

    pointer-events: none;
}

.hero-kenburns::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;

    background: rgba(69, 59, 59, 0.6);

    pointer-events: none;
}

.hero-kenburns > .e-con-inner {
    position: relative;
    z-index: 2;
}

@keyframes heroKenBurns {
    from {
        transform: scale(1.12);
    }

    to {
        transform: scale(1);
    }
}
/* Disable lightbox on product images */
.woocommerce-product-gallery__image a {
    pointer-events: none !important;
}
/* ESTILOS APLICADOS A ENTRADAS DE BLOG */
.wp-block-pullquote {
    padding: 1em 0;
}
:root :where(.wp-block-pullquote) {
    font-size: 1.3em;
    line-height: 1.4;
}
.wp-block-heading{margin-top:2.5rem;line-height: 1.4}
.wp-block-list{
    margin-bottom: 1.25rem;
}
.single-post h2.wp-block-heading {
    font-weight: 700;
    line-height: 1.3em;
}
    
/* IMAGE BOX CARDS HOVER EFFECT */
@media (min-width:1025px){
  .card-slide-hover{
    position:relative;
    overflow:hidden;
    --image-scale:65%;
  }

  .card-slide-hover .elementor-image-box-img{
    margin-bottom:10px;
    overflow:hidden;
    border-radius:20px;
  }

  .card-slide-hover .elementor-image-box-img img{
    display:block;
    width:100%;
    transition: width .45s cubic-bezier(.77,0,.175,1);
  }

  .card-slide-hover:hover .elementor-image-box-img img{
    width: var(--image-scale);
  }

  .card-slide-hover .elementor-image-box-title{
    margin-bottom:12px;
    transition: margin .45s cubic-bezier(.77,0,.175,1);
  }

  /* DESCRIPTION — hidden by height, revealed on hover, no transform needed */
  .card-slide-hover .elementor-image-box-description{
    max-height:0;
    opacity:0;
    overflow:hidden;
    transition: max-height .45s cubic-bezier(.77,0,.175,1), opacity .3s ease;
  }

  .card-slide-hover:hover .elementor-image-box-description{
    max-height:180px;
    opacity:1;
  }

  /* CARD LIFT */
  .hover-rotate{
    transition:
      transform .35s cubic-bezier(.4,0,.2,1),
      box-shadow .35s cubic-bezier(.4,0,.2,1);
  }
  .hover-rotate:hover{
    transform:translateY(-10px);
  }
}

/* VARIATIONS STYLING */
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
    background-color: transparent;
    -webkit-box-shadow: var(--wvs-item-box-shadow, 0 0 0 1px #A6AFB5);
    box-shadow: var(--wvs-item-box-shadow, 0 0 0 1px #A6AFB5);}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item {
    font-family: 'Manrope';
}
.woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name
 {font-family: 'Manrope';}

/* =========================================
   STANDARD ELEMENTOR BUTTONS
   ========================================= */

/* Base button */
.elementor-button:not(.loop-button) {
    position: relative;
    overflow: hidden;
    transition: all 0.45s ease;
}

/* Keep content above hover background */
.elementor-button:not(.loop-button) .elementor-button-text,
.elementor-button:not(.loop-button) .elementor-button-icon {
    position: relative;
    z-index: 2;
}

/* Hover background */
.elementor-button:not(.loop-button)::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #171e24;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.45s ease;
    z-index: 1;
}

/* Animate background */
.elementor-button:not(.loop-button):hover::before {
    transform: scaleX(1);
}

/* White text on hover */
.elementor-button:not(.loop-button):hover .elementor-button-text {
    color: #ffffff;
}

/* White icon on hover */
.elementor-button:not(.loop-button):hover .elementor-button-icon i {
    color: #ffffff;
}

.elementor-button:not(.loop-button):hover .elementor-button-icon svg {
    color: #ffffff;
}

/* Arrow rotation */
.elementor-button:not(.loop-button) .elementor-button-icon svg {
    transition: transform 0.3s ease;
}

.elementor-button:not(.loop-button):hover .elementor-button-icon svg {
    transform: rotate(45deg);
}

/* =========================================
   EXCLUDE BUTTONS INSIDE LOOP CONTAINER
   ========================================= */

.loop-container .elementor-button:not(.loop-button)::before {
    display: none;
}

.loop-container .elementor-button:not(.loop-button):hover::before {
    transform: scaleX(0);
}

.loop-container .elementor-button:not(.loop-button):hover .elementor-button-text,
.loop-container .elementor-button:not(.loop-button):hover .elementor-button-icon i,
.loop-container .elementor-button:not(.loop-button):hover .elementor-button-icon svg {
    color: inherit;
}


/* =========================================
   LOOP BUTTON
   ========================================= */

/* Button content alignment */
.loop-button .elementor-button-content-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

/* Icon circle */
.loop-button .elementor-button-icon {
    width: 56px;
    height: 56px;
    min-width: 56px;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #3f3a3a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    transition:
        background-color 0.3s ease,
        border-color 0.3s ease;
}

/* Smaller SVG */
.loop-button .elementor-button-icon svg {
    width: 12px;
    height: 12px;
    display: block;
    margin: 0;
    transition: transform 0.3s ease;
}

/* SVG color */
.loop-button .elementor-button-icon svg,
.loop-button .elementor-button-icon svg * {
    fill: #3f3a3a !important;
}

/* =========================================
   LOOP BUTTON — CONTAINER HOVER
   ========================================= */

.loop-container:hover .loop-button .elementor-button-icon {
    background-color: #ff8a1c;
    border-color: #ff8a1c;
}

.loop-container:hover .loop-button .elementor-button-icon svg {
    transform: rotate(45deg);
}
/* =========================================
   LOOP CARD — EQUAL HEIGHT / BUTTON BOTTOM
   ========================================= */
.loop-container {
    height: 100%;
}
.loop-container > .e-con-inner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
/* Push whichever direct child wraps the loop button to the bottom */
.loop-container > .e-con-inner > .elementor-widget-button {
    margin-top: auto;
}
.loop-container > .e-con-inner > .loop-button {
    margin-top: auto!important;
}
/* =========================================
   BUTTON — DARK BACKGROUND ALT
   CSS Class: button-hover-alt
   ========================================= */

/* Hover background */
.button-hover-alt .elementor-button::before {
    background: #ffffff !important;
}

/* Hover text */
.button-hover-alt .elementor-button:hover .elementor-button-text {
    color: #171e24 !important;
}

/* Hover icon */
.button-hover-alt .elementor-button:hover .elementor-button-icon,
.button-hover-alt .elementor-button:hover .elementor-button-icon i {
    color: #171e24 !important;
}

/* Hover SVG */
.button-hover-alt .elementor-button:hover .elementor-button-icon svg {
    color: #171e24 !important;
    fill: #171e24 !important;
}

/* SVG paths */
.button-hover-alt .elementor-button:hover .elementor-button-icon svg * {
    fill: #171e24 !important;
}

/* Keep arrow rotation */
.button-hover-alt .elementor-button:hover .elementor-button-icon svg {
    transform: rotate(45deg);
}
/* =========================================
   WORDPRESS BLOCK BUTTONS — BLOG POSTS
   ========================================= */

.single-post .wp-block-button__link {
    position: relative;
    overflow: hidden;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: #ff8d28 !important;
    color: #453b3b !important;

    padding: 20px 30px !important;

    border: none !important;
    border-radius: 40px !important;
    box-shadow: none !important;

    transition: color 0.45s ease;

    isolation: isolate;
}

/* =========================================
   HOVER BACKGROUND
   ========================================= */

.single-post .wp-block-button__link::before {
    content: "";
    position: absolute;
    inset: 0;

    background: #171e24;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.45s ease;

    z-index: -1;
    border-radius: 40px;
}

.single-post .wp-block-button__link:hover::before {
    transform: scaleX(1);
}

/* =========================================
   SVG ARROW
   ========================================= */

.single-post .wp-block-button__link::after {
    content: "";
    display: block;

    width: 12px;
    height: 13px;

    margin-left: 10px;

    background-color: currentColor;

    -webkit-mask: url("/wp-content/uploads/2026/08/arrow.svg")
        center / contain no-repeat;

    mask: url("/wp-content/uploads/2026/08/arrow.svg")
        center / contain no-repeat;

    position: relative;
    z-index: 2;

    transition: transform 0.45s ease;
}

/* Rotate arrow */
.single-post .wp-block-button__link:hover::after {
    transform: rotate(45deg);
}

/* =========================================
   HOVER COLORS
   ========================================= */

.single-post .wp-block-button__link:hover {
    background: #ff8d28 !important;
    color: #ffffff !important;
}

/* =========================================
   REMOVE DEFAULT BORDER / EFFECTS
   ========================================= */

.single-post .wp-block-button__link,
.single-post .wp-block-button__link:hover,
.single-post .wp-block-button__link:focus,
.single-post .wp-block-button__link:focus-visible {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* CUSTOM FADE IN ANIMATIONS */
@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://ladrillerasc.noos.studio/wp-content/uploads/2026/08/Manrope-Regular.woff2') format('woff2'),
		url('https://ladrillerasc.noos.studio/wp-content/uploads/2026/08/Manrope-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://ladrillerasc.noos.studio/wp-content/uploads/2026/08/Manrope-Medium.woff2') format('woff2'),
		url('https://ladrillerasc.noos.studio/wp-content/uploads/2026/08/Manrope-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://ladrillerasc.noos.studio/wp-content/uploads/2026/08/Manrope-Bold.woff2') format('woff2'),
		url('https://ladrillerasc.noos.studio/wp-content/uploads/2026/08/Manrope-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */