html {
  font-size: 16px;
  border: none;
 scroll-behavior: smooth;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
text-decoration: none;
}

body > * div {
/*border: 1px solid black;*/
}

body {
background-color: #FFF7F6;
}


/* Esto es decoracion de hojaldre */

:root {
  

--main-clr: #FFE2DF; /** Color de la marca pink **/
--sec-clr: #6d55b2;  /** Color de la marca purple **/
--tint-pink: #FFF7F6 ; /* Color del Body */
--acc-clr:#FFE2DF; /*Color pink sec */
--golden-lux:#C9A227; /**Dorado High End**/
--font-tint: #391A88; /* Morado Oscuro para la fuente*/
--past-color: #F4A60B; 
--past-color2: #F5B027 ;
--past-color3: #C88809 ;
            

/* #E07BE0 color de los items*/

 --shds:-10px 15px 20px #D0CBCE;   

/**** Estilos de Fuentes ****/

--text-sty: "Allura", cursive;
--text-sec: "Montserrat", sans-serif;

}


#hd-hjdr{
outline: 3px dashed blue ;
width: 100%;
height: 650px ;
/*background-image: url(img/hjdr-bck.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
filter: opacity(0.3);*/



background-image:


linear-gradient(
  /*** <-- ***/
  to right, 
  rgba(255, 247, 246, 1)0%,
  rgba(255, 247,246 , 0.9)45%,
  rgba(255, 247,246 , 0.1)70%,
  rgba(255, 226,223 , 0.9)100%

),


 url(img/pastry/hjdr-bck.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;




}


.hd-hjdr-wrprr{
outline: 2px dashed black;
width: 50%;
height: auto;
margin: 150px 0 0;
text-align: center;

}

.hd-mn-nv{
display: flex;
justify-content: space-between;
outline: 2px dashed green;
padding: 2em ;
backdrop-filter: blur(5px);
}


#hd-mn-nv-lt{
display: flex;
flex-wrap: wrap;
width: 30%;
justify-content: space-around;	
/*outline: 2px dashed red;*/
margin: auto;
list-style: none;
padding: 1em;
}

.hd-mn-nv-itm{
font-family: var(--text-sec);
color: var(--golden-lux);
}

.hd-mn-nv-itm a{
color: var(--font-tint);
font-size: 1.3em;
}


#logo-hdr{
display: block;
max-width: 100%;
height: auto;
width: 100px;
object-fit: fit;

}

.hd-wrprr{
display: flex;
justify-content: center;
align-items: center;
gap: 2em;	
margin: 150px auto 100px;
outline: 3px solid yellow;
width: 80%;
height: auto ;
background-image: url(img/duotone.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}


.hd-hjdr-text{
font-size: 1em;
font-family: var(--text-sec);
color: var(--font-tint);
}

#hd-hjdr-mn-text{
margin-top:0.5em;
font-size: 1.3em;
color: var(--golden-lux);
font-weight: 500;
}

#hd-hjdr-sec-text{
margin-top: 0.8em;	
font-style: italic;
}

.hd-hjdr-wrprr h1{
font-family: var(--text-sty);
font-weight: 100;
color: var(--golden-lux);
font-size:clamp(2rem, 6vw, 3.5rem) ;
}

.hd-hjdr-cta{
display: flex;
flex-wrap: wrap;
justify-content: center;	
gap: 1.5em;
margin-top:1.8em;	
/*outline: 3px dashed blue;*/
height: auto;

}

.hd-hjdr-cta a{
padding: 0.5em;
width: 10em;
border-radius: 5px ;
font-family: var(--text-sec);
}

#hd-mn-cta{
background-color: #E4C9CB;
color: var(--font-tint);
}

#hd-sec-cta{
background-color: var(--golden-lux);
color: white;
}

#hd-sec-cta:hover{
background-color: white;
border:1px solid var(--golden-lux);
color: var(--golden-lux);
}


.hd-wrprr{
display: flex;
flex-wrap: wrap;

}

.hd-wrprr-ttl{
position: absolute;	
/*outline: 1px solid black;*/
background-color: var(--main-clr);
padding: 0.5em;
width: 200px;
text-align: center;
color: var(--font-tint); 
font-family: var(--text-sec);


}

.hd-wrprr-crd{
flex:0 1 350px ;	
outline: 2px dashed  red ;
border-radius: 5px;
}


.hd-wrprr-crd:hover{
transform: translateY(-4px);
transition: 0.3s ease;
cursor: pointer;
}


.hd-wrprr h2{
text-align: center;
font-family: var(--text-sty);
color: var(--font-tint);
font-weight: 100;
font-size: 2em;
}

.hd-wrprr-crd-dtl{
 outline: 2px solid  black ;
 padding: 1em;
}

.hd-wrprr-crd-text{
font-family: var(--text-sec);
color: var(--font-tint);

}

.hd-wrprr-crd-cts{
width: 80%;
margin: 1em auto 0;
padding: 0.5em;
background-color: var(--golden-lux);
text-align: center;
}

.hd-wrprr-crd-cts a {
color: white;
font-family: var(--text-sec);
}


.hd-wrprr-img{
 display: flex;
 justify-content: center;
 align-items: flex-start;	
border-radius: 5px; ;
}

.hd-wrprr-img img {
display: block;
max-width: 100%;
height: auto;
width:100%; 
object-fit: cover;
border-radius: 5px;
}


.corp{
margin: 150px auto 0;
outline: 3px dashed blue;
height: auto;
width: 80%;

}


/********** A partir de aqui el corporativo ****/

.corp-wrprr{
display: grid;
place-items: center;




}

.corp-wrprr-gss{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 1.8em;
height: auto;
margin-top: 1.5em;
/*outline:2px dashed black;*/
}


.corp-wrprr-gss a{
/*outline: 2px solid  red;*/
background-color: #E4C9CB ;
padding: 0.8em;
border-radius: 5px ;
font-family: var(--text-sec);
color: var(--font-tint);

}

.corp-wrprr-gss a:hover{
transform: translateY(-4px);
transition: 0.3s ease;
cursor: pointer;
}

#corp-wrprr-ttl{
font-family: var(--text-sty);
font-weight: 100;
font-size: clamp(2rem, 6vw, 3.5rem);
color: var(--font-tint);
text-align: center;
}

.corp-wrprr-text{
font-family: var(--text-sec);
}

#corp-wrprr-mntext{
font-size: 1.3em;
color: var(--golden-lux);
text-align: center;
}

#corp-wrprr-sectext{
font-style: italic;
margin-top: 0.5em;
color: var(--font-tint);
text-align: center;
}


/************ A partir de aqui la caja de CT S **************/


.corp-wrprr-cts{
  /*display: grid;
  place-items: center; */
  outline: 3px dashed red;
  margin: 40px auto 0 ;
  width: 80%;
  height: auto;
  text-align: center;
  padding: 0.8em;

}

.corp-wrprr-cts-text{
font-family: var(--text-sec);
color: var(--font-tint);
text-align: center;
margin-top: 1.3em;

}

#corp-wrprr-cts-mntext{
font-size: clamp(1.5rem, 5vw, 0.8rem);
text-align: center;
/*margin-top: 2.5em;*/
}

#corp-wrprr-cts-sectext{
font-style: italic;
}


.corp-wrprr-cts a {
display: block;
width: 10em;
margin: 1em auto 0;
padding: 0.5em;
background-color:#25D366;
text-align: center;
color: white;
border-radius: 5px;
font-family: var(--text-sec);

}


.corp-wrprr-cts a:hover{
transform: translateY(-4px);
transition: 0.3s ease;
cursor: pointer;

}


.hd-contact-frm{
outline: 3px dashed green;
margin: 150px auto 0;
width: 80%;
height: 350px;

}

 /********** A partir de aqui footer decoration ************/

.footer{
  margin: 150px auto 0;
  width:100%;
  /*border: 1px solid black;*/
  background:
    linear-gradient(
      to top,
      rgba(255, 255, 255, 0.8)100%
      /*rgba(255, 255, 255, 0.5) */
    ),
    url("img/mini-cup/mncp-3.webp");

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.footer_cont{
 position: relative;
 top: 10px; 
 display:flex; 
 flex-wrap: wrap;
 gap:4em;
 justify-content: space-around;
 align-items: center;
 /*border:3px solid yellow; */
 width: 100%;
 
}

.Legal{
  position:relative;
  top:10px;
  width:100%;
  height:30px;

  text-align: center;
  
 
}

.footer-mobile-cont{
 display: flex;
 flex-wrap: wrap;
 justify-content: start;
}

.social-media-footer{
  display: flex;
  justify-content: center;
  align-items: center;

}



.text-mobile-footer{
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-size: 0.8em;
font-weight: 600;
text-align: center;
color:#ffa69e  ;
}


#cont-social{
 display: flex;
 justify-content: space-around; 
 align-items: flex-start;
 flex-grow: 0.5;
 text-align: center;
 

}


.Legal p a{
  color:#391A88; 
  text-decoration: none;
}

.logo-img_footer img{
height: auto;
width: 200px;
/*border:1px solid black;*/

}

/***********A partir de aqui footer mobile ***********/





.our_location,
.Preguntas-Frecuentes_footer,
.contacto_footer,
.social-media,
.logo-img_footer{

text-decoration: none;

}


.Preguntas-Frecuentes_footer
 h2 {
  font-family: "Allura", cursive;
  font-weight:550;
  font-size: 30px;
  font-style: normal;
  color:#391A88  ;
 text-align: center;


}

.contacto_footer h2{
font-family: "Allura", cursive;
  font-weight:550;
  font-size: 30px;
  font-style: normal;
  color:#391A88 ;
 text-align: center;
 font-weight: 500;

}

.contacto_footer p a{
  text-decoration: none;
  text-align: center;
  color:#391A88;
  font-weight: 500;

}

.contacto_footer p{
text-align: center;
color: red;
border: : 1px solid black ;

  }


  .social-media1 {
  display: flex;
  gap: 1rem;
  align-items: center;
  
}


.social-link1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  background-color: #ffa69e ;
  color: white;
  text-decoration: none;
  border-radius: 50%;
  transition: all 0.3s ease;
  /*border: 1px solid black;*/

}

.social-link1:hover {
  background: white;
  color: #807182;
  transform: translateY(-2px);
}

/********* A partir de aqui  la decoracion de  la guia de pasteleria *************/


#guia-title{
color: var(--font-tint);
font-family: var(--text-sec);
margin: 150px auto 0  ;
text-align: center;

}


.icon-menu{
display:block;  
width: 1.8rem;
height: 1.8rem ;
color: blue;
}