/* ============================================================
   Agora Custom Overrides
   Cambios sobre site.css — editar este archivo directamente
   ============================================================ */

/* #history — Description */
main#desktop section#history .description {
	/* background: linear-gradient(to right, #b4012e, transparent); */
	right: unset;
	left: 15%;
	width: auto;
	background: transparent;
}

main#desktop section#history .description::before{
	content: '';
	background: linear-gradient(to right, #b4012e 60%, transparent );
	position: absolute;
	top: 0;
	right: 0;
	width: 85%;
	height: 100%;
	z-index: 1;
}

/* #history — Letter */
main#desktop section#history .letter {
	background: url(img/letter-a.png);
	height: 200px;
	width: 200px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 2;
}
main#desktop section#history .text{
	z-index: 3;
	transform: none!important;
	width: 900px; /* overridden by RWD block below */
}
main#desktop section#history .text p{
	width: 100%;
	max-width: 650px;
}
main#desktop section#history .text strong{
	color: white;
}
/* #intro — Fix gap hero */
main#desktop section#intro {
	margin-top: -92px;
}


 main#desktop section#history{
	background: url(img/history-background-1.png) no-repeat center/cover transparent;
}

main#desktop section#history::before{
	background: url(img/history-background-casa-2.png) no-repeat center/cover transparent;
} 

main#desktop section#history::after{
	background: url(img/history-background-1.png) no-repeat center/cover transparent;
}




/* =============================================
   #why — Box Wrapper glassmorphism
   ============================================= */

main#desktop section#why{
	background: url(img/hero-porque.jpg) no-repeat center/cover transparent;
}

main#desktop section#why .box-wrapper {
	background: linear-gradient(to left, #b4012e, transparent );
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	border: 1.5px solid rgba(255, 255, 255, 0.5);
	border-radius: 28px;
	padding: 55px 70px;
	max-width: 500px;
	width: 80%;
	text-align: center;
}

main#desktop section#why .box-wrapper header {
	opacity: 1;
	transform: none;
}

main#desktop section#why .box-wrapper header h2 {
	color: #ffffff;
	font-size: 4.5rem;
	line-height: 1.1;
	font-family: 'Baskervville', serif;
	font-weight: 400;
}

main#desktop section#why .box-wrapper header h2 span {
	color: #ffffff;
	font-style: italic;
	font-family: 'Baskervville', serif;
	display: inline;
}

main#desktop section#why .box-wrapper .description {
	margin: 28px 0 0 0;
	opacity: 1;
	transform: none;
}

main#desktop section#why .box-wrapper .description p {
	color: rgba(255, 255, 255, 0.92);
	font-size: 1.5rem;
	line-height: 1.7;
	max-width: 580px;
	margin: 0 auto;
}

/* =============================================
   #contact — Redesign
   ============================================= */

main#desktop section#contact {
	background: url(img/history-background-1.png) no-repeat center/cover;
	padding: 80px 20px;
	position: relative;
}

main#desktop section#contact::before {
	display: none !important;
}

main#desktop section#contact::after{
	content: " ";
	position: absolute;
	z-index: 1;
	background: linear-gradient(transparent, white 50%);
	width: 100%;
	height: 400px;
	bottom: 0;
	left: 0;
}

/* White card */
main#desktop section#contact .contact-card {
	position: relative;
	z-index: 2;
	background: #ffffff;
	border-radius: 24px;
	padding: 50px 60px;
	max-width: 900px;
	margin: 0 auto;
	box-sizing: border-box;
}

/* Title */
main#desktop section#contact .contact-title {
	font-family: 'Baskervville', serif;
	font-weight: 400;
	font-style: normal;
	color: #531628;
	font-size: 3.2rem;
	text-align: center;
	margin: 0 0 22px 0;
	text-transform: none;
	line-height: 1.2;
}

/* Divider */
main#desktop section#contact .contact-divider {
	border: none;
	border-top: 1px solid #d0d0d0;
	margin: 0 0 36px 0;
}

/* Two-column body */
main#desktop section#contact .contact-body {
	display: flex;
	gap: 28px;
	align-items: flex-start;
}

main#desktop section#contact .contact-form-col {
	flex: 1;
	min-width: 0;
}

main#desktop section#contact .contact-map-col {
	width: 336px;
	height: 340px;
	flex-shrink: 0;
	overflow: hidden;
}

main#desktop section#contact .contact-map-col iframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
}

/* CF7 form — hide built-in header */
main#desktop section#contact .wpcf7-form > header {
	display: none;
}

/* CF7 — single field row: label + input */
main#desktop section#contact .wpcf7-form .single-field {
	display: flex;
	align-items: flex-start;
	margin-bottom: 16px;
	gap: 0;
}

main#desktop section#contact .wpcf7-form .single-field > label {
	width: 96px;
	padding-top: 10px;
	font-size: 1.4rem;
	color: #2a2a2a;
	flex-shrink: 0;
	font-weight: 400;
}

main#desktop section#contact .wpcf7-form .single-field .wpcf7-form-control-wrap {
	flex: 1;
	min-width: 0;
}

main#desktop section#contact .wpcf7-form .single-field input[type="text"],
main#desktop section#contact .wpcf7-form .single-field input[type="email"],
main#desktop section#contact .wpcf7-form .single-field input[type="tel"],
main#desktop section#contact .wpcf7-form .single-field textarea {
	width: 100%;
	border: 1.5px solid #8a1739;
	border-radius: 4px;
	padding: 9px 14px;
	font-size: 1.4rem;
	background: transparent;
	color: #2a2a2a;
	outline: none;
	font-family: inherit;
	box-sizing: border-box;
}

main#desktop section#contact .wpcf7-form .single-field textarea {
	height: 128px;
	resize: none;
}

main#desktop section#contact .wpcf7-form .single-field input:focus,
main#desktop section#contact .wpcf7-form .single-field textarea:focus {
	border-color: #531628;
}

/* Submit button */
main#desktop section#contact .wpcf7-form .buttons {
	padding-left: 96px;
	margin-top: 8px;
}

main#desktop section#contact .wpcf7-form .buttons .wpcf7-submit {
	background: #8a1739;
	color: #fff;
	border: none;
	padding: 11px 40px;
	border-radius: 30px;
	font-size: 1.4rem;
	cursor: pointer;
	font-family: inherit;
	transition: background 0.2s;
}

main#desktop section#contact .wpcf7-form .buttons .wpcf7-submit:hover {
	background: #531628;
}

/* Hide hidden UTM fields */
main#desktop section#contact .wpcf7-form .hidden-fields {
	display: none !important;
}

/* Reset old animated opacity on left/right-wrapper (no longer used) */
main#desktop section#contact.animated .left-wrapper,
main#desktop section#contact.animated .right-wrapper {
	opacity: 1;
	transform: none;
}


/* Developments */

main#desktop section#developments{
	background: linear-gradient(to right, #4a0416,#a30932);
}
main#desktop section#developments .common-image{
	width: 220px;
	height: 220px;
	overflow: hidden;
	border-radius: 20px;
	display: flex;
	align-items: center;
	margin: 0 auto;
}
main#desktop section#developments header h2 span{
	color: white;
}
main#desktop section#developments .logo{
	display: flex;
	justify-content: center;
}
main#desktop section#developments .description{
	text-align: center;
}
main#desktop section#developments .description p{
	color: white;
	font-size: 13px;
}
main#desktop section#developments .item .logo{
	height: 60px;
}
main#desktop section#developments .item .logo img{
	width: auto!important;
	max-width: 100%;
	height: 40px;
}

/* =============================================
   #main-footer — Redesign
   ============================================= */

footer#main-footer {
	background: #b4002e;
	padding: 0;
}

footer#main-footer .footer-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 60px;
	max-width: 1400px;
	margin: 0 auto;
	box-sizing: border-box;
}

footer#main-footer .footer-logo img {
	height: 58px;
	width: auto;
	display: block;
}

footer#main-footer .footer-address p {
	color: #ffffff;
	font-size: 1.5rem;
	margin: 0;
	font-weight: 400;
}

footer#main-footer .footer-social {
	display: flex;
	align-items: center;
	gap: 14px;
}

footer#main-footer .footer-social a {
	display: block;
	line-height: 0;
}

footer#main-footer .footer-social a img {
	height: 42px;
	width: 42px;
	display: block;
}

/* =============================================
   RESPONSIVE OVERRIDES
   Corrige overrides de custom.css que pisan
   los breakpoints de site.css
   ============================================= */

/* ---- iPad Horizontal (981–1224px) ---- */
@media only screen and (min-width: 981px) and (max-width: 1224px) {

    /* #history — text width ya definido en site.css: 530px */
    main#desktop section#history .text {
        width: 530px;
        max-width: 530px;
    }

    /* #contact — map ligeramente más estrecho */
    main#desktop section#contact .contact-map-col {
        width: 260px;
        height: 280px;
    }
    main#desktop section#contact .contact-card {
        padding: 44px 40px;
    }
    main#desktop section#contact .wpcf7-form .buttons {
        padding-left: 96px;
    }
}

/* ---- iPad Vertical (768–980px) ---- */
@media only screen and (min-width: 768px) and (max-width: 980px) {

    /* #history — text width ya definido en site.css: 405px */
    main#desktop section#history .text {
        width: 405px;
        max-width: 405px;
    }

    /* #contact — map más pequeño */
    main#desktop section#contact .contact-map-col {
        width: 220px;
        height: 260px;
    }
    main#desktop section#contact .contact-card {
        padding: 36px 28px;
    }
}

/* ---- Mobile (≤767px) ---- */
@media only screen and (max-width: 767px) {

    /* --- #history: restaurar layout mobile original --- */
    main#desktop section#history {
        background: #531628 !important;
    }
    main#desktop section#history::before {
        background: none !important;
        display: none !important;
    }
    main#desktop section#history::after {
        background: url(img/history-background.png) no-repeat center/cover transparent !important;
    }
    main#desktop section#history .description {
        background: linear-gradient(to right, #531628, #b00029) !important;
        left: 0 !important;
        right: unset !important;
        width: 100% !important;
        position: static !important;
    }
    main#desktop section#history .description::before {
        display: none !important;
    }
    main#desktop section#history .text {
        width: 100% !important;
        max-width: 100% !important;
        padding: 7.5%;
    }
    main#desktop section#history .text p {
        max-width: 100%;
    }
    main#desktop section#history .letter {
        background: url(img/letter-a.png) no-repeat center/auto 70% #e81945 !important;
        height: 30vw !important;
        width: 100vw !important;
    }

    /* --- #why: ajustar tamaños --- */
    main#desktop section#why .box-wrapper {
        width: 90%;
        max-width: 90%;
        padding: 36px 24px;
    }
    main#desktop section#why .box-wrapper header h2 {
        font-size: 3rem;
    }
    main#desktop section#why .box-wrapper .description p {
        font-size: 1.3rem;
    }

    /* --- #contact: apilar columnas --- */
    main#desktop section#contact {
        padding: 40px 14px;
    }
    main#desktop section#contact .contact-card {
        padding: 28px 18px;
        border-radius: 16px;
    }
    main#desktop section#contact .contact-title {
        font-size: 2.4rem;
    }
    main#desktop section#contact .contact-body {
        flex-direction: column;
    }
    main#desktop section#contact .contact-form-col {
        order: 1;
        width: 100%;
    }
    main#desktop section#contact .contact-map-col {
        order: 2;
        width: 100%;
        height: 200px;
    }
    main#desktop section#contact .wpcf7-form .single-field > label {
        width: 72px;
        font-size: 1.2rem;
    }
    main#desktop section#contact .wpcf7-form .buttons {
        padding-left: 0;
        text-align: center;
    }

    /* --- footer: reducir padding --- */
    footer#main-footer .footer-inner {
        padding: 14px 20px;
        gap: 8px;
    }
    footer#main-footer .footer-logo img {
        height: 44px;
    }
    footer#main-footer .footer-address p {
        font-size: 1.2rem;
    }
    footer#main-footer .footer-social a img {
        height: 34px;
        width: 34px;
    }
}