/* FONTS */

@font-face {
    font-family: 'BourtonLineBold';
    src: url('../fonts/BourtonLineBold.woff2') format('woff2'),
        url('../fonts/BourtonLineBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Elegant Garamond';
    src: url('../fonts/ElegantGaramondBT-Roman.woff2') format('woff2'),
        url('../fonts/ElegantGaramondBT-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ElegantGaramondW03-Rom';
    src: url('../fonts/ElegantGaramondW03-Rom.woff2') format('woff2'),
        url('../fonts/ElegantGaramondW03-Rom.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - ATBSerif Rg';
    src: url('../fonts/FONTSPRINGDEMO-ATBSerifRgRegular.woff2') format('woff2'),
        url('../fonts/FONTSPRINGDEMO-ATBSerifRgRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'avenirblack';
    src: url('../fonts/avenir_black-webfont.woff2') format('woff2'),
         url('../fonts/avenir_black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avenirbook';
    src: url('../fonts/avenir_book-webfont.woff2') format('woff2'),
         url('../fonts/avenir_book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avenirheavy';
    src: url('../fonts/avenir_heavy-webfont.woff2') format('woff2'),
         url('../fonts/avenir_heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avenirlight';
    src: url('../fonts/avenir_light-webfont.woff2') format('woff2'),
         url('../fonts/avenir_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avenirmedium';
    src: url('../fonts/avenir_medium-webfont.woff2') format('woff2'),
         url('../fonts/avenir_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avenir_regularregular';
    src: url('../fonts/avenir_regular-webfont.woff2') format('woff2'),
         url('../fonts/avenir_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'elegant_garamonditalic';
    src: url('../fonts/elegant_garamond_italic-webfont.woff2') format('woff2'),
         url('../fonts/elegant_garamond_italic-webfont.woff') format('woff');
    font-weight: normal;
	font-weight: 400;
    font-style: normal;

}

* {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition:  all 0.5s ease;
}

a {
text-decoration:none;
}

h1, h2, p, a {
/*
font-family: 'BourtonLineBold';
*/
margin:0px auto;
}

body {
margin:0px;
padding:0px;
animation: bugfix infinite 1s;
-webkit-animation: bugfix infinite 1s;
overflow-x:hidden;
}

.clear {
clear:both;
}

main {
margin:0px auto;
width:100%;
}

.wide {
margin:0px auto;
width:100%;
text-align:center;
}

.fondo-rosa {
background:#e3d6c2;
}

.wide div {
width:100%;
max-width:1050px;
margin:0px auto;
}

/* HEADER */

header {
position:fixed;
top:0px;
z-index:4;
margin:0px auto;
width:100%;
}

header.active {
background:rgba(0,0,0,0.5);	
}

@media (max-width: 900px){
	
header {
background:rgba(0,0,0,0.5) !important;	
}

}

.header {
margin:0px auto;
width:100%;
max-width:1050px;
padding:10px 0px;
display: flex;
justify-content: space-between;
}

.logo {
display:inline-flex;
width:380px;
}

.logo a {	
display:flex;
text-indent:-9999px;
width:380px;
height:65px;
background:url(../img/logo-negro.svg) no-repeat center;
background-size:contain;
}

.logo a:hover {
opacity:0.7;
}

/* MENU */

.menu {
display:inline-flex;
}

#menu {
display:flex;
}
#menu ul, #menu li {
	/*
	margin: 0 auto;
	*/
	padding: 0;
	list-style: none
}
#menu ul {
	width: 100%;
	text-align: right;
	margin-top:20px;
}
#menu li {
	display: inline-block;
	position: relative;
}
#menu a {
font-family: 'BourtonLineBold';
	display: block;
	padding: 0 6.5px;
	text-decoration: none;
	color: #000;
	font-size: 13.5px;
	text-transform:uppercase;
}
#menu a.dropdown-arrow:after {
	content: "\25BE";
	margin-left: 5px;
}
#menu li a:hover {
	color: #000;
	text-decoration:underline;
}
#menu input {
	display: none;
	margin: 0;
	padding: 0;
	width: 100%;
	opacity: 0;
	cursor: pointer
}
#menu label {
	display: none;
	text-align: center;
	position: absolute;
	left: 35px
}
#menu label:before {
	font-size: 1.6em;
	color: #FFFFFF;
	content: "\2261"; 
	margin-left: 20px;
}
#menu ul.sub-menus{
	height: auto;
	overflow: hidden;
	width: 170px;
	background: #444444;
	position: absolute;
	z-index: 99;
	display: none;
}
#menu ul.sub-menus li {
	display: block;
	text-align: left;
	width: 100%;
}
#menu ul.sub-menus a {
	color: #FFFFFF;
	font-size: 16px;
}
#menu li:hover ul.sub-menus {
	display: block
}
#menu ul.sub-menus a:hover{
	background: #F2F2F2;
	color: #444444;
}

.home #menu a {
	color: #fff;
}

.home .logo a {
background:url(../img/logo.svg) no-repeat center;
background-size:contain;
}

header.active #menu a {
	color: #fff;
}

header.active .logo a {
background:url(../img/logo.svg) no-repeat center;
background-size:contain;
}

/* MENU MOBILE */

#overlay-button, #overlay, #overlay-input {
display:none;
}

@keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}

/* SPLASH */

.full-screen {
position: relative;
width: 100%;
height: 100vh;
background-image: url(../pics/1_home_2.jpg);
background-size: cover;
background-position: center;
display: flex;
justify-content: center;
align-items: center;
}

.centered {
padding: 0px;
}

.centered h1 {
    display: inline-block;
    position: relative;
    padding: 20px;
    color: white;
    text-align: center;
    background-image: url(../img/logo-grande.svg);
    background-size: contain; /* Or 'contain' depending on your preference */
    background-position: center;
    background-repeat: no-repeat;
    width: 100%; /* Adjust width as needed */
    max-width: 610px; /* Adjust max-width as needed */
    height: auto;
    aspect-ratio: 610/360; /* Set the desired aspect ratio */
    margin: 20px;
}

.centered h1::before {
    content: "";
    display: block;
    padding-top: 59.01%; /* 16:9 aspect ratio (height / width * 100) */
}

.centered h1 span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* FOOTER */

footer {
margin:0px auto;
width:100%;
}

footer div {
margin:0px auto;
width:100%;
background:#e3d6c2;
}

footer div div:nth-Child(1) {
margin:0px auto;
width:100%;
height:164px;
background:url(../img/footer-bg.jpg) repeat-x center;
display: flex;
justify-content: center;
align-items: center;
}

footer div div:nth-Child(2) {
margin:0px auto;
width:calc(100% - 75px);
background:#e3d6c2;
max-width:1050px;
padding:50px 0px;
}

footer div div a {
font-family: 'BourtonLineBold';
color: #000000;
font-size:13px;
font-size:18px;
text-transform:uppercase;
}

footer div div a:hover {
text-decoration:underline;
}

footer div div:nth-Child(1) a {
background:#e3d6c2;
position:relative;
display:inline-block;
padding:9px 20px 13px 40px;
}

footer div div:nth-Child(1) a::before {
content:url('../img/logo-instagram.svg');
display:block;
position:absolute;
top:13px;
left:20px;
}

footer div div:nth-Child(1) a:hover {
text-decoration:none;
background:#000;
color: #e3d6c2;
}




/* MENSAJE NOVIOS */

.mensaje-novios div {
display: inline-block;
margin: 0px auto;
text-align: center;
padding: 65px 0px 45px 0px;
}

.mensaje-novios h2 {
display:block;
text-align:center;
font-size:11px;
color:#000;
font-family: 'BourtonLineBold';
}

.mensaje-novios h1 {
width:90%;
font-family: 'Elegant Garamond';
font-size:38px;
color:#9a2741;
text-transform:none;
padding:25px 0px 35px 0px;
}

.mensaje-novios a {
display:inline-block;
text-align:center;
font-size:11px;
font-size:1em;
padding:5px 50px 10px 50px;
color:#fff;
background:#6b654c;
font-family: 'BourtonLineBold';
}

.mensaje-novios a:hover {
color:#6b654c;
background:#fff;
}

/* CONTACTO */

.home-contacto h1 {
font-family: 'FONTSPRING DEMO - ATBSerif Rg';
font-size:38px;
text-transform:uppercase;
color:#6b654c;	
margin-top:160px;
}

.home-contacto a {
font-size:11px;
text-transform:uppercase;
color:#000000;	
display:block;
margin:20px auto 35px auto;
}

.home-contacto a:hover {
text-decoration:underline;
}

.home-contacto h3 {
background: url(../img/logo-mobile-marron.svg) no-repeat center;
background-size: contain;
width: 135px;
height: 65px;
display: inline-block;
text-align: center;
text-indent: -9999px;
margin-bottom:60px;
}

/* DEJAME */

.home-dejame {
display: flex;
width: 100%;
max-width:1050px;
height: auto;
margin:80px auto 120px auto;
display: flex;
align-items: center; /* Vertically center the contents */
}

.home-dejame .izquierda, .home-dejame .derecha {
width: 52%;
padding: 0px;
display: flex;
align-items: center; 
justify-content: center;
}

.home-dejame .izquierda h1 {
display:flex;
font-family: 'FONTSPRING DEMO - ATBSerif Rg';
font-size:38px;
line-height:44px;
color:#6b654c;
text-transform:uppercase;
text-align:center;
}

.home-dejame .derecha {
width: 48%;
}

.home-dejame .derecha h1 {
display:flex;
font-size:11px;
font-size:15px;
line-height:16px;
text-transform:uppercase;
text-align:center;
font-family: 'BourtonLineBold';
}

/* CUENTAME TUS SUEÑOS */

.home-cuentame {
display: flex;
width: 100%;
max-width:1050px;
height: auto;
}

.home-cuentame .izquierda, .home-cuentame .derecha {
width: 48%;
padding: 0px;
}
		
.home-cuentame .izquierda div {
background:url(../pics/2_home.jpg) no-repeat center;
background-size:cover;
position:relative;
height:calc(100% - 90px);
top:45px;
}

.home-cuentame .derecha {
width: calc(52% - 65px);
padding:100px 25px 45px 40px;
background-color: #e3d6c2;
}

.home-cuentame .derecha h1 {
text-align:left;
font-size:68px;
line-height:65px;
color:#6b654c;	
font-family: 'ElegantGaramondW03-Rom';
font-weight:400;
}

.home-cuentame .derecha h1 strong {
font-size:87px;
line-height:75px;
font-weight: 400;
}

.home-cuentame .derecha h2 {
font-size:12px;
text-transform:uppercase;
text-align:left;
margin:45px 0px 115px 0px;	
font-family: 'BourtonLineBold';
}

.home-cuentame .derecha a {
display:inline-block;
text-align:center;
font-size:11px;
padding:10px 50px 15px 50px;
color:#fff;
background:#6b654c;
font-family: 'BourtonLineBold';
}

.home-cuentame .derecha a:hover {
color:#6b654c;
background:#fff;
}

/* SOBRE MI TEXTO */

.sobremi-texto {
display: flex;
width: 100%;
max-width:1050px;
height: auto;
margin:180px auto 60px auto;
}

.sobremi-texto .izquierda, .sobremi-texto .derecha {
width: 40%;
padding: 0px;
}

.sobremi-texto .derecha {
width: 60%;
padding: 0px;
}

.sobremi-texto .imagen {
background:url(../pics/sobre-mi-lorena.jpg) no-repeat center;
background-size:cover;
 width: 100%;
aspect-ratio: 978 / 1202;
display: flex;
}

.sobremi-texto .izquierda .imagen {
background:url(../pics/sobre-mi-lorena.jpg) no-repeat center;
background-size:cover;
}

.sobremi-texto .derecha .imagen {
background:url(../pics/sobre-mi-imagen.jpg) no-repeat center;
background-size:cover;
aspect-ratio: 1291 / 1653;
}

.sobremi-texto .izquierda h1,
.sobremi-texto .izquierda h2 {
text-align:left;
font-size:12px;
line-height:16px;
color:#000;	
font-family: 'avenirmedium';
}

.sobremi-texto .izquierda h1 {
margin-top:10px;	
}

.sobremi-texto .izquierda h1 span {
font-family: 'avenirblack';	
}

.sobremi-texto .izquierda h2 {
text-transform:uppercase;
}

.sobremi-texto .izquierda hr {
margin:35px 0px;	
}

.sobremi-texto .izquierda p {
text-align:left;
font-size:14px;
line-height:22px;
color:#000;	
margin-bottom:50px;
font-family: 'avenirbook';		
}

.sobremi-texto .derecha {
width: calc(60% - 50px);
padding:0px 0px 0px 50px;
}

.sobremi-texto .derecha h1 {
text-align:left;
font-size:66px;
font-weight: 400;
line-height:70px;
color:#6B654C;	
margin-bottom:65px;
font-family: 'Elegant Garamond';
}

.sobremi-texto .derecha h1 p em,
.sobremi-texto .derecha h1 em {
font-family: 'elegant_garamonditalic';
font-weight: 400;
}

.sobremi-texto .derecha h1 span {
font-family: 'elegant_garamonditalic';
font-weight: 400;
}

.sobremi-texto .derecha h2 {
font-size:12px;
text-transform:uppercase;
text-align:left;
margin:45px 0px 115px 0px;	
}

.sobremi-texto .derecha a {
display:inline-block;
text-align:center;
font-size:11px;
padding:10px 50px 15px 50px;
color:#fff;
background:#6b654c;
}

.sobremi-texto .derecha a:hover {
color:#6b654c;
background:#fff;
}

/* SOBRE MI DOS COLUMNAS */

.sobremi-columnas {
display: flex;
width: 100%;
max-width:1050px;
height: auto;
margin:60px auto;
}

.sobremi-columnas .izquierda, .sobremi-columnas .derecha {
width: 55%;
padding: 0px;
}

.sobremi-columnas .derecha {
width: 45%;
padding: 0px;
}
		
.sobremi-columnas .izquierda div {
background:url(../pics/2_home.jpg) no-repeat center;
background-size:cover;
position:relative;
height:calc(100% - 0px);
top:0px;
}

.sobremi-columnas .derecha {
width: calc(45% - 110px);
padding:100px 55px 55px 50px;
}

.sobremi-columnas .derecha h1 {
text-align:center;
font-size:70px;
color:#6B654C;	
margin-bottom:50px;
font-family: 'Elegant Garamond';
    line-height: 70px;
    font-weight: 400;
}

.sobremi-columnas .derecha h1 span {
font-size:68px;
line-height:65px;
}

.sobremi-columnas .derecha h2 {
font-size:12px;
text-transform:uppercase;
text-align:left;
margin:45px 0px 115px 0px;	
}

.sobremi-columnas .derecha a {
display:inline-block;
text-align:center;
font-size:11px;
padding:10px 50px 15px 50px;
color:#fff;
background:#6b654c;
font-family: 'BourtonLineBold';
}

.sobremi-columnas .derecha a:hover {
color:#6b654c;
background:#fff;
}

/* SOBRE MI IMAGEN */

.sobre-mi-imagen {
background:url(../pics/2_home.jpg) no-repeat center;
background-size:cover;	
}

.sobre-mi-imagen div {
display: inline-block;
margin: 0px auto;
text-align: center;
padding: 180px 0px 20px 0px;
}

.sobre-mi-imagen h1 {
width:90%;
font-family: 'Elegant Garamond';
font-size:66px;
font-weight: 400;
    line-height: 66px;
color:#fff;
text-transform:none;
text-align: center;
padding: 0px;
margin-bottom:100px;
}

.sobre-mi-imagen h3 {
background: url(../img/logo-mobile-blanco.svg) no-repeat center;
background-size: contain;
width: 135px;
height: 65px;
display: inline-block;
text-align: center;
text-indent: -9999px;
margin-bottom:0px;
}


/* PORTFOLIO */

.portfolio {
max-width:1050px;
}

.portfolio h2 {
margin-top:140px;
color: #6B654C;
font-size:11px;
font-size:17px;
font-family: 'BourtonLineBold';
}

.portfolio hr {
margin:40px auto;
color: #6B654C;
font-size:11px;
font-family: 'BourtonLineBold';
}

.portfolio h1 {
width:75%;
color: #6B654C;
font-size:38px;
line-height:38px;
text-transform:uppercase;
font-family: 'Elegant Garamond';
font-weight:400;
margin-bottom:30px;
}

.portfolio .imagen {
background:url(../pics/portfolio-cabecera.jpg) no-repeat center;
background-size:cover;
 width: 100%;
aspect-ratio: 2452 / 1262;
display: flex;
}

.portfolio-bloques {
display: flex;
flex-wrap: wrap;
justify-content: space-between; /* Distribute space between items */
width: 100%; /* Full width of the container */
padding: 0 0px; /* Add padding to match the gap */
box-sizing: border-box; /* Ensure padding is included in width calculation */
margin:initial !important;
margin-top:40px !important;
}

.portfolio .portfolio-bloque  {
flex: 0 1 calc(50% - 20px); /* 50% width minus half of the gap on both sides */
margin:initial;
margin-bottom: 40px; /* Gap between rows */
box-sizing: border-box; /* Ensure padding and border are included in the width and height */
}

.portfolio .portfolio-bloque-wide  {
flex: 0 1 calc(100% - 0px); /* 50% width minus half of the gap on both sides */
}

.portfolio .portfolio-bloque .imagen  {
background:url(../pics/portfolio-imagen.jpg) no-repeat center;
background-size:cover;
width: 100%;
aspect-ratio: 1178 / 1783;
display: flex;
}

.portfolio .portfolio-bloque-wide .imagen  {
aspect-ratio: 2000 / 1178;
}

.portfolio .portfolio-bloque p {
margin-top:10px;
color: #000;
font-size:13px;
text-align:left;
font-family: 'avenirbook';
}

.portfolio .portfolio-bloque a:hover .imagen {
opacity:0.7;	
}

.portfolio .portfolio-bloque a:hover p {
text-decoration:underline;	
}

.portfolio .menu {
width: 100%;
display: flex;
justify-content: center;
padding: 20px 0;
}

.portfolio ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center; /* Align items vertically center */
}

.portfolio ul li {
margin: 0 20px; /* Adjust margin as needed */
position: relative;
    color: #6B654C;
    font-size: 12.5px;
    font-family: 'avenirbook';
    text-align: left;
    line-height: 12px;
}

.portfolio ul li a {
text-decoration: none;
color: #6B654C;
font-size:11px;
font-size: 17px;
text-transform:uppercase;
padding: 15px 20px;
display: block;
position: relative;
text-align:center;
font-family: 'BourtonLineBold';
}

.portfolio ul li a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #6B654C;
transform: scaleX(0);
transition: transform 0.3s ease;
}

.portfolio ul li a:hover::after,
.portfolio ul li a:focus::after,
.portfolio ul li a:active::after {
transform: scaleX(1);
}

/* PORTFOLIO ITEMS */

.portfolio-item h1 {
margin-top:140px;
margin-bottom:0px;
}

.portfolio-item h3 {
margin:0px auto;
color: #6B654C;
font-size:38px;
font-weight: 400;
font-family: 'Elegant Garamond';
}

.portfolio-item h2 {
margin:50px 0px;
}

.portfolio-item h4 {
float:left;
width:80%;
margin:0px auto;
color: #6B654C;
font-size:11px;
font-family: 'BourtonLineBold';
text-transform:initial !important;
text-align: left;
line-height: 20px;
padding:0px;
padding-left: 25px;
border-left:2px solid #6B654C;
margin-bottom:50px;
}

.portfolio-item h5 {
float:left;
width:100%;
margin:0px auto;
color: #9A2741;
font-size:30px;
font-family: 'Elegant Garamond';
font-weight: 400;
text-align: left;
}

.portfolio-item h5:nth-of-type(1) {
text-trasnform:uppercase;
}

.portfolio-item p {
float:left;
width:100%;
margin:0px auto;
color: #000;
font-size:14px;
font-family: 'avenirbook';
text-align: left;
margin:50px 0px;
}

/* BLOG */

.blog-bloque {
display: flex;
width: 100%;
max-width:1050px;
height: auto;
margin:35px auto;
}

.blog-bloque:nth-of-type(1) {
margin:120px auto 35px auto;	
}

.blog-bloque .izquierda, .blog-bloque .derecha {
width: 40%;
padding: 0px;
}

.blog-bloque .derecha {
width: 60%;
padding: 0px;
}
		
.blog-bloque .izquierda div {
background:url(../pics/2_home.jpg) no-repeat center;
background-size:cover;
position:relative;
height:calc(100% - 0px);
top:0px;
}

.blog-bloque .derecha {
width: calc(60% - 110px);
padding:50px 55px 0px 50px;
background:#EBE9E3;
}

.blog-bloque .derecha h1 {
text-align:center;
font-size:30px;
    font-weight: 400;
color:#9A2741;	
font-family: 'Elegant Garamond';
text-transform:uppercase;
margin:0px auto;
}

.blog-bloque .derecha h1:nth-of-type(2) {
text-transform:initial;
}

.blog-bloque .derecha h2 {
font-size:15px;
text-align:center;
color:#000;
margin:0px 0px 30px 0px;
font-family: 'BourtonLineBold';	
}

.blog-bloque .derecha a {
display:inline-block;
text-align:center;
font-size:11px;
font-size: 15px;
padding:0px;
margin:50px 0px 30px 0px;
color:#6B654C;
text-transform:initial;
font-family: 'BourtonLineBold';
}

.blog-bloque .derecha a:hover {
text-decoration:underline;
}

/* SERVICIOS */

.servicios h1 {
width:75%;
color: #6B654C;
font-size:55px;
line-height: 50px;
font-family: 'elegant_garamonditalic';
font-weight: 400;
text-transform:initial;
margin-bottom:45px;
}

.servicios h3 {
width:75%;
color: #6B654C;
font-size:38px;
font-family: 'Elegant Garamond';
font-weight: 400;
text-transform:uppercase;
margin:0px auto 65px auto;
text-align:center;
}

.servicios .imagen {
margin:40px auto;
}


.servicios-bloque {
border-top:2px solid #6B654C;	
display:flex;
padding-bottom:50px;
}

.servicios-bloque div:nth-of-type(1) {
display:inline-block;
padding-right:40px;
width:30%;	
}

.servicios-bloque div:nth-of-type(2) {
display:inline-block;
width:45%;	
}

.servicios-bloque div:nth-of-type(3) {
display:inline-block;
width:25%;	
}

.servicios-bloque h1,
.servicios-bloque h2 {
width:100%;
margin:30px auto 10px auto;
color: #9A2741;
font-size:30px;
line-height: 30px;
font-family: 'Elegant Garamond';
font-weight:400;
text-transform:uppercase;	
text-align:left;
}

.servicios-bloque h2 {
text-transform:initial;
margin:0px auto 10px auto;
}

.servicios-bloque p {
width:80%;
margin:30px auto 10px 0px;
color: #6B654C;
font-size:12.5px;
font-family: 'BourtonLineBold';	
font-family: 'avenirbook';	
text-align:left;
}

.servicios-bloque p strong {
font-size:15px;
color: #000;
font-weight:700;
}

.servicios-bloque a {
float:right;
margin-top:30px;
padding:12px 30px;
color: #fff;
font-size:18px;
font-family: 'Elegant Garamond';
text-align:center;
background:#6B654C;
}

.servicios-bloque a:hover {
background:#000;
}

.servicios ul {
list-style: disc;
    margin: 0;
    margin-left: 40px;
    padding: 0;
    display: block;
    float: left;
}
1306

.servicios ul li {
margin: 0px auto;
    position: relative;
    width: 100%;
    margin: 0px auto;
    color: #6B654C;
    font-size: 12.5px;
    font-family: 'BourtonLineBold';
	font-family: 'avenirbook';		
    text-align: left;
}

/* CONTACTO */

.contacto-titulo {
margin-top:140px;
width:100%;	
}

.contacto-titulo h1 {
margin:0px auto;
width:90%;
color: #6B654C;
font-size:55px;
line-height: 50px;
font-family: 'elegant_garamonditalic';
font-weight: 400;
text-align:center;
text-transform:initial;
}

.contacto-titulo h2 {
margin:0px auto 50px auto;
width:90%;
color: #6B654C;
font-size:30px;
font-family: 'elegant_garamonditalic';
font-weight: 400;
text-align:right;
}

.contacto {
display: flex;
width: 100%;
max-width:1050px;
height: auto;
margin-bottom:50px;
}

.contacto .izquierda, .contacto .derecha {
width: 48%;
padding: 0px;
}
		
.contacto .derecha div {
background:url(../pics/2_home.jpg) no-repeat center;
background-size:cover;
position:relative;
height:calc(100% - 90px);
top:45px;
}

.contacto .izquierda {
width: calc(52% - 65px);
padding: 0px;
}

.contacto .izquierda h1 {
text-align:left;
font-size:37.5px;
color:#6B654C;	
font-family: 'Elegant Garamond';
text-transform:uppercase;
}

.contacto .izquierda h1 span {
font-size:68px;
line-height:65px;
}

.contacto .izquierda h2 {
font-size:12.54px;
text-transform:initial;
text-align:left;
margin:10px 0px 25px 0px;
font-family: 'BourtonLineBold';		
}

.contacto .izquierda .form-item {
display:block;
width:100%;
text-align:left;
margin-bottom:20px;
}

.contacto .izquierda .form-item-doble {
float:left;
width:calc(50% - 10px);
}

.contacto .izquierda .form-item-doble:nth-child(even) {
margin-left:20px;
}

.contacto .izquierda label {
display:block;
width:100%;
font-family: 'Elegant Garamond';
font-size:12px;
font-size:14px;
color:#000;
margin-bottom:10px;
}

.contacto .izquierda label span {
color:#6B654C;
}

.contacto .izquierda input[type="text"] {
width:calc(100% - 20px);
border:2px solid #938B69;
font-size:12px;
font-size:14px;
color:#000;
padding:5px 10px;
}

.contacto .izquierda textarea {
width:calc(100% - 20px);
min-height:60px;
border:2px solid #938B69;
font-size:12px;
font-size:14px;
color:#000;
padding:5px 10px;
}

.contacto .izquierda input[type="button"],
.contacto .izquierda button {
float:left;
width:auto;
background:none;
border:2px solid #938B69;
font-size:18px;
color:#6B654C;
padding:10px 30px;
font-family: 'Elegant Garamond';
}

.contacto .izquierda input[type="button"]:hover,
.contacto .izquierda button:hover{
background:#6B654C;
color:#fff;
cursor:pointer;
}

/* TITULO SIMPLE */

.titulo-simple h1 {
width:100%;
max-width:850px;
font-family: 'Elegant Garamond';
color:#9a2741;
font-size:46px;
margin:60px auto;
}

/* HOME BOTONES */

.botones-home {
margin-bottom:60px;
}

.button-row {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.button {
    position: relative;
    width: calc(33.333333% - 32px) !important; 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
	aspect-ratio: 30/45;
	margin:32px 16px !important;
	display: flex;
    align-items: flex-end;
    justify-content: center;
    text-decoration: none; /* Remove underline from links */
}

.button:nth-child(1) {
    background-image: url(../pics/3_home.jpg);
}

.button:nth-child(2) {
    background-image: url(../pics/4_home.jpg);
}

.button:nth-child(3) {
    background-image: url(../pics/5_home.jpg);
}

.button-text {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    padding: 5px 10px;
	font-size:38px;
	text-transform:uppercase;
	font-family: 'BourtonLineBold';
}

.button:hover {
	opacity:0.7;
}

.button:hover .button-text {
	bottom: 60px;
}



.portfolio .masonry-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Two equal-width columns */
  grid-auto-rows: masonry; /* Dynamically calculate row height based on content */
  gap: 20px; /* Gap between items */
  margin: 0px auto !important;
  position: relative;
}

.portfolio .masonry-item {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  transform: translateY(var(--masonry-offset, 0px)); /* Custom offset for overlapping */
}

.portfolio .masonry-item img {
  display: block;
  width: 100%;
  height: auto;
}

/* Adjust individual items' overlapping with custom offsets */
.portfolio .masonry-item:nth-child(3) {
  --masonry-offset: -40px; /* Example: Moves item up by 40px */
}

.portfolio .masonry-item:nth-child(6) {
  --masonry-offset: -20px; /* Example: Moves item up by 20px */
}
/*

        .portfolio .masonry-item {
            margin-bottom: 20px;
            overflow: hidden;
            transition: transform 0.2s ease;
        }

        .portfolio .masonry-item img {
            display: block;
            width: 100%;
            height: auto;
            transition: transform 0.2s ease;
        }

        .portfolio .masonry-item:hover img {
            transform: scale(1.05);
        }
		
		.masonry-container {
            margin: 0px !important;
			max-width:840px !important;
			background:#f00 !important;
        }

        .masonry-item {
			width:calc(50%-0px) !important;
            margin-bottom: 40px !important;
            overflow: hidden !important;
            transition: transform 0.2s ease !important;
        }

        .masonry-item img {
            display: block !important;
            width: 100% !important;
            height: auto !important;
            transition: transform 0.2s ease !important;
        }

        .masonry-item:hover img {
            transform: scale(1.05);
        }
		*/
		
		
.boxes-con{
  display: flex;
  flex-direction: row;
  padding: 0px;
}
.boxes {
  margin: 0px 0px 40px 0px !important;
  width: 100% !important;
  padding: 0px !important;
  background: goldenrod;
}
.boxes img {
  width: 100% !important;
}
.sub {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0px;
}
.sub.box2 {
    margin-left: 40px;
}

.testimonios:first-of-type {
margin-top:40px;
}

.testimonios:last-of-type {
margin-bottom:40px;
}


/* TESTIMONIOS */
.testimonios {
	display: flex;
    position: relative;
    overflow: hidden;
	max-width:1050px;
	margin-top:40px;
}
.testimonios .izquierda {
    flex: 1;
    position: relative;
    z-index: 2;
    margin-top: 40px;
}
.testimonios .derecha {
    flex: 1;
    position: relative;
    padding: 40px;
    background-color: #E3D6C2;
}

.testimonios-2 .derecha {
    z-index: 3;
}

.testimonios .derecha::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 80vw;
    height: 100%;
    background-color: #E3D6C2;
    z-index: -1;
    transform: translateX(-50%);
}

.testimonios-2 .izquierda::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 80vw;
    height: 100%;
    background-color: #E3D6C2;
    z-index: -1;
    transform: translateX(-50%);
}

.testimonios img {
    width: 100%;
	margin-bottom: 40px;
}
.testimonios h1, 
.testimonios h2  {
	color: #6B654C;
	font-size: 45px;
	line-height: 42px;
	font-family: 'elegant_garamonditalic';
	font-weight: 400;
	text-transform: initial;
	margin-bottom: 15px;
	text-align: left;
}
.testimonios h2 {
	font-size: 25px;
	line-height: 30px;
}
.testimonios h3 {
    width: 100%;
    margin: 20px auto 40px auto;
    color: #9A2741;
    font-size: 24px;
    font-family: 'Elegant Garamond';
    font-weight: 400;
    text-align: right;
}
.testimonios-2 h3 {
    text-align: left;
}
.testimonios-2 .derecha img {
    margin-top: 40px !important;
}
.testimonios-2 .derecha::before {
    background: none !important;
}
.testimonios-2 .derecha {
    background: none !important;
    padding: 0px;
}
.testimonios-2 .derecha {
    z-index: 3;
}
.wide.testimonios.testimonios-2 .izquierda {
    z-index: 3 !important;
    padding: 40px;
}
.testimonios-2 .izquierda {
    margin-top: 0px !important;
}


.portfolio video {
width: 100%;
height: auto;
margin-bottom:0px;
}

.blog-imagen  {
	width:100%;
	display:none;
	
	
}
.blog-imagen img {
	width:100%;
	height:auto;
	
}


div#wpforms-error-noscript {
    display: none;
}

.frm_fields_container input[type="text"],
.frm_fields_container textarea {
    border-radius: 0px;
}

.frm_fields_container .frm_button_submit {
	float: left !important;
    width: auto !important;
    background: none !important;
    border: 2px solid #938B69 !important;
    font-size: 18px !important;
    color: #6B654C !important;
    padding: 10px 30px !important;
    font-family: 'Elegant Garamond' !important;
	border-radius: 0px !important;
}


.zoom-social-icons-shortcode {
	position: fixed;
    right: 10px;
    bottom: 10px;	
}