/*
 Theme Name:   CorazondeJesusBoadilla
 Template:     hello-elementor
 Version:      1.0.0
 Description:  Tema hijo de Hello Elementor
 Author:       David Sol
*/

@import url("../hello-elementor/style.css");

.woocommerce-product-gallery__trigger{opacity: 0!important}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
    min-height: 100%;
    opacity: 0!important;
    min-width: 100%;
}

#donodromo .woocommerce-product-gallery.woocommerce-product-gallery--with-images {
    pointer-events: none;
    cursor: none;
}


.pswp__item{
	background: white;
 background:linear-gradient(to bottom, rgba(173, 52, 23, 1) 0%, rgb(229 205 199) 160px, rgb(255 255 255) 500px);}

.wcsg_add_recipient_fields_container{margin-bottom:20px;}
.woocommerce_subscription_gifting_checkbox {
	width: 29px;
  height: 22px;
}

input[type="text"]{border-radius: 4px!important}

.reset_variations,
label[for="nyp-1"],
body.single-product .product_meta{
    display: none!important;
}

body {
background:linear-gradient(to bottom, rgba(173,52,23,1) 0%,rgba(173,52,23,0) 220px,rgba(255,255,255,1) 300px);
	font-size:18px;
	min-height:100vh;
	font-weight:300;
	font-family:"Source Serif Pro", serif;
}


@keyframes smooth-appear {
  to{
    top: 0px;
    opacity:1;
  }
}

.site-header{
	position:sticky;
	top:-100%;
	opacity:0;
	z-index:3;
	margin:0;
	width:100%;
	padding-top:0px;
	padding-bottom:5px;
	 animation: smooth-appear .5s 1s ease forwards;
}




#content>div>div img.attachment-full.size-full{width:100%}

.country-selector.weglot-inline.weglot-default {
    bottom: 10px;
}
.country-selector.weglot-inline a{padding:1vh 2vw }
.country-selector.weglot-inline a:hover{
	text-decoration:none;
	color:#000;
}

#content h1{margin:5vh 0}
#content h2{margin:4.3vh 0}
#content h3{margin:3.5vh 0}
#content h4{margin:3vh 0}

#introHome h1{font-size:2em;margin:2vh 0;}

.site-header.scroll{
	background:#ffffff;
    padding-bottom: 0;
    padding-top: 5px;
	    transform: translatey(-6px);
}

.scroll .site-navigation ul.menu li a, .site-navigation ul.menu#menu-pie  li a  {
	color: #AD4343;
}

.site-navigation{
	width:100%;
	justify-content: space-around;
}

header.site-header+main#content.page{
	position: relative;
    top: -68px;
}

header.site-header+main#content.page.post-2609, 
header.site-header+main#content.page.post-2605,
header.site-header+main#content.page.post-3{
    top: 50px;
}

.site-navigation ul.menu li a{
	color:#ffbdad;
	border-top: 5px solid transparent;
	padding:20px;
	font-weight:600;
	letter-spacing:.5px;
	transition: border 2s ease;
}

.site-navigation ul.menu li a[aria-current="page"],
.site-navigation ul.menu li a:hover{color:#fff;border-top-color:#00000066}

.scroll .site-navigation ul.menu li a[aria-current="page"],
.scroll .site-navigation ul.menu li a:hover {
	color: #3e0303;
}

#corazon{
	width: 260px;
    margin-top: -85px;
    z-index: 4;
    position: relative;
	display:flex;
	box-shadow: 0 -10px 100px #fff,0 -10px 20px #fff;
	border-radius:60px;
	background:#fff; 
}


.hitos ul{ 
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}

.hitos ul li{
	max-width:23%;
	display:flex;
	flex-direction:column;
	border-bottom:2px solid #ddd;
	margin: 10px 1% 20px 1%!important;
	padding-bottom:20px!important;
	padding-top:30px!important;
} 
.parallax-wrapper1 {
    position: relative;
    height: 780px;
    overflow: hidden;
    width: 100%;
    padding-bottom: 40px
}

.parallax-bg {
    background: linear-gradient(to bottom, #d53a0f, 40%, #ffffff);
    position: absolute;
    height: 600px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.parallax-layer {
    position: absolute;
    width: 100%;
    height: 600px;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 2;
    transition: transform 0.2s ease-out;
}

.layer-christ {
    z-index: 4;
}

.parallax-skyline {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
    z-index: 3;
}

.parallax-wrapper {
    position: relative;
    height: 600PX;
    overflow: hidden;
    width: 100%;
}

.parallax-bg2 {
    background: url('https://www.corazondejesusboadilla.org/wp-content/uploads/2025/05/fondo.jpg') center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    /* Clave para efecto de profundidad */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.parallax-layer2, .parallax-grass {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.2s ease-out;
    will-change: transform;
}

.layer-christ2 {
    z-index: 2;
    background-size: 1900PX;
	margin-top: -400px;
}

.parallax-grass {
    bottom: -50px;
    height: 450px;
    background-position: bottom center;
    background-size: cover;
    z-index: 3;
}

.wp-singular.post-template h1.entry-title,
.theme-hello-elementor.woocommerce-page h1.entry-title{
	text-align:center;
	margin: 7vh 5%!important;
}
.theme-hello-elementor.woocommerce-page h1.entry-title{
	padding-top:5vh;
}

.theme-hello-elementor.woocommerce-page h1.entry-title,
.wp-singular.post-template h1.entry-title,
.wp-singular.post-template .page-content>.elementor>div{max-width:90%}

.contador-ventas {
	font-weight: 500;
	font-size: 4.5rem;
}
.simbolo-euro {
	font-weight: ;
	font-size: 3.5rem;
	margin-left: 6px;
}

.woocommerce div.product form.cart .button{
	background: #AD1A1A;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{
	color:#666;
	font-family:"Source Serif Pro", serif;
	font-size:2em;
	margin:1.5em 0;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt{
	background:#333;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
	background:rgb(183 76 50 / 10%);
    border-radius: 17px;
    padding: 1vw;}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
	background:white;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{
	border-bottom-color:white
}
.woocommerce div.product .woocommerce-tabs ul.tabs .additional_information_tab{display:none}

.single-product table tbody>tr:nth-child(odd)>td, .single-product table tbody>tr:nth-child(odd)>th{background:transparent}

.woocommerce div.product form.cart .variations {margin-bottom: 0}
.woocommerce div.product form.cart .variations label{
	font-family:inherit;
	font-size:1.2em;
}


.woocommerce div.product form.cart .button{
	border-radius:0 30px 30px 0;
	padding:13px 30px;
}

#custom_product_text{
	margin:1vh 0 3.5vh 0;
}

body #forminator-module-1407.forminator-design--material .forminator-label:not([class*="forminator-floating-"]),
.forminator-ui.forminator-custom-form[data-design=material] .forminator-radio .forminator-radio-bullet~span,
body #content .forminator-ui.forminator-design--material .forminator-input, 
body #content .forminator-ui.forminator-design--material .forminator-input input, 
body #content .forminator-ui.forminator-design--material .forminator-iti-input .iti__selected-dial-code,
body #content .elementor-element .elementor-widget-container .elementor-shortcode .forminator-ui.forminator-design--default .forminator-label,body #content .elementor-element .elementor-widget-container .elementor-shortcode .forminator-ui.forminator-design--default .forminator-button-submit{font-family:"Source Serif Pro", serif;
	font-weight:400!important;
font-size:1.2em}

body #content .elementor-element .elementor-widget-container .elementor-shortcode .forminator-ui.forminator-design--default .forminator-button-submit{
	border-radius:40px;
	padding:1.5vh 4vw
}

body #forminator-module-1407.forminator-design--material .forminator-label:not([class*="forminator-floating-"]){
	font-size:1.7em;
	line-height:1.6
}

.faq-item p{
	font-family: var(--e-global-typography-text-font-family), serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    color: var(--e-global-color-text);
}

#site-footer.site-footer .footer-inner{
	max-width:90%;
}

@media screen and (max-width:1100px){
	
	.layer-christ2{ 
		background-size: 1600PX;
    margin-top: -300px;
	}

}


@media screen and (max-width:990px){
	.site-header{
		z-index:999;
		padding-top:30px;
		background:transparent!important;
}
	.site-navigation-toggle-holder .site-navigation-toggle{
		color:#fff; 	background:transparent;
	}
	.scroll .site-navigation-toggle-holder .site-navigation-toggle{
		color:#AD1A1A;
	}
	.site-navigation-toggle-holder .site-navigation-toggle-icon{
		width:2em;
	}
	.site-navigation-dropdown ul.menu li.current-menu-item a{
		background:var(--givewp-red-600);
	}

.site-navigation{
	width:100%;
	z-index:999:
	justify-content: space-around;
}

	header.site-header+main#content.page{
			top: -59px;
	}
	

    .parallax-wrapper1 {
        height: 500px;
    }
	.parallax-bg{height:450px;}

    .layer-christ {
       height: 477px;
    }

    .layer-christ2 {
        background-size: 140vw
    }
}

@media screen and (max-width: 800px) {
    .hitos ul li {
        max-width:48%;
    }
}

@media screen and (max-width:500px){
	.hitos ul li{
	max-width:98%;
	}
}

.cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show{    padding: 1vh 2vw;
    height: 42px;
    font-size: .9em;
    font-weight: 100;
    font-family: "Source Sans Pro", serif;
    box-shadow: none!important;
    background: transparent!important;}
.cmplz-cookiebanner .cmplz-message{
	margin-bottom:0;
}

.woonp.woonp-default.woonp-type-default{
	font-size:1.4em;
margin-bottom: 1.2em;
    margin-top: -.5em;
}
input.woonp-input#woonp_134{border-radius:5px}



/* entradas recientes */

.posts-grid {
    display: grid;
    gap: 24px;
}

.posts-grid.columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

/* Tablet */
@media (max-width: 1024px) {
    .posts-grid.columns-3 {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Móvil */
@media (max-width: 767px) {
    .posts-grid {
        grid-template-columns: 1fr !important;
    }
}

.post-item {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #eee;
    transition: transform 0.2s ease;
}

.post-item:hover {
    transform: translateY(-5px);
}

.post-thumb  {
	    max-height: 190px;
    overflow: hidden;
}
.post-thumb img {
    width: 100%;
    display: block;
}

#content .post-item h3 {
    font-size: 1.8em;
    margin: 15px;
}

#content .post-item p {
    margin: 0 15px 15px;
}

.btn {
    display: inline-block;
    margin: 0 15px 15px;
    padding: 10px 16px;
    background: #dfa9a345;
    border-radius: 6px;
    text-decoration: none;
}