/* MEDIA SCREEN 460 - 760*/
@media screen and (min-width: 460px) and (max-width: 760px) {

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

#carro.container{
   height:calc(100vh - 300px -100px);
      }

#container{
   border: solid 2px blue;
   border-radius: 10px;
   margin-left: 500px;
   margin-top: 100px;
   margin-bottom: 100px;
   width: 900px;
   height: 350px;
   background: #BFEFFA;
   }

#containercont{
   border: solid 4px blue;
   border-radius: 10px;
   width: 818px;
   height: 600px;
   background: #BFEFFA;
   position: relative;
   left: 8%;
   top: 90px;
   }

#containerreg{
   border: solid 2px blue;
   border-radius: 10px;
   margin-left: 400px;
   margin-top: 100px;
   margin-bottom: 100px;
   width: 900px;
   height: 500px;
   background: #BFEFFA;
   }

#containerlog{
   border: solid 2px blue;
   border-radius: 10px;
   margin-left: 400px;
   margin-top: 100px;
   margin-bottom: 100px;
   width: 900px;
   height: 500px;
   background: #BFEFFA;
   }

#pass-icon{
   margin-top: 10px;
   margin-left: -40px;
   width: 40px;
   height: 20px
   }

#repass-icon{
   margin-top: 10px;
   margin-left: -40px;
   width: 40px;
   height: 20px
   }

h3 {
   color: white;
   margin-top: 60px;
   }

#tablacarro{
   border: solid white 2px;
   border-collapse: collapse;
   position: relative;
   z-index: 4;
   }

#formulario{
   margin-top: 80px;
   margin-left: 30px;
   height: 500px;
   }

#formulariolog{
   margin-top: 80px;
   margin-left: 30px;
   height: 500px;
   }

#formularioreg{
   margin-top: 80px;
   margin-left: 30px;
   height: 600px;
   }

#formulariocont{
   padding-top: 60px;
   height: 600px;
   position: relative;
   left: 20px;
   }

#lista{
   width: 1200px;
   height: 1270px;
   margin-top: -158px;
   border: none;
   }

#foto:hover{
   transform: scale(3.0);
   z-index: 1;
   position: relative;
   left: 200px;
   }

#fototarjeta:hover{
   transform: scale(3.0);
   z-index: 1;
   position: relative;
   right: 200px;
   }

#nombre {
   font-size: 20px;
   width: 580px;
   height: 30px;
   margin-left: 30px;
   }

#nombre1 {
   font-size: 22px;
   height: 35px;
   position: relative;
   left: -2%;
   }

#email {
   font-size: 20px;
   width: 580px;
   height: 30px;
   margin-left: 115px;
   }

#password {
   font-size: 20px;
   width: 555px;
   height: 30px;
   margin-left: 65px;
   }

#repassword {
   font-size: 20px;
   width: 555px;
   height: 30px;
   margin-left: 65px;
   }

#asunto {
   font-size: 20px;
   width: 580px;
   height: 50px;
   margin-left: 100px;
   }

#mensaje {
   font-size: 20px;
   width: 580px;
   height: 230px;
   margin-left: 90px;
   }

#botones .boton{
   margin-left: 350px;
   width: 150px;
   height:40px;
   font-size: 20px;
   }

#botones .btn{
   margin-left: 350px;
   width: 150px;
   height:40px;
   font-size: 20px;
   }

#cerrarsesion {
   display: none;
   }

html{
   overflow: auto;
   }
body {
   width: 100%;
   min-height: 100vh;
   min-width: 100vw;
   margin: 0;
   font-family: 'Verdana';
   background: linear-gradient(rgba(5, 201, 237, 0.8), rgba(5, 201, 237, 0.1)), url("https://www.paulinacocina.net/wp-content/uploads/2024/12/receta-de-torta-alemana-Paulina-Cocina-Recetas-1734967358.jpg");

   background-blend-mode: overlay;
   background-attachment: fixed;
   background-position: bottom;
   background-size: cover;
   overflow: auto;
   }

h1, h2, h3, h4, h5, h6 {
   font-family: 'Comic Sans MS", Times, serif;
   }

.prueba h1{ font-size:24px;
   color: white;
   }

.text-faded {
   color: rgba(255, 255, 255,1);
   }

.site-heading {
   margin-top: 5rem;
   margin-bottom: 7rem;
   text-transform: uppercase;
   line-height: 1;
   font-family: 'Comic Sans MS", Times, serif;
   }

.site-heading .site-heading-upper {
   display: block;
   font-size: 70px;
   font-weight: 800;
   text-align: center;
   }

.site-heading .site-heading-lower {
   font-size: 5rem;
   font-weight: 100;
   line-height: 4rem;
   }

#sesion {
   text-align: right;
   margin-right: 100px;
   }
  #lupa{
     height: 40px;
     width: 40px;
     position: relative;
     top: -40px;
     left: 800px;
     cursor: pointer;
     transition: all 300ms;
     border: 3px solid black;
     }
  #icono_de_busqueda{
height:30px;
display:none;
     }
  #icon_search{
height:30px;
display:none;
     }
  #icon_menu{
height:30px;
display:none;
     }
  #barra_de_busqueda{
     display: none;
     width: 119%;
     height: 45px;
     font-size: 30px;
     position: relative;
     top: -130px;
     left: 105px;
     transition: all 10000ms;
     z-index: 10;
     }
  #busqueda{
     height: 50px;
     width: 119%;
     padding-left: 15px;
     border: 3px solid black;
     }
  #box_search{
    width: 80%;
    height: 320px;
    display: none;
    position: relative;
    top: -45px;
    margin:auto;
    text-decoration-line: none;
    font-size: 25px;
    z-index: 11;
    }
  #box_search li a{
    display:block;
    width: 100%;
    background-color:  white;
    text-decoration-line: none;
    padding: 5px 20px;
    border: solid 1px black;
    }
  #box_search li a: hover{
    background: #f3f3f3;
    text-decoration-line: none;
    }
  #bloque_sombra{
     width: 120%;
     height: 100%;
     display: none;
     position: fixed;
     top: 290px;
     background: rgba(178, 216, 184, 0.7);
     z-index: 9;
     }
 .page-section {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
   border: solid 2px black;
   }

.page-section .intro-img{ float:left;
   width: 660px;
   height: 465px;
   border: 0.25rem solid rgba(51, 153, 255, 0.85);
   border-radius: 0.5rem;
   padding: 5px;
   position: relative;
   top: -6px;
   }

.page-section .container .row .cta-inner{
   margin-left: -100px;
   }

.section-heading {
   text-transform: uppercase;
   width: 403px;
   height: 68px;
   }

.section-heading .section-heading-upper {
   display: block;
   font-family: 'Lora';
   font-weight: 300;
   padding-bottom:.5rem;
   font-size: 2.5rem;
   text-transform: none;
   margin-top:.5rem;
   }

.section-heading .section-heading-lower {
   font-family: 'Lora';
   display: block;
   font-size: 4rem;
   font-weight: 100;
   }

.bg-faded {
   background-color: rgba(255, 255, 255, 0.85);
   }

#mainNav {
   background-color: rgba(0, 0, 255,1);
   font-family: 'Lucida Sans';
   font-size: 30px;
   border: 2px solid black;
   margin-right: 1px;
   padding-right: 100px;
   height: 76px;
   }

#mainNav .navbar-brand {
   color: #ffffff;
   }

#mainNav .navbar-nav .nav-item .nav-link {
   color: rgba(255, 255, 255, 0.7);
   font-weight: 900;
   }

#mainNav .navbar-nav .nav-item.active .nav-link {
   color: #ffffff;
   text-decoration: underline;
   }

#mainNav .navbar-nav .nav-item .nav-link:hover {
   color: rgba(255, 255, 255, 0.4);
   text-decoration: underline;
   }

 #mainNav .navbar-nav .nav-item.active .nav-link:hover {
   color: #ffffff;
   text-decoration: underline;
   }

 .btn-xl {
   font-weight: 700;
   font-size: 0.8rem;
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
   padding-left: 2rem;
   padding-right: 2rem;
   }

.intro {
   height: 100%;
   position: relative;
   }

.intro .intro-img {
   margin-left: 5px;
   }


.intro .intro-text h2 p{
   color: black;
   }

.intro .intro-text .intro-button {
   width: 100%;
   left: 0;
   position: absolute;
   bottom: -2rem;
   }

.intro-modelo {
   position: relative;
   }

.intro-modelo .intro-text {
   right: 800px;
   width: 500px;
   height: 50px
   margin-top: 300px;
   background-color: rgb(191, 239, 250, 0.6);
   position: absolute;
   left: 800px;
   top: 3px;
   }

.intro-modelo intro-text h2 span{
   color: black;
   }

.cta {
   padding-top: 5rem;
   padding-bottom: 5rem;
   background-color: rgb(242, 245, 240);
   }

.cta .cta-inner {
   position: relative;
   padding: 5rem;
   margin: 5rem;
   background-color: rgb(250, 198, 191, 0.2);
   }

.cta .cta-inner h2{
   color: white;
   }

.cta .cta-inner p{
   color: white;
   }

.cta .cta-inner::before {
   border-radius: 0.5rem;
   content: '';
   position: absolute;
   top: -0.5rem;
   bottom: -0.5rem;
   left: -0.5rem;
   right: -0.5rem;
   border: 0.25rem solid rgba(51, 153, 255, 0.85);
   }

.cta .cta-innerv {
   position: relative;
   padding: 3rem;
   margin: 0.5rem;
   background-color: rgba(255, 255, 255, 0.85);
   }

.about-heading .about-heading-content {
   margin-top: -5rem;
   position: relative;
   z-index: 1;
   }

.product-item .product-item-img {
   position: relative;
   z-index: 0;
   max-width: 60vw;
   }

.product-item .product-item-description {
   position: relative;
   z-index: 1;
   margin-top: -3rem;
   max-width: 50vw;
   }

.address strong {
   font-size: 1.2rem;
   }

.footer {
   margin-top: -60px;
   background-color: rgba(24, 64, 8, 0.8);
   }

.mbt{
   padding-top: 2rem;
   }

.mbt1{
   padding-top: 1.25rem;
   padding-bottom: 20px;
   }

 .btn {
   box-shadow: 0px 3px 0px 3px rgba(249, 231, 159, 1);
   }
.font-weight-light {
   font-weight: 100 !important;
   }

.mbtm{
   padding-top: 5rem;
   }

a.link{
   color: rgba(white, 0.7);
   }

a.link:hover{
   text-decoration: none;
   color: rgba(255, 255, 255, 0.4);
   }

.section-content{
   font-family: 'Lora' !important;
   font-size: 16px !important;
   font-weight: 400 !important;
   line-height: 28px !important;
   }

ul.errorlist{
   padding-top: .75rem;
   font-style: italic;
   color: red;
   }

.linksCategorias{
   text-decoration = underline;
   }

.contenedorFormulario{
   background-color: rgba (24, 64,8);
   width: 50%;
   margin: auto;
   padding: 1px 0px;
   }

.bg-white{
   position: relative;
   left: 500px;
   }

/* 460 - Título: Recetas de la familia----------------------------------------*/
   .site-heading {
      margin: 0px 114px 22px 38px;
      padding-top: 70px;
      padding-left: 100px;
      }
   .site-heading .site-heading-lower {
      font-size: 4rem;
      font-weight: 100;
      line-height: 3rem;
      color:#0a05ed;
      font-family: "Poetsen One", sans-serif;
      margin: 3% 15% 3% 15%;
   }
   #sesion {
      margin-top: 1%;
      margin-bottom: 1%;
      margin-right: 3%;
      font-size: 50px;
   }
/* 460 - Navbar-----------------------------------------------------------------*/
   div.container{
      width: 100%;
      height:50%;
      }
   #navbarResponsive {
      margin: 7%;
      width: 100%;
      }
   .navbar-nav{
      margin-left: 5%;
      margin-top: -10%;
      margin-bottom: -5%;
      }
   .nav-item{
      font-size: 39px;
      padding: 2%;
      display: inline;
      position: relative;
      z-index: 1;
      }

 /* 460 Index - Buscar-search ------------------------------*/
   form.example input[type=text] {
      padding: 10px;
      font-size: 20px;
      border: 1px solid grey;
      float: left;
      width: 80%;
      background: #f1f1f1;
      position: relative;
      left: 150%;
      }
   form.example button {
      float: left;
      width: 20%;
      padding: 10px;
      background: #2196F3;
      color: white;
      font-size: 20px;
      border: 1px solid grey;
      border-left: none;
      cursor: pointer;
      position: relative;
      left: 150%;
     }
  form.example button:hover {
     background: #0b7dda;
     }

   form.example::after {
      content: "";
      clear: both;
      display: table;
     }

/* 460 Index - Título: Recetas de la familia ------------------------------*/

   #isection1 {
      width: 100%;
      position: relative;
      top: 20px;
      left: -0.1%;
      }
   .container-section-receta{
      height: 400px;
      margin: 0;
      }
   .container-section-menus{
      height: 400px;
      margin: 0;
      }
   #isection2 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -220px;
      left:-0.1%;
      }
   #isection3 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -160px;
      left:-0.1%;
      }
   #isection4 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -100px;
      left:-0.1%;
      }
   #isection5 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -50px;
      left:-0.1%;
      }
   #isection6 {
      width: 100%;
      position: relative;
      top: 0px;
      left:-0.1%;
      }
   #msection1 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 30px;
      left: -0.1%;
      }
   #msection2 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 80px;
      left:-0.1%;
      }
   #msection3 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 130px;
      left:-0.1%;
      }
   #msection4 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 180px;
      left:-0.1%;
      }
   #msection5 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 210px;
      left:-0.1%;
      }
   #msection6 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 260px;
      left:-0.1%;
      }
   #msection7 {
      width: 100%;
      position: relative;
      top: 310px;
      left:-0.1%;
      }
   #msection8 {
      width: 100%;
      position: relative;
      top: 360px;
      left:-0.1%;
      }
   #msection9 {
      width: 100%;
      position: relative;
      top: 410px;
      left:-0.1%;
      }
   #msection10 {
      width: 100%;
      position: relative;
      top: 460px;
      left:-0.1%;
      }
   #msection11 {
      width: 100%;
      position: relative;
      top: 510px;
      left:-0.1%;
      }
   #msection12 {
      width: 100%;
      position: relative;
      top: 560px;
      left:-0.1%;
      }
   #img1{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
       }
   #img2{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img3{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img4{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img5{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;

      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img6{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;

      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex1{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex2{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex3{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex4{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex5{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: 120px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex6{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: 120px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #artesanal1-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal1-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal2-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal2-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal3-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal3-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal4-u{
      position: relative;
      bottom: 30px;
      left: 70px;
      }
   #artesanal4-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal5-u{
      position: relative;
      bottom: 30px;
      left: 70px;
      }
   #artesanal5-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal6-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal6-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   .mb-2{
      white-space: pre;
      line-break: anywhere;
      line-height: 30px;
      font-size: 20px;
      margin-top: 5px;
      position: relative;
      bottom: 120px;
      top: 190px;
      left: 20px;
      width: 450px;
      height: 100px;
      text-indent: -18em;
      border: solid 2px black;
     }
   #span0section1{
      margin-left: 90%;
      }
   #span1section1{
      margin-left: -28%;
      }
   #span2section1{
      margin-left: -28%;
      }
   #span0section2{
      margin-left: 90%;
      }
   #span1section2{
      margin-left: -28%;
      }
   #span2section2{
      margin-left: -28%;
      }
   #span0section3{
      margin-left: 90%;
      }
   #span1section3{
      margin-left: -28%;
      }
   #span2section3{
      margin-left: -28%;
      }
   #span0section4{
      margin-left: 90%;
      }
   #span1section4{
      margin-left: -28%;
      }
   #span2section4{
      margin-left: -28%;
      }
   #span0section5{
      margin-left: 90%;
      }
   #span1section5{
      margin-left: -28%;
      }
   #span2section5{
      margin-left: -28%;
      }
   #span0section6{
      margin-left: 90%;
      }
   #span1section6{
      margin-left: -28%;
      }
   #span2section6{
      margin-left: -28%;
      }
 /* 460  - Menús-------------------------*/
   .intro-modelo .intro-img {
      width: 100%;
      height: 100%;
      position: relative;
      left: -50px;
      top: 50px;
      }
   .intro-modelo .intro-text {
      width: 155%;
      height: 270px;
      margin-top: -100px;
      background-color: white;
      position: relative;
      left: -470px;
      top: 55px;
      opacity: .5;
      border: solid 2px black;
      }
   #titulo-sopas{
      font-family: 'Tangerine', serif;
      font-size: 90px;
      font-weight: bold;
      position: relative;
      bottom: -3px;
      left: 30px;
      }
   #titulo-ensaladas{
      font-family: 'Tangerine', serif;
      font-size: 58px;
      font-weight: bold;
      position: relative;
      bottom: -30px;
      left: 30px;
      }
   #titulo-entradas{
      font-family: 'Tangerine', serif;
      font-size: 58px;
      font-weight: bold;
      position: relative;
      bottom: -20px;
      left: 30px;
      }
   #titulo-recetas{
      font-family: "Inter",italic;
      font-size: 58px;
      font-weight: bold;
      position: relative;
      bottom: -15px;
      left: 30px;
      }
   #titulo-blog{
      font-family: "Righteous", sans-serif;;
      font-size: 38px;
      font-weight: bold;
      position: relative;
      bottom: -20px;
      left: 30px;
      }
   .section-heading .section-heading-lower{
      font-family: "Playwrite IT Moderna", cursive;
      font-size: 50px;
      font-weight: 900;
      text-transform: none;
      }
   #img-receta{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      top: 1px;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
       }
   #tex-receta{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47%;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img1-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      top: 1px;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
       }
   #tex1-modelo{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47%;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #artesanal1-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 475px;
      padding: 5px;
      }
   #artesanal1-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal1-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal1-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal1-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 475px;
      padding: 5px;
      }
   #artesanal1-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal1-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal1-receta div ul li a{
      text-decoration: none;
       }
      #artesanal1-blog{
      width:490px;
      height: 270px;
      font-family: "Righteous", sans-serif;
      font-size: 20px;
      font-weight: 100;
      text-decoration-line: none;
      text-transform: none;
      position: relative;
      bottom: 385px;
      left: 295px;
      }
   #parrafos{
      margin: 50px;
      }
   #titulos {
      font-family: "Playwrite IT Moderna", cursive;;
      font-size: 50px;
      font-weight: 900;
      position: relative;
      top: 30px;
      bottom: 35px;
      padding: 12%;
      }
   #textos{
      font-family: "Playwrite IT Moderna", cursive;;
      font-size: 30px;
      font-weight: normal;
      position: relative;
      top: 60px;
      bottom: 30px;
      padding : 30px 30px 30px 30px;
      }
   #img2-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex2-modelo{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47%;
      top: -310px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #artesanal2-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -610px;
      left: 475px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal2-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal2-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal2-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal2-receta{
      width:490px;
      height: auto;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -615px;
      left: 475px;
      overflow-y: scroll;
      padding: 5px;
      }
    #artesanal2-receta div{
      width:480px;
      height: 280px;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal2-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal2-receta div ul li a{
      text-decoration: none;
       }
   #artesanal3-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -615px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal3-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal3-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal3-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal3-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -610px;
      left: 475px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal3-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal3-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal3-receta div ul li a{
      text-decoration: none;
       }
   #artesanal4-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -435px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal4-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal4-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal4-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal4-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -625px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal4-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal4-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal4-receta div ul li a{
      text-decoration: none;
       }
   #artesanal5-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -395px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal5-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal5-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal5-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal5-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -625px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal5-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal5-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal5-receta div ul li a{
      text-decoration: none;
       }
   #artesanal6-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -435px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal6-modelo div{
      width:480px;
       height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal6-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
    #artesanal6-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal6-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -620px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal6-receta div{
      width:480px;
       height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal6-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal6-receta div ul li a{
      text-decoration: none;
       }
   #artesanal7-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -620px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal7-receta div{
      width:480px;
       height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal7-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal7-receta div ul li a{
      text-decoration: none;
       }
   #artesanal8-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -620px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal8-receta div{
      width:480px;
       height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal8-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal8-receta div ul li a{
      text-decoration: none;
       }
   #artesanal9-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -620px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal9-receta div{
      width:480px;
       height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal9-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal9-receta div ul li a{
      text-decoration: none;
       }
   #artesanal10-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -620px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal10-receta div{
      width:480px;
       height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal10-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal10-receta div ul li a{
      text-decoration: none;
       }
   #artesanal11-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -620px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal11-receta div{
      width:480px;
       height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal11-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal11-receta div ul li a{
      text-decoration: none;
       }
   #artesanal12-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -620px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal12-receta div{
      width:480px;
       height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal12-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal12-receta div ul li a{
      text-decoration: none;
       }
   #img3-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
   }
   #tex3-modelo{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47.5%;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img4-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex4-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 47.5%;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img5-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex5-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 463px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img6-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex6-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 463px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img7-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex7-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 463px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img8-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex8-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 463px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img9-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex9-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 463px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }

/* 460 - Css para el estilo de fondo de las recetas-----------------------------------------------------------------*/
   .sopas{
      background: linear-gradient(rgba(255, 150, 51, 0.2), rgba(255, 150, 51, 0.6));
      }
   .ensaladas{
      background: linear-gradient(rgba(5, 201, 237, 0.2), rgba(5, 201, 237, 0.6));
      }
   .eentradas{
      linear-gradient(rgba(255, 51, 165, 0.2), rgba(255, 51, 165, 0.6));
      }
   .salsas{
      linear-gradient(rgba(235, 255, 51, 0.2), rgba(235, 255, 51, 0.6));
      }
   .platos-calientes{
      background: linear-gradient(rgba(51, 255, 150, 0.2), rgba(51, 255, 150, 0.6));"
      }
   .postres{
      background: linear-gradient(rgba(51, 56, 255, 0.2), rgba(51, 56, 255, 0.6));"
      }

/* 460 - Blog-----------------------------------------------------------------*/
    #artesanal2-blog{
      width:490px;
      height: 270px;
      font-family: "Righteous", sans-serif;
      font-size: 25px;
      font-weight: 100;
      text-transform: none;
      position: relative;
      bottom: 585px;
      left: 525px;
      }
    #artesanal2-blog div{
      text-decoration: none;
       position: relative;
       left: -50px;
       top: 5px;
       }
    #artesanal2-blog div ul{
       text-decoration: none;
       list-style-type: none;
       height: 260px;
       position: relative;
       left: 5px;
       top: 400px"
       }
    #artesanal2-blog div ul li a{
       text-decoration: none;
       }
/*-460 - Footer: Pie de página---------------------------------------------*/
   .footer{
      width: 100%;
      height: 10%;
      background-color: rgba( 16, 162, 86, 0.8);
      position: relative;
      top: 600px;
      }
   .mbt{
      padding-top: 1rem;
      text-align: center;
      }
   .mbt1{
      text-align: center;
      }
}
/*===========================================================*/

/* MEDIA SCREEN 760 - 1010*/
@media screen and (min-width: 761px) and (max-width: 1010px) {

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

#carro.container{
   height:calc(100vh - 300px -100px);
      }

#container{
   border: solid 2px blue;
   border-radius: 10px;
   margin-left: 500px;
   margin-top: 100px;
   margin-bottom: 100px;
   width: 900px;
   height: 350px;
   background: #BFEFFA;
   }

#containercont{
   border: solid 4px blue;
   border-radius: 10px;
   width: 818px;
   height: 600px;
   background: #BFEFFA;
   position: relative;
   left: 8%;
   top: 90px;
   }

#containerreg{
   border: solid 2px blue;
   border-radius: 10px;
   margin-left: 400px;
   margin-top: 100px;
   margin-bottom: 100px;
   width: 900px;
   height: 500px;
   background: #BFEFFA;
   }

#containerlog{
   border: solid 2px blue;
   border-radius: 10px;
   margin-left: 400px;
   margin-top: 100px;
   margin-bottom: 100px;
   width: 900px;
   height: 500px;
   background: #BFEFFA;
   }

#pass-icon{
   margin-top: 10px;
   margin-left: -40px;
   width: 40px;
   height: 20px
   }

#repass-icon{
   margin-top: 10px;
   margin-left: -40px;
   width: 40px;
   height: 20px
   }

h3 {
   color: white;
   margin-top: 60px;
   }

#tablacarro{
   border: solid white 2px;
   border-collapse: collapse;
   position: relative;
   z-index: 4;
   }

#formulario{
   margin-top: 80px;
   margin-left: 30px;
   height: 500px;
   }

#formulariolog{
   margin-top: 80px;
   margin-left: 30px;
   height: 500px;
   }

#formularioreg{
   margin-top: 80px;
   margin-left: 30px;
   height: 600px;
   }

#formulariocont{
   padding-top: 60px;
   height: 600px;
   position: relative;
   left: 20px;
   }

#lista{
   width: 1200px;
   height: 1270px;
   margin-top: -158px;
   border: none;
   }

#foto:hover{
   transform: scale(3.0);
   z-index: 1;
   position: relative;
   left: 200px;
   }

#fototarjeta:hover{
   transform: scale(3.0);
   z-index: 1;
   position: relative;
   right: 200px;
   }

#nombre {
   font-size: 20px;
   width: 580px;
   height: 30px;
   margin-left: 30px;
   }

#nombre1 {
   font-size: 22px;
   height: 35px;
   position: relative;
   left: -2%;
   }

#email {
   font-size: 20px;
   width: 580px;
   height: 30px;
   margin-left: 115px;
   }

#password {
   font-size: 20px;
   width: 555px;
   height: 30px;
   margin-left: 65px;
   }

#repassword {
   font-size: 20px;
   width: 555px;
   height: 30px;
   margin-left: 65px;
   }

#asunto {
   font-size: 20px;
   width: 580px;
   height: 50px;
   margin-left: 100px;
   }

#mensaje {
   font-size: 20px;
   width: 580px;
   height: 230px;
   margin-left: 90px;
   }

#botones .boton{
   margin-left: 350px;
   width: 150px;
   height:40px;
   font-size: 20px;
   }

#botones .btn{
   margin-left: 350px;
   width: 150px;
   height:40px;
   font-size: 20px;
   }

#cerrarsesion {
   display: none;
   }

html{
   overflow: auto;
   }
body {
   width: 100%;
   min-height: 100vh;
   min-width: 100vw;
   margin: 0;
   font-family: 'Verdana';
   background: linear-gradient(rgba(5, 201, 237, 0.8), rgba(5, 201, 237, 0.1)), url("https://www.paulinacocina.net/wp-content/uploads/2024/12/receta-de-torta-alemana-Paulina-Cocina-Recetas-1734967358.jpg");

   background-blend-mode: overlay;
   background-attachment: fixed;
   background-position: bottom;
   background-size: cover;
   overflow: auto;
   }

h1, h2, h3, h4, h5, h6 {
   font-family: 'Comic Sans MS", Times, serif;
   }

.prueba h1{ font-size:24px;
   color: white;
   }

.text-faded {
   color: rgba(255, 255, 255,1);
   }

.site-heading {
   margin-top: 5rem;
   margin-bottom: 7rem;
   text-transform: uppercase;
   line-height: 1;
   font-family: 'Comic Sans MS", Times, serif;
   }

.site-heading .site-heading-upper {
   display: block;
   font-size: 70px;
   font-weight: 800;
   text-align: center;
   }

.site-heading .site-heading-lower {
   font-size: 5rem;
   font-weight: 100;
   line-height: 4rem;
   }

#sesion {
   text-align: right;
   margin-right: 100px;
   }
  #lupa{
     height: 40px;
     width: 40px;
     position: relative;
     top: -40px;
     left: 800px;
     cursor: pointer;
     transition: all 300ms;
     border: 3px solid black;
     }
  #icono_de_busqueda{
height:30px;
display:none;
     }
  #icon_search{
height:30px;
display:none;
     }
  #icon_menu{
height:30px;
display:none;
     }
  #barra_de_busqueda{
     display: none;
     width: 119%;
     height: 45px;
     font-size: 30px;
     position: relative;
     top: -130px;
     left: 105px;
     transition: all 10000ms;
     z-index: 10;
     }
  #busqueda{
     height: 50px;
     width: 119%;
     padding-left: 15px;
     border: 3px solid black;
     }
  #box_search{
    width: 80%;
    height: 320px;
    display: none;
    position: relative;
    top: -45px;
    margin:auto;
    text-decoration-line: none;
    font-size: 25px;
    z-index: 11;
    }
  #box_search li a{
    display:block;
    width: 100%;
    background-color:  white;
    text-decoration-line: none;
    padding: 5px 20px;
    border: solid 1px black;
    }
  #box_search li a: hover{
    background: #f3f3f3;
    text-decoration-line: none;
    }
  #bloque_sombra{
     width: 120%;
     height: 100%;
     display: none;
     position: fixed;
     top: 290px;
     background: rgba(178, 216, 184, 0.7);
     z-index: 9;
     }
 .page-section {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
   border: solid 2px black;
   }

.page-section .intro-img{ float:left;
   width: 660px;
   height: 465px;
   border: 0.25rem solid rgba(51, 153, 255, 0.85);
   border-radius: 0.5rem;
   padding: 5px;
   position: relative;
   top: -6px;
   }

.page-section .container .row .cta-inner{
   margin-left: -100px;
   }

.section-heading {
   text-transform: uppercase;
   width: 403px;
   height: 68px;
   }

.section-heading .section-heading-upper {
   display: block;
   font-family: 'Lora';
   font-weight: 300;
   padding-bottom:.5rem;
   font-size: 2.5rem;
   text-transform: none;
   margin-top:.5rem;
   }

.section-heading .section-heading-lower {
   font-family: 'Lora';
   display: block;
   font-size: 4rem;
   font-weight: 100;
   }

.bg-faded {
   background-color: rgba(255, 255, 255, 0.85);
   }

#mainNav {
   background-color: rgba(0, 0, 255,1);
   font-family: 'Lucida Sans';
   font-size: 30px;
   border: 2px solid black;
   margin-right: 1px;
   padding-right: 100px;
   height: 76px;
   }

#mainNav .navbar-brand {
   color: #ffffff;
   }

#mainNav .navbar-nav .nav-item .nav-link {
   color: rgba(255, 255, 255, 0.7);
   font-weight: 900;
   }

#mainNav .navbar-nav .nav-item.active .nav-link {
   color: #ffffff;
   text-decoration: underline;
   }

#mainNav .navbar-nav .nav-item .nav-link:hover {
   color: rgba(255, 255, 255, 0.4);
   text-decoration: underline;
   }

 #mainNav .navbar-nav .nav-item.active .nav-link:hover {
   color: #ffffff;
   text-decoration: underline;
   }

 .btn-xl {
   font-weight: 700;
   font-size: 0.8rem;
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
   padding-left: 2rem;
   padding-right: 2rem;
   }

.intro {
   height: 100%;
   position: relative;
   }

.intro .intro-img {
   margin-left: 5px;
   }


.intro .intro-text h2 p{
   color: black;
   }

.intro .intro-text .intro-button {
   width: 100%;
   left: 0;
   position: absolute;
   bottom: -2rem;
   }

.intro-modelo {
   position: relative;
   }

.intro-modelo .intro-text {
   right: 800px;
   width: 500px;
   height: 50px
   margin-top: 300px;
   background-color: rgb(191, 239, 250, 0.6);
   position: absolute;
   left: 800px;
   top: 3px;
   }

.intro-modelo intro-text h2 span{
   color: black;
   }

.cta {
   padding-top: 5rem;
   padding-bottom: 5rem;
   background-color: rgb(242, 245, 240);
   }

.cta .cta-inner {
   position: relative;
   padding: 5rem;
   margin: 5rem;
   background-color: rgb(250, 198, 191, 0.2);
   }

.cta .cta-inner h2{
   color: white;
   }

.cta .cta-inner p{
   color: white;
   }

.cta .cta-inner::before {
   border-radius: 0.5rem;
   content: '';
   position: absolute;
   top: -0.5rem;
   bottom: -0.5rem;
   left: -0.5rem;
   right: -0.5rem;
   border: 0.25rem solid rgba(51, 153, 255, 0.85);
   }

.cta .cta-innerv {
   position: relative;
   padding: 3rem;
   margin: 0.5rem;
   background-color: rgba(255, 255, 255, 0.85);
   }

.about-heading .about-heading-content {
   margin-top: -5rem;
   position: relative;
   z-index: 1;
   }

.product-item .product-item-img {
   position: relative;
   z-index: 0;
   max-width: 60vw;
   }

.product-item .product-item-description {
   position: relative;
   z-index: 1;
   margin-top: -3rem;
   max-width: 50vw;
   }

.address strong {
   font-size: 1.2rem;
   }

.footer {
   margin-top: -60px;
   background-color: rgba(24, 64, 8, 0.8);
   }

.mbt{
   padding-top: 2rem;
   }

.mbt1{
   padding-top: 1.25rem;
   padding-bottom: 20px;
   }

 .btn {
   box-shadow: 0px 3px 0px 3px rgba(249, 231, 159, 1);
   }
.font-weight-light {
   font-weight: 100 !important;
   }

.mbtm{
   padding-top: 5rem;
   }

a.link{
   color: rgba(white, 0.7);
   }

a.link:hover{
   text-decoration: none;
   color: rgba(255, 255, 255, 0.4);
   }

.section-content{
   font-family: 'Lora' !important;
   font-size: 16px !important;
   font-weight: 400 !important;
   line-height: 28px !important;
   }

ul.errorlist{
   padding-top: .75rem;
   font-style: italic;
   color: red;
   }

.linksCategorias{
   text-decoration = underline;
   }

.contenedorFormulario{
   background-color: rgba (24, 64,8);
   width: 50%;
   margin: auto;
   padding: 1px 0px;
   }

.bg-white{
   position: relative;
   left: 500px;
   }

/* 760 - Título: Recetas de la familia----------------------------------------*/
   .site-heading {
      margin: 0px 114px 22px 38px;
      padding-top: 70px;
      padding-left: 100px;
      }
   .site-heading .site-heading-lower {
      font-size: 4rem;
      font-weight: 100;
      line-height: 3rem;
      color:#0a05ed;
      font-family: "Poetsen One", sans-serif;
      margin: 3% 15% 3% 15%;
   }
   #sesion {
      margin-top: 1%;
      margin-bottom: 1%;
      margin-right: 3%;
      font-size: 50px;
   }
/* 760 - Navbar-----------------------------------------------------------------*/
   div.container{
      width: 100%;
      height:50%;
      }
   #navbarResponsive {
      margin: 7%;
      width: 100%;
      }
   .navbar-nav{
      margin-left: 5%;
      margin-top: -10%;
      margin-bottom: -5%;
      }
   .nav-item{
      font-size: 39px;
      padding: 2%;
      display: inline;
      position: relative;
      z-index: 1;
      }

 /* 760 Index - Buscar-search ------------------------------*/
   form.example input[type=text] {
      padding: 10px;
      font-size: 20px;
      border: 1px solid grey;
      float: left;
      width: 80%;
      background: #f1f1f1;
      position: relative;
      left: 150%;
      }
   form.example button {
      float: left;
      width: 20%;
      padding: 10px;
      background: #2196F3;
      color: white;
      font-size: 20px;
      border: 1px solid grey;
      border-left: none;
      cursor: pointer;
      position: relative;
      left: 150%;
     }
  form.example button:hover {
     background: #0b7dda;
     }

   form.example::after {
      content: "";
      clear: both;
      display: table;
     }

/* 760 Index - Título: Recetas de la familia ------------------------------*/

   #isection1 {
      width: 100%;
      position: relative;
      top: 20px;
      left: -0.1%;
      }
   .container-section-receta{
      height: 400px;
      margin: 0;
      }
   .container-section-menus{
      height: 400px;
      margin: 0;
      }
   #isection2 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -220px;
      left:-0.1%;
      }
   #isection3 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -160px;
      left:-0.1%;
      }
   #isection4 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -100px;
      left:-0.1%;
      }
   #isection5 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -50px;
      left:-0.1%;
      }
   #isection6 {
      width: 100%;
      position: relative;
      top: 0px;
      left:-0.1%;
      }
   #msection1 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 30px;
      left: -0.1%;
      }
   #msection2 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 80px;
      left:-0.1%;
      }
   #msection3 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 130px;
      left:-0.1%;
      }
   #msection4 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 180px;
      left:-0.1%;
      }
   #msection5 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 210px;
      left:-0.1%;
      }
   #msection6 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 260px;
      left:-0.1%;
      }
   #msection7 {
      width: 100%;
      position: relative;
      top: 310px;
      left:-0.1%;
      }
   #msection8 {
      width: 100%;
      position: relative;
      top: 360px;
      left:-0.1%;
      }
   #msection9 {
      width: 100%;
      position: relative;
      top: 410px;
      left:-0.1%;
      }
   #msection10 {
      width: 100%;
      position: relative;
      top: 460px;
      left:-0.1%;
      }
   #msection11 {
      width: 100%;
      position: relative;
      top: 510px;
      left:-0.1%;
      }
   #msection12 {
      width: 100%;
      position: relative;
      top: 560px;
      left:-0.1%;
      }
   #img1{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
       }
   #img2{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img3{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img4{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img5{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;

      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img6{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;

      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex1{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex2{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex3{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex4{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex5{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: 120px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex6{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: 120px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #artesanal1-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal1-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal2-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal2-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal3-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal3-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal4-u{
      position: relative;
      bottom: 30px;
      left: 70px;
      }
   #artesanal4-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal5-u{
      position: relative;
      bottom: 30px;
      left: 70px;
      }
   #artesanal5-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal6-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal6-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   .mb-2{
      white-space: pre;
      line-break: anywhere;
      line-height: 30px;
      font-size: 20px;
      margin-top: 5px;
      position: relative;
      bottom: 120px;
      top: 190px;
      left: 20px;
      width: 450px;
      height: 100px;
      text-indent: -18em;
      border: solid 2px black;
     }
   #span0section1{
      margin-left: 90%;
      }
   #span1section1{
      margin-left: -28%;
      }
   #span2section1{
      margin-left: -28%;
      }
   #span0section2{
      margin-left: 90%;
      }
   #span1section2{
      margin-left: -28%;
      }
   #span2section2{
      margin-left: -28%;
      }
   #span0section3{
      margin-left: 90%;
      }
   #span1section3{
      margin-left: -28%;
      }
   #span2section3{
      margin-left: -28%;
      }
   #span0section4{
      margin-left: 90%;
      }
   #span1section4{
      margin-left: -28%;
      }
   #span2section4{
      margin-left: -28%;
      }
   #span0section5{
      margin-left: 90%;
      }
   #span1section5{
      margin-left: -28%;
      }
   #span2section5{
      margin-left: -28%;
      }
   #span0section6{
      margin-left: 90%;
      }
   #span1section6{
      margin-left: -28%;
      }
   #span2section6{
      margin-left: -28%;
      }
 /* 760  - Menús-------------------------*/
   .intro-modelo .intro-img {
      width: 100%;
      height: 100%;
      position: relative;
      left: -50px;
      top: 50px;
      }
   .intro-modelo .intro-text {
      width: 155%;
      height: 270px;
      margin-top: -100px;
      background-color: white;
      position: relative;
      left: -470px;
      top: 55px;
      opacity: .5;
      border: solid 2px black;
      }
   #titulo-sopas{
      font-family: 'Tangerine', serif;
      font-size: 90px;
      font-weight: bold;
      position: relative;
      bottom: -3px;
      left: 30px;
      }
   #titulo-ensaladas{
      font-family: 'Tangerine', serif;
      font-size: 58px;
      font-weight: bold;
      position: relative;
      bottom: -30px;
      left: 30px;
      }
   #titulo-entradas{
      font-family: 'Tangerine', serif;
      font-size: 58px;
      font-weight: bold;
      position: relative;
      bottom: -20px;
      left: 30px;
      }
   #titulo-recetas{
      font-family: "Inter",italic;
      font-size: 58px;
      font-weight: bold;
      position: relative;
      bottom: -15px;
      left: 30px;
      }
   #titulo-blog{
      font-family: "Righteous", sans-serif;;
      font-size: 38px;
      font-weight: bold;
      position: relative;
      bottom: -20px;
      left: 30px;
      }
   .section-heading .section-heading-lower{
      font-family: "Playwrite IT Moderna", cursive;
      font-size: 50px;
      font-weight: 900;
      text-transform: none;
      }
   #img-receta{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      top: 1px;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
       }
   #tex-receta{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47%;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img1-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      top: 1px;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
       }
   #tex1-modelo{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47%;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #artesanal1-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 475px;
      padding: 5px;
      }
   #artesanal1-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal1-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal1-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal1-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 475px;
      padding: 5px;
      }
   #artesanal1-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal1-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal1-receta div ul li a{
      text-decoration: none;
       }
      #artesanal1-blog{
      width:490px;
      height: 270px;
      font-family: "Righteous", sans-serif;
      font-size: 20px;
      font-weight: 100;
      text-decoration-line: none;
      text-transform: none;
      position: relative;
      bottom: 385px;
      left: 295px;
      }
   #parrafos{
      margin: 50px;
      }
   #titulos {
      font-family: "Playwrite IT Moderna", cursive;;
      font-size: 50px;
      font-weight: 900;
      position: relative;
      top: 30px;
      bottom: 35px;
      padding: 12%;
      }
   #textos{
      font-family: "Playwrite IT Moderna", cursive;;
      font-size: 30px;
      font-weight: normal;
      position: relative;
      top: 60px;
      bottom: 30px;
      padding : 30px 30px 30px 30px;
      }
   #img2-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex2-modelo{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47%;
      top: -310px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #artesanal2-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -610px;
      left: 475px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal2-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal2-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal2-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal2-receta{
      width:490px;
      height: auto;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -615px;
      left: 475px;
      overflow-y: scroll;
      padding: 5px;
      }
    #artesanal2-receta div{
      width:480px;
      height: 280px;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal2-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal2-receta div ul li a{
      text-decoration: none;
       }
   #artesanal3-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -615px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal3-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal3-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal3-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal3-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -610px;
      left: 475px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal3-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal3-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal3-receta div ul li a{
      text-decoration: none;
       }
   #artesanal4-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -435px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal4-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal4-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal4-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal4-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -625px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal4-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal4-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal4-receta div ul li a{
      text-decoration: none;
       }
   #artesanal5-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -395px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal5-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal5-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal5-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal5-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -625px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal5-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal5-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal5-receta div ul li a{
      text-decoration: none;
       }
   #artesanal6-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -435px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal6-modelo div{
      width:480px;
       height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal6-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
    #artesanal6-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal6-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -620px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal6-receta div{
      width:480px;
       height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal6-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal6-receta div ul li a{
      text-decoration: none;
       }
   #artesanal7-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -620px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal7-receta div{
      width:480px;
       height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal7-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal7-receta div ul li a{
      text-decoration: none;
       }
   #artesanal8-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -620px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal8-receta div{
      width:480px;
       height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal8-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal8-receta div ul li a{
      text-decoration: none;
       }
   #artesanal9-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -620px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal9-receta div{
      width:480px;
       height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal9-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal9-receta div ul li a{
      text-decoration: none;
       }
   #artesanal10-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -620px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal10-receta div{
      width:480px;
       height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal10-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal10-receta div ul li a{
      text-decoration: none;
       }
   #artesanal11-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -620px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal11-receta div{
      width:480px;
       height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal11-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal11-receta div ul li a{
      text-decoration: none;
       }
   #artesanal12-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine', serif;
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      top: -620px;
      left: 480px;
      overflow-y: scroll;
      padding: 5px;
      }
   #artesanal12-receta div{
      width:480px;
       height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -10px;
       }
   #artesanal12-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal12-receta div ul li a{
      text-decoration: none;
       }
   #img3-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
   }
   #tex3-modelo{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47.5%;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img4-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex4-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 47.5%;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img5-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex5-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 463px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img6-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex6-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 463px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img7-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex7-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 463px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img8-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex8-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 463px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img9-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex9-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 463px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }

/* 760 - Css para el estilo de fondo de las recetas-----------------------------------------------------------------*/
   .sopas{
      background: linear-gradient(rgba(255, 150, 51, 0.2), rgba(255, 150, 51, 0.6));
      }
   .ensaladas{
      background: linear-gradient(rgba(5, 201, 237, 0.2), rgba(5, 201, 237, 0.6));
      }
   .eentradas{
      linear-gradient(rgba(255, 51, 165, 0.2), rgba(255, 51, 165, 0.6));
      }
   .salsas{
      linear-gradient(rgba(235, 255, 51, 0.2), rgba(235, 255, 51, 0.6));
      }
   .platos-calientes{
      background: linear-gradient(rgba(51, 255, 150, 0.2), rgba(51, 255, 150, 0.6));"
      }
   .postres{
      background: linear-gradient(rgba(51, 56, 255, 0.2), rgba(51, 56, 255, 0.6));"
      }

/* 760 - Blog-----------------------------------------------------------------*/
    #artesanal2-blog{
      width:490px;
      height: 270px;
      font-family: "Righteous", sans-serif;
      font-size: 25px;
      font-weight: 100;
      text-transform: none;
      position: relative;
      bottom: 585px;
      left: 525px;
      }
    #artesanal2-blog div{
      text-decoration: none;
       position: relative;
       left: -50px;
       top: 5px;
       }
    #artesanal2-blog div ul{
       text-decoration: none;
       list-style-type: none;
       height: 260px;
       position: relative;
       left: 5px;
       top: 400px"
       }
    #artesanal2-blog div ul li a{
       text-decoration: none;
       }
/*-760 - Footer: Pie de página---------------------------------------------*/
   .footer{
      width: 100%;
      height: 10%;
      background-color: rgba( 16, 162, 86, 0.8);
      position: relative;
      top: 600px;
      }
   .mbt{
      padding-top: 1rem;
      text-align: center;
      }
   .mbt1{
      text-align: center;
      }
}
/*===========================================================*/

/* MEDIA SCREEN 1010 - 1260*/
@media screen and (min-width: 1011px) and (max-width: 1260px) {
* {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
   }
#carro.container{
   height:calc(100vh - 300px -100px);
      }
#container{
   border: solid 2px blue;
   border-radius: 10px;
   margin-left: 500px;
   margin-top: 100px;
   margin-bottom: 100px;
   width: 900px;
   height: 350px;
   background: #BFEFFA;
   }
#containercont{
   border: solid 4px blue;
   border-radius: 10px;
   width: 818px;
   height: 6c50px;
   background: #BFEFFA;
   padding-left: 20px;
   position: relative;
   left: 12%;
   top: 50px;
   }
#containerreg{
   border: solid 2px blue;
   border-radius: 10px;
   margin-left: 400px;
   margin-top: 100px;
   margin-bottom: 100px;
   width: 900px;
   height: 500px;
   background: #BFEFFA;
   }
#containerlog{
   border: solid 2px blue;
   border-radius: 10px;
   margin-left: 400px;
   margin-top: 100px;
   margin-bottom: 100px;
   width: 900px;
   height: 500px;
   background: #BFEFFA;
   }
#pass-icon{
   margin-top: 10px;
   margin-left: -40px;
   width: 40px;
   height: 20px
   }
#repass-icon{
   margin-top: 10px;
   margin-left: -40px;
   width: 40px;
   height: 20px
   }
h3 {
   color: white;
   margin-top: 60px;
   }
#tablacarro{
   border: solid white 2px;
   border-collapse: collapse;
   position: relative;
   z-index: 4;
   }
#formulario{
   margin-top: 80px;
   margin-left: 30px;
   height: 500px;
   }
#formulariolog{
   margin-top: 80px;
   margin-left: 30px;
   height: 500px;
   }
#formularioreg{
   margin-top: 80px;
   margin-left: 30px;
   height: 600px;
   }
#formulariocont{
   padding-top: 60px;
   height: 600px;
   position: relative;
   }
#lista{
   width: 1200px;
   height: 1270px;
   margin-top: -158px;
   border: none;
   }
#foto:hover{
   transform: scale(3.0);
   z-index: 1;
   position: relative;
   left: 200px;
   }
#fototarjeta:hover{
   transform: scale(3.0);
   z-index: 1;
   position: relative;
   right: 200px;
   }
#nombre {
   font-size: 20px;
   width: 580px;
   height: 30px;
   margin-left: 30px;
   }
#nombre1 {
   font-size: 22px;
   height: 35px;
   position: relative;
   left: -2%;
   }
#email {
   font-size: 20px;
   width: 580px;
   height: 30px;
   margin-left: 115px;
   }
#password {
   font-size: 20px;
   width: 555px;
   height: 30px;
   margin-left: 65px;
   }
#repassword {
   font-size: 20px;
   width: 555px;
   height: 30px;
   margin-left: 65px;
   }
#asunto {
   font-size: 20px;
   width: 580px;
   height: 50px;
   margin-left: 100px;
   }
#mensaje {
   font-size: 20px;
   width: 580px;
   height: 230px;
   margin-left: 90px;
   }
#botones .boton{
   margin-left: 350px;
   width: 150px;
   height:40px;
   font-size: 20px;
   }
#botones .btn{
   margin-left: 350px;
   width: 150px;
   height:40px;
   font-size: 20px;
   }
#cerrarsesion {
   display: none;
   }
html{
   overflow: auto;
   }
body {
   width: 100%;
   min-height: 100vh;
   min-width: 100vw;
   margin: 0;
   font-family: 'Verdana';
   background: linear-gradient(rgba(5, 201, 237, 0.8), rgba(5, 201, 237, 0.1)), url("https://www.paulinacocina.net/wp-content/uploads/2024/12/receta-de-torta-alemana-Paulina-Cocina-Recetas-1734967358.jpg");

   background-blend-mode: overlay;
   background-attachment: fixed;
   background-position: bottom;
   background-size: cover;
   overflow: auto;
   }
h1, h2, h3, h4, h5, h6 {
   font-family: 'Comic Sans MS", Times, serif;
   }
.prueba h1{ font-size:24px;
   color: white;
   }
.text-faded {
   color: rgba(255, 255, 255,1);
   }
.site-heading {
   margin-top: 5rem;
   margin-bottom: 7rem;
   text-transform: uppercase;
   line-height: 1;
   font-family: 'Comic Sans MS", Times, serif;
   }
.site-heading .site-heading-upper {
   display: block;
   font-size: 70px;
   font-weight: 800;
   text-align: center;
   }
.site-heading .site-heading-lower {
   font-size: 5rem;
   font-weight: 100;
   line-height: 4rem;
   }
#sesion {
   text-align: right;
   margin-right: 100px;
   }
  #lupa{
     height: 40px;
     width: 40px;
     position: relative;
     top: -40px;
     left: 800px;
     cursor: pointer;
     transition: all 300ms;
     border: 3px solid black;
     }
  #icono_de_busqueda{
    height:30px;
    display:none;
     }
  #icon_search{
    height:30px;
    display:none;
     }
  #icon_menu{
    height:30px;
    display:none;
     }
  #barra_de_busqueda{
     display: none;
     width: 119%;
     height: 45px;
     font-size: 30px;
     position: relative;
     top: -60px;
     left: 95px;
     transition: all 10000ms;
     z-index: 10;
     }
  #busqueda{
     height: 50px;
     width: 119%;
     padding-left: 15px;
     border: 3px solid black;
     position: relative;
     left: 70px;
     top: 150px;
     }
  #box_search{
    width: 80%;
    height: 320px;
    display: none;
    position: relative;
    top: -45px;
    margin:auto;
    font-size: 25px;
    z-index: 11;
    }
  #box_search li a{
    display:block;
    width: 100%;
    background-color:  white;
    text-decoration-line: none;
    padding: 5px 20px;
    border: solid 1px black;
    }
  #box_search li a: hover{
    background: #f3f3f3;
    }
  #bloque_sombra{
     width: 120%;
     height: 100%;
     display: none;
     position: fixed;
     top: 315px;
     background: rgba(178, 216, 184, 0.7);
     z-index: 9;
     }
 .page-section {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
   border: solid 2px black;
   }

.page-section .intro-img{ float:left;
   width: 660px;
   height: 465px;
   border: 0.25rem solid rgba(51, 153, 255, 0.85);
   border-radius: 0.5rem;
   padding: 5px;
   position: relative;
   top: -6px;
   }

.page-section .container .row .cta-inner{
   margin-left: -100px;
   }

.section-heading {
   text-transform: uppercase;
   width: 403px;
   height: 68px;
   }

.section-heading .section-heading-upper {
   display: block;
   font-family: 'Lora';
   font-weight: 300;
   padding-bottom:.5rem;
   font-size: 2.5rem;
   text-transform: none;
   margin-top:.5rem;
   }

.section-heading .section-heading-lower {
   font-family: 'Lora';
   display: block;
   font-size: 4rem;
   font-weight: 100;
   }

.bg-faded {
   background-color: rgba(255, 255, 255, 0.85);
   }

#mainNav {
   background-color: rgba(0, 0, 255,1);
   font-family: 'Lucida Sans';
   font-size: 30px;
   border: 2px solid black;
   margin-right: 1px;
   padding-right: 100px;
   height: 86px;
   }

#mainNav .navbar-brand {
   color: #ffffff;
   }

#mainNav .navbar-nav .nav-item .nav-link {
   color: rgba(255, 255, 255, 0.7);
   font-weight: 900;
   }

#mainNav .navbar-nav .nav-item.active .nav-link {
   color: #ffffff;
   text-decoration: underline;
   }

#mainNav .navbar-nav .nav-item .nav-link:hover {
   color: rgba(255, 255, 255, 0.4);
   text-decoration: underline;
   }

 #mainNav .navbar-nav .nav-item.active .nav-link:hover {
   color: #ffffff;
   text-decoration: underline;
   }

 .btn-xl {
   font-weight: 700;
   font-size: 0.8rem;
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
   padding-left: 2rem;
   padding-right: 2rem;
   }

.intro {
   height: 100%;
   position: relative;
   }

.intro .intro-img {
   margin-left: 5px;
   }

.intro .intro-text h2 p{
   color: black;
   }

.intro .intro-text .intro-button {
   width: 100%;
   left: 0;
   position: absolute;
   bottom: -2rem;
   }

.intro-modelo {
   position: relative;
   }

.intro-modelo .intro-text {
   right: 800px;
   width: 500px;
   height: 50px
   margin-top: 300px;
   background-color: rgb(191, 239, 250, 0.6);
   position: absolute;
   left: 800px;
   top: 3px;
   }

.intro-modelo intro-text h2 span{
   color: black;
   }

.cta {
   padding-top: 5rem;
   padding-bottom: 5rem;
   background-color: rgb(242, 245, 240);
   }

.cta .cta-inner {
   position: relative;
   padding: 5rem;
   margin: 5rem;
   background-color: rgb(250, 198, 191, 0.2);
   }

.cta .cta-inner h2{
   color: white;
   }

.cta .cta-inner p{
   color: white;
   }

.cta .cta-inner::before {
   border-radius: 0.5rem;
   content: '';
   position: absolute;
   top: -0.5rem;
   bottom: -0.5rem;
   left: -0.5rem;
   right: -0.5rem;
   border: 0.25rem solid rgba(51, 153, 255, 0.85);
   }

.cta .cta-innerv {
   position: relative;
   padding: 3rem;
   margin: 0.5rem;
   background-color: rgba(255, 255, 255, 0.85);
   }

.about-heading .about-heading-content {
   margin-top: -5rem;
   position: relative;
   z-index: 1;
   }

.product-item .product-item-img {
   position: relative;
   z-index: 0;
   max-width: 60vw;
   }

.product-item .product-item-description {
   position: relative;
   z-index: 1;
   margin-top: -3rem;
   max-width: 50vw;
   }

.address strong {
   font-size: 1.2rem;
   }

.footer {
   margin-top: -60px;
   background-color: rgba(24, 64, 8, 0.8);
   }

.mbt{
   padding-top: 2rem;
   }

.mbt1{
   padding-top: 1.25rem;
   padding-bottom: 20px;
   }

 .btn {
   box-shadow: 0px 3px 0px 3px rgba(249, 231, 159, 1);
   }
.font-weight-light {
   font-weight: 100 !important;
   }

.mbtm{
   padding-top: 5rem;
   }

a.link{
   color: rgba(white, 0.7);
   }

a.link:hover{
   text-decoration: none;
   color: rgba(255, 255, 255, 0.4);
   }

.section-content{
   font-family: 'Lora' !important;
   font-size: 16px !important;
   font-weight: 400 !important;
   line-height: 28px !important;
   }

ul.errorlist{
   padding-top: .75rem;
   font-style: italic;
   color: red;
   }

.linksCategorias{
   text-decoration = underline;
   }

.contenedorFormulario{
   background-color: rgba (24, 64,8);
   width: 50%;
   margin: auto;
   padding: 1px 0px;
   }

.bg-white{
   position: relative;
   left: 500px;
   }

/* 1010 - Título: Recetas de la familia-----------------------------------------*/
   .site-heading {
      margin: 0px 114px 42px 38px;
      padding-top: 70px;
      padding-left: 100px;
      }
   .site-heading .site-heading-lower {
      font-size: 4rem;
      font-weight: 100;
      line-height: 3rem;
      color:#0a05ed;
      font-family: "Poetsen One", sans-serif;
      margin: 3% 15% 3% 15%;
   }
   #sesion {
      margin-top: 1%;
      margin-bottom: 1%;
      margin-right: 3%;
      font-size: 50px;
   }
/* 1010 - Navbar-----------------------------------------------------------------*/
   div.container{
      width: 100%;
      height:50%;
      position: relative;
      top: 15px;
      left: 40px;
      }
   #navbarResponsive {
      margin: 7%;
      width: 100%;
      }
   .navbar-nav{
      margin-left: 5%;
      margin-top: -10%;
      margin-bottom: -5%;
      }
   .nav-item{
      font-size: 39px;
      padding: 2%;
      display: inline;
      position: relative;
      z-index: 1;
      }

 /* 1010 Index - Buscar-search ------------------------------*/
   form.example input[type=text] {
      padding: 10px;
      font-size: 20px;
      border: 1px solid grey;
      float: left;
      width: 80%;
      background: #f1f1f1;
      position: relative;
      left: 150%;
      }
   form.example button {
      float: left;
      width: 20%;
      padding: 10px;
      background: #2196F3;
      color: white;
      font-size: 20px;
      border: 1px solid grey;
      border-left: none;
      cursor: pointer;
      position: relative;
      left: 150%;
     }
  form.example button:hover {
     background: #0b7dda;
     }

   form.example::after {
      content: "";
      clear: both;
      display: table;
     }

/* 1010 Index - Título: Recetas de la familia ------------------------------*/

   #isection1 {
      width: 100%;
      position: relative;
      top: 20px;
      left: -0.1%;
      }
   .container-section-receta{
      height: 400px;
      margin: 0;
      }
   .container-section-menus{
      height: 400px;
      margin: 0;
      }
   #isection2 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -220px;
      left:-0.1%;
      }
   #isection3 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -160px;
      left:-0.1%;
      }
   #isection4 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -100px;
      left:-0.1%;
      }
   #isection5 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -50px;
      left:-0.1%;
      }
   #isection6 {
      width: 100%;
      position: relative;
      top: 0px;
      left:-0.1%;
      }
   #msection1 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 30px;
      left: -0.1%;
      }
   #msection2 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 80px;
      left:-0.1%;
      }
   #msection3 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 130px;
      left:-0.1%;
      }
   #msection4 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 180px;
      left:-0.1%;
      }
   #msection5 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 210px;
      left:-0.1%;
      }
   #msection6 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 260px;
      left:-0.1%;
      }
   #msection7 {
      width: 100%;
      position: relative;
      top: 310px;
      left:-0.1%;
      }
   #msection8 {
      width: 100%;
      position: relative;
      top: 360px;
      left:-0.1%;
      }
   #msection9 {
      width: 100%;
      position: relative;
      top: 410px;
      left:-0.1%;
      }
   #msection10 {
      width: 100%;
      position: relative;
      top: 460px;
      left:-0.1%;
      }
   #msection11 {
      width: 100%;
      position: relative;
      top: 510px;
      left:-0.1%;
      }
   #msection12 {
      width: 100%;
      position: relative;
      top: 560px;
      left:-0.1%;
      }
   #img1{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
       }
   #img2{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img3{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img4{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img5{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;

      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img6{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;

      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex1{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex2{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex3{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex4{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex5{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: 120px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex6{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: 120px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #artesanal1-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal1-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal2-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal2-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal3-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal3-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal4-u{
      position: relative;
      bottom: 30px;
      left: 70px;
      }
   #artesanal4-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal5-u{
      position: relative;
      bottom: 30px;
      left: 70px;
      }
   #artesanal5-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal6-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal6-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   .mb-2{
      white-space: pre;
      line-break: anywhere;
      line-height: 30px;
      font-size: 20px;
      margin-top: 5px;
      position: relative;
      bottom: 120px;
      top: 190px;
      left: 20px;
      width: 450px;
      height: 100px;
      text-indent: -18em;
      border: solid 2px black;
     }
   #span0section1{
      margin-left: 90%;
      }
   #span1section1{
      margin-left: -28%;
      }
   #span2section1{
      margin-left: -28%;
      }
   #span0section2{
      margin-left: 90%;
      }
   #span1section2{
      margin-left: -28%;
      }
   #span2section2{
      margin-left: -28%;
      }
   #span0section3{
      margin-left: 90%;
      }
   #span1section3{
      margin-left: -28%;
      }
   #span2section3{
      margin-left: -28%;
      }
   #span0section4{
      margin-left: 90%;
      }
   #span1section4{
      margin-left: -28%;
      }
   #span2section4{
      margin-left: -28%;
      }
   #span0section5{
      margin-left: 90%;
      }
   #span1section5{
      margin-left: -28%;
      }
   #span2section5{
      margin-left: -28%;
      }
   #span0section6{
      margin-left: 90%;
      }
   #span1section6{
      margin-left: -28%;
      }
   #span2section6{
      margin-left: -28%;
      }
 /* 1010 - Modelos - Menús-------------------------*/
   .intro-modelo .intro-img {
      width: 100%;
      height: 100%;
      position: relative;
      left: -50px;
      top: 50px;
      }
   .intro-modelo .intro-text {
      width: 155%;
      height: 270px;
      margin-top: -100px;
      background-color: white;
      position: relative;
      left: -470px;
      top: 55px;
      opacity: .5;
      border: solid 2px black;
      }
   #titulo-sopas{
      font-family: 'Tangerine', serif;
      font-size: 90px;
      font-weight: bold;
      position: relative;
      bottom: -3px;
      left: 30px;
      }
   #titulo-ensaladas{
      font-family: 'Tangerine', serif;
      font-size: 58px;
      font-weight: bold;
      position: relative;
      bottom: -30px;
      left: 30px;
      }
   #titulo-entradas{
      font-family: 'Tangerine', serif;
      font-size: 58px;
      font-weight: bold;
      position: relative;
      bottom: -20px;
      left: 30px;
      }
   #titulo-recetas{
      font-family: "Inter",italic;
      font-size: 58px;
      font-weight: bold;
      position: relative;
      bottom: -20px;
      left: 30px;
      }
   #titulo-blog{
      font-family: "Righteous", sans-serif;;
      font-size: 38px;
      font-weight: bold;
      position: relative;
      bottom: -20px;
      left: 30px;
      }
   .section-heading .section-heading-lower{
      font-family: "Playwrite IT Moderna", cursive;
      font-size: 50px;
      font-weight: 900;
      text-transform: none;
      }
   #img-receta{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      top: 1px;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
       }
   #tex-receta{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47%;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img1-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      top: 1px;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
       }
   #tex1-modelo{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47%;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #artesanal1-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 525px;
      padding: 5px;
      }
   #artesanal1-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
      border: solid black 3px;
       }
   #artesanal1-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal1-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal1-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 525px;
      padding: 5px;
      }
   #artesanal1-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal1-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal1-receta div ul li a{
      text-decoration: none;
       }
   #parrafos{
      margin: 50px;
      }
   #titulos {
      font-family: "Playwrite IT Moderna", cursive;;
      font-size: 50px;
      font-weight: 900;
      position: relative;
      top: 30px;
      bottom: 35px;
      padding: 12%;
      }
   #textos{
      font-family: "Playwrite IT Moderna", cursive;;
      font-size: 30px;
      font-weight: normal;
      position: relative;
      top: 60px;
      bottom: 30px;
      padding : 30px 30px 30px 30px;
      }
   #img2-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex2-modelo{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47%;
      top: -310px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #artesanal2-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 525px;
      padding: 5px;
      }
   #artesanal2-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal2-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal2-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal2-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 525px;
      padding: 5px;
      }
   #artesanal2-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal2-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal2-receta div ul li a{
      text-decoration: none;
       }
   #artesanal3-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 525px;
      padding: 5px;
      }
   #artesanal3-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal3-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal3-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal3-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 525px;
      padding: 5px;
      }
   #artesanal3-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal3-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal3-receta div ul li a{
      text-decoration: none;
       }
   #artesanal4-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 410px;
      left: 525px;
      padding: 5px;
      }
   #artesanal4-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal4-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal4-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal4-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 610px;
      left: 525px;
      padding: 5px;
      }
   #artesanal4-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal4-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal4-receta div ul li a{
      text-decoration: none;
       }
   #artesanal5-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 395px;
      left: 525px;
      padding: 5px;
      }
   #artesanal5-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal5-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal5-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal5-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 610px;
      left: 525px;
      padding: 5px;
      }
   #artesanal5-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal5-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal5-receta div ul li a{
      text-decoration: none;
       }
   #artesanal6-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 395px;
      left: 525px;
      padding: 5px;
      }
   #artesanal6-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal6-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal6-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal6-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 610px;
      left: 525px;
      padding: 5px;
      }
   #artesanal6-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal6-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal6-receta div ul li a{
      text-decoration: none;
       }
   #artesanal7-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 610px;
      left: 525px;
      padding: 5px;
      }
   #artesanal7-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal7-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal7-receta div ul li a{
      text-decoration: none;
       }
   #artesanal8-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 610px;
      left: 525px;
      padding: 5px;
      }
   #artesanal8-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal8-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal8-receta div ul li a{
      text-decoration: none;
       }
   #artesanal9-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 610px;
      left: 525px;
      padding: 5px;
      }
   #artesanal9-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal9-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal9-receta div ul li a{
      text-decoration: none;
       }
   #artesanal10-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 610px;
      left: 525px;
      padding: 5px;
      }
   #artesanal10-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal10-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal10-receta div ul li a{
      text-decoration: none;
       }
   #artesanal11-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 610px;
      left: 525px;
      padding: 5px;
      }
   #artesanal11-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal11-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal11-receta div ul li a{
      text-decoration: none;
       }
   #artesanal12-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 610px;
      left: 525px;
      padding: 5px;
      }
   #artesanal12-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal12-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal12-receta div ul li a{
      text-decoration: none;
       }
   #img3-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
   }
   #tex3-modelo{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47.5%;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img4-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex4-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 47.5%;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img5-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex5-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 520px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img6-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex6-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 520px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img7-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex7-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 463px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img8-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex8-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 463px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img9-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex9-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 463px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }

/* 1010 - Css para el estilo de fondo de las recetas-----------------------------------------------------------------*/
   .sopas{
      background: linear-gradient(rgba(255, 150, 51, 0.2), rgba(255, 150, 51, 0.6));
      }
   .ensaladas{
      background: linear-gradient(rgba(5, 201, 237, 0.2), rgba(5, 201, 237, 0.6));
      }
   .eentradas{
      linear-gradient(rgba(255, 51, 165, 0.2), rgba(255, 51, 165, 0.6));
      }
   .salsas{
      linear-gradient(rgba(235, 255, 51, 0.2), rgba(235, 255, 51, 0.6));
      }
   .platos-calientes{
      background: linear-gradient(rgba(51, 255, 150, 0.2), rgba(51, 255, 150, 0.6));"
      }
   .postres{
      background: linear-gradient(rgba(51, 56, 255, 0.2), rgba(51, 56, 255, 0.6));"
      }

/* 1010 - Blog-----------------------------------------------------------------*/
    #artesanal2-blog{
      width:490px;
      height: 270px;
      font-family: "Righteous", sans-serif;
      font-size: 25px;
      font-weight: 100;
      text-transform: none;
      position: relative;
      bottom: 585px;
      left: 525px;
      }
    #artesanal2-blog div{
      text-decoration: none;
       position: relative;
       left: 45px;
       top: 5px;
       }
    #artesanal2-blog div ul{
       text-decoration: none;
       list-style-type: none;
       height: 260px;
       position: relative;
       left: 5px;
       top: 400px"
       }
    #artesanal2-blog div ul li a{
       text-decoration: none;
       }
/*-1010 - Footer: Pie de página----------------------*/
   .footer{
      width: 100%;
      height: 10%;
      background-color: rgba( 16, 162, 86, 0.8);
      position: relative;
      top: 600px;
      }
   .mbt{
      padding-top: 1rem;
      text-align: center;
      }
   .mbt1{
      text-align: center;
      }
}
/* ======================================================================================*/

/* MEDIA SCREEN 1260 - 1440*/
@media screen and (min-width: 1261px) and (max-width: 1440px) {

* {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
   }
#carro.container{
   height:calc(100vh - 300px -100px);
      }
#container{
   border: solid 2px blue;
   border-radius: 10px;
   margin-left: 500px;
   margin-top: 100px;
   margin-bottom: 100px;
   width: 900px;
   height: 350px;
   background: #BFEFFA;
   }
#containercont{
   border: solid 4px blue;
   border-radius: 10px;
   width: 818px;
   height: 600px;
   background: #BFEFFA;
   position: relative;
   left: 19%;
   }
#containerreg{
   border: solid 2px blue;
   border-radius: 10px;
   margin-left: 400px;
   margin-top: 100px;
   margin-bottom: 100px;
   width: 900px;
   height: 500px;
   background: #BFEFFA;
   }
#containerlog{
   border: solid 2px blue;
   border-radius: 10px;
   margin-left: 400px;
   margin-top: 100px;
   margin-bottom: 100px;
   width: 900px;
   height: 500px;
   background: #BFEFFA;
   }
#pass-icon{
   margin-top: 10px;
   margin-left: -40px;
   width: 40px;
   height: 20px
   }
#repass-icon{
   margin-top: 10px;
   margin-left: -40px;
   width: 40px;
   height: 20px
   }
h3 {
   color: white;
   margin-top: 60px;
   }
#tablacarro{
   border: solid white 2px;
   border-collapse: collapse;
   position: relative;
   z-index: 4;
   }
#formulario{
   margin-top: 80px;
   margin-left: 30px;
   height: 500px;
   }
#formulariolog{
   margin-top: 80px;
   margin-left: 30px;
   height: 500px;
   }
#formularioreg{
   margin-top: 80px;
   margin-left: 30px;
   height: 600px;
   }
#formulariocont{
   padding-top: 60px;
   padding-left: 20px;
   height: 600px;
   position: relative;
   }
#lista{
   width: 1200px;
   height: 1270px;
   margin-top: -158px;
   border: none;
   }
#foto:hover{
   transform: scale(3.0);
   z-index: 1;
   position: relative;
   left: 200px;
   }
#fototarjeta:hover{
   transform: scale(3.0);
   z-index: 1;
   position: relative;
   right: 200px;
   }
#nombre {
   font-size: 20px;
   width: 580px;
   height: 30px;
   margin-left: 30px;
   }
#nombre1 {
   font-size: 22px;
   height: 35px;
   position: relative;
   left: -2%;
   }
#email {
   font-size: 20px;
   width: 580px;
   height: 30px;
   margin-left: 115px;
   }
#password {
   font-size: 20px;
   width: 555px;
   height: 30px;
   margin-left: 65px;
   }
#repassword {
   font-size: 20px;
   width: 555px;
   height: 30px;
   margin-left: 65px;
   }
#asunto {
   font-size: 20px;
   width: 580px;
   height: 50px;
   margin-left: 100px;
   }
#mensaje {
   font-size: 20px;
   width: 580px;
   height: 230px;
   margin-left: 90px;
   }
#botones .boton{
   margin-left: 350px;
   width: 150px;
   height:40px;
   font-size: 20px;
   }
#botones .btn{
   margin-left: 350px;
   width: 150px;
   height:40px;
   font-size: 20px;
   }
#cerrarsesion {
   display: none;
   }
html{
   overflow: auto;
   }
body {
   width: 100%;
   min-height: 100vh;
   min-width: 100vw;
   margin: 0;
   font-family: 'Verdana';
   background: linear-gradient(rgba(5, 201, 237, 0.8), rgba(5, 201, 237, 0.1)), url("https://www.paulinacocina.net/wp-content/uploads/2024/12/receta-de-torta-alemana-Paulina-Cocina-Recetas-1734967358.jpg");

   background-blend-mode: overlay;
   background-attachment: fixed;
   background-position: bottom;
   background-size: cover;
   overflow: auto;
   }
h1, h2, h3, h4, h5, h6 {
   font-family: 'Comic Sans MS", Times, serif;
   }
.prueba h1{ font-size:24px;
   color: white;
   }
.text-faded {
   color: rgba(255, 255, 255,1);
   }
.site-heading {
   margin-top: 5rem;
   margin-bottom: 7rem;
   text-transform: uppercase;
   line-height: 1;
   font-family: 'Comic Sans MS", Times, serif;
   }
.site-heading .site-heading-upper {
   display: block;
   font-size: 70px;
   font-weight: 800;
   text-align: center;
   }
.site-heading .site-heading-lower {
   font-size: 5rem;
   font-weight: 100;
   line-height: 4rem;
   }
#sesion {
   text-align: right;
   margin-right: 100px;
   }
  #lupa{
     height: 40px;
     width: 40px;
     position: relative;
     top: -40px;
     left: 880px;
     cursor: pointer;
     transition: all 300ms;
     border: 3px solid black;
     }
  #icono_de_busqueda{
height:30px;
     }
  #icon_search{
height:30px;
     }
  #icon_menu{
height:30px;
     }
  #barra_de_busqueda{
     display: none;
     width: 119%;
     height: 45px;
     font-size: 30px;
     position: relative;
     top: -130px;
     left: 105px;
     transition: all 10000ms;
     z-index: 10;
     }
  #busqueda{
     height: 50px;
     width: 119%;
     padding-left: 15px;
     border: 3px solid black;
     position: relative;
     left: 130px;
     }
  #box_search{
    width: 80%;
    height: 320px;
    display: none;
    position: relative;
    top: -45px;
    margin:auto;
    font-size: 25px;
    z-index: 11;
    }
  #box_search li a{
    display:block;
    width: 100%;
    background-color:  white;
    text-decoration-line: none;
    padding: 5px 20px;
    border: solid 1px black;
    }
  #box_search li a: hover{
    background: #f3f3f3;
    }
  #bloque_sombra{
     width: 120%;
     height: 100%;
     display: none;
     position: fixed;
     top: 260px;
     background: rgba(178, 216, 184, 0.7);
     z-index: 9;
     }
 .page-section {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
   border: solid 2px black;
   }
.page-section .intro-img{ float:left;
   width: 660px;
   height: 465px;
   border: 0.25rem solid rgba(51, 153, 255, 0.85);
   border-radius: 0.5rem;
   padding: 5px;
   position: relative;
   top: -6px;
   }
.page-section .container .row .cta-inner{
   margin-left: -100px;
   }
.section-heading {
   text-transform: uppercase;
   width: 403px;
   height: 68px;
   }
.section-heading .section-heading-upper {
   display: block;
   font-family: 'Lora';
   font-weight: 300;
   padding-bottom:.5rem;
   font-size: 2.5rem;
   text-transform: none;
   margin-top:.5rem;
   }
.section-heading .section-heading-lower {
   font-family: 'Lora';
   display: block;
   font-size: 4rem;
   font-weight: 100;
   }
.bg-faded {
   background-color: rgba(255, 255, 255, 0.85);
   }
#mainNav {
   background-color: rgba(0, 0, 255,1);
   font-family: 'Lucida Sans';
   font-size: 30px;
   border: 2px solid black;
   margin-right: 1px;
   padding-right: 100px;
   height: 86px;
   }
#mainNav .navbar-brand {
   color: #ffffff;
   }
#mainNav .navbar-nav .nav-item .nav-link {
   color: rgba(255, 255, 255, 0.7);
   font-weight: 900;
   }
#mainNav .navbar-nav .nav-item.active .nav-link {
   color: #ffffff;
   text-decoration: underline;
   }
#mainNav .navbar-nav .nav-item .nav-link:hover {
   color: rgba(255, 255, 255, 0.4);
   text-decoration: underline;
   }
 #mainNav .navbar-nav .nav-item.active .nav-link:hover {
   color: #ffffff;
   text-decoration: underline;
   }
 .btn-xl {
   font-weight: 700;
   font-size: 0.8rem;
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
   padding-left: 2rem;
   padding-right: 2rem;
   }
.intro {
   height: 100%;
   position: relative;
   }
.intro .intro-img {
   margin-left: 5px;
   }
.intro .intro-text h2 p{
   color: black;
   }
.intro .intro-text .intro-button {
   width: 100%;
   left: 0;
   position: absolute;
   bottom: -2rem;
   }
.intro-modelo {
   position: relative;
   }
.intro-modelo .intro-text {
   right: 800px;
   width: 500px;
   height: 50px
   margin-top: 300px;
   background-color: rgb(191, 239, 250, 0.6);
   position: absolute;
   left: 800px;
   top: 3px;
   }
.intro-modelo intro-text h2 span{
   color: black;
   }
.cta {
   padding-top: 5rem;
   padding-bottom: 5rem;
   background-color: rgb(242, 245, 240);
   }
.cta .cta-inner {
   position: relative;
   padding: 5rem;
   margin: 5rem;
   background-color: rgb(250, 198, 191, 0.2);
   }
.cta .cta-inner h2{
   color: white;
   }
.cta .cta-inner p{
   color: white;
   }
.cta .cta-inner::before {
   border-radius: 0.5rem;
   content: '';
   position: absolute;
   top: -0.5rem;
   bottom: -0.5rem;
   left: -0.5rem;
   right: -0.5rem;
   border: 0.25rem solid rgba(51, 153, 255, 0.85);
   }
.cta .cta-innerv {
   position: relative;
   padding: 3rem;
   margin: 0.5rem;
   background-color: rgba(255, 255, 255, 0.85);
   }
.about-heading .about-heading-content {
   margin-top: -5rem;
   position: relative;
   z-index: 1;
   }
.product-item .product-item-img {
   position: relative;
   z-index: 0;
   max-width: 60vw;
   }
.product-item .product-item-description {
   position: relative;
   z-index: 1;
   margin-top: -3rem;
   max-width: 50vw;
   }
.address strong {
   font-size: 1.2rem;
   }
.footer {
   margin-top: -60px;
   background-color: rgba(24, 64, 8, 0.8);
   }
.mbt{
   padding-top: 2rem;
   }
.mbt1{
   padding-top: 1.25rem;
   padding-bottom: 20px;
   }
 .btn {
   box-shadow: 0px 3px 0px 3px rgba(249, 231, 159, 1);
   }
.font-weight-light {
   font-weight: 100 !important;
   }
.mbtm{
   padding-top: 5rem;
   }
a.link{
   color: rgba(white, 0.7);
   }
a.link:hover{
   text-decoration: none;
   color: rgba(255, 255, 255, 0.4);
   }
.section-content{
   font-family: 'Lora' !important;
   font-size: 16px !important;
   font-weight: 400 !important;
   line-height: 28px !important;
   }
ul.errorlist{
   padding-top: .75rem;
   font-style: italic;
   color: red;
   }
.linksCategorias{
   text-decoration = underline;
   }
.contenedorFormulario{
   background-color: rgba (24, 64,8);
   width: 50%;
   margin: auto;
   padding: 1px 0px;
   }
.bg-white{
   position: relative;
   left: 500px;
   }

/* 1260 - Título: Recetas de la familia-----------------------------------------*/
   .site-heading {
      margin: 0px 114px 42px 38px;
      padding-top: 70px;
      padding-left: 100px;
      }
   .site-heading .site-heading-lower {
      font-size: 4rem;
      font-weight: 100;
      line-height: 3rem;
      color:#0a05ed;
      font-family: "Poetsen One", sans-serif;
      margin: 3% 15% 3% 15%;
      }
   #sesion {
      margin-top: 1%;
      margin-bottom: 1%;
      margin-right: 3%;
      font-size: 50px;
   }
/* 1260 - Navbar-----------------------------------------------------------------*/
   div.container{
      width: 100%;
      height:50%;
      position: relative;
      top: 15px;
      left: 40px;
      }
   #navbarResponsive {
      margin: 7%;
      width: 100%;
      }
   .navbar-nav{
      margin-left: 5%;
      margin-top: -10%;
      margin-bottom: -5%;
      }
   .nav-item{
      font-size: 39px;
      padding: 2%;
      display: inline;
      position: relative;
      z-index: 1;
      }

 /* 1260 Index - Buscar-search ------------------------------*/
   form.example input[type=text] {
      padding: 10px;
      font-size: 20px;
      border: 1px solid grey;
      float: left;
      width: 80%;
      background: #f1f1f1;
      position: relative;
      left: 150%;
      }
   form.example button {
      float: left;
      width: 20%;
      padding: 10px;
      background: #2196F3;
      color: white;
      font-size: 20px;
      border: 1px solid grey;
      border-left: none;
      cursor: pointer;
      position: relative;
      left: 150%;
     }
  form.example button:hover {
     background: #0b7dda;
     }
   form.example::after {
      content: "";
      clear: both;
      display: table;
     }

/* 1260 Index - Título: Recetas de la familia ------------------------------*/

   #isection1 {
      width: 100%;
      position: relative;
      top: 20px;
      left: -0.1%;
      }
   .container-section-receta{
      height: 400px;
      margin: 0;
      }
   .container-section-menus{
      height: 400px;
      margin: 0;
      }
   #isection2 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -220px;
      left:-0.1%;
      }
   #isection3 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -160px;
      left:-0.1%;
      }
   #isection4 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -100px;
      left:-0.1%;
      }
   #isection5 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -50px;
      left:-0.1%;
      }
   #isection6 {
      width: 100%;
      position: relative;
      top: 0px;
      left:-0.1%;
      }
   #msection1 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 30px;
      left: -0.1%;
      }
   #msection2 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 80px;
      left:-0.1%;
      }
   #msection3 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 130px;
      left:-0.1%;
      }
   #msection4 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 180px;
      left:-0.1%;
      }
   #msection5 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 210px;
      left:-0.1%;
      }
   #msection6 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 260px;
      left:-0.1%;
      }
   #msection7 {
      width: 100%;
      position: relative;
      top: 310px;
      left:-0.1%;
      }
   #msection8 {
      width: 100%;
      position: relative;
      top: 360px;
      left:-0.1%;
      }
   #msection9 {
      width: 100%;
      position: relative;
      top: 410px;
      left:-0.1%;
      }
   #msection10 {
      width: 100%;
      position: relative;
      top: 460px;
      left:-0.1%;
      }
   #msection11 {
      width: 100%;
      position: relative;
      top: 510px;
      left:-0.1%;
      }
   #msection12 {
      width: 100%;
      position: relative;
      top: 560px;
      left:-0.1%;
      }
   #img1{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
       }
   #img2{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img3{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img4{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img5{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;

      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img6{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;

      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex1{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex2{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex3{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex4{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex5{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: 120px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex6{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: 120px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #artesanal1-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal1-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal2-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal2-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal3-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal3-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal4-u{
      position: relative;
      bottom: 30px;
      left: 70px;
      }
   #artesanal4-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal5-u{
      position: relative;
      bottom: 30px;
      left: 70px;
      }
   #artesanal5-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal6-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal6-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   .mb-2{
      white-space: pre;
      line-break: anywhere;
      line-height: 30px;
      font-size: 20px;
      margin-top: 5px;
      position: relative;
      bottom: 120px;
      top: 190px;
      left: 20px;
      width: 450px;
      height: 100px;
      text-indent: -18em;
      border: solid 2px black;
     }
   #span0section1{
      margin-left: 90%;
      }
   #span1section1{
      margin-left: -28%;
      }
   #span2section1{
      margin-left: -28%;
      }
   #span0section2{
      margin-left: 90%;
      }
   #span1section2{
      margin-left: -28%;
      }
   #span2section2{
      margin-left: -28%;
      }
   #span0section3{
      margin-left: 90%;
      }
   #span1section3{
      margin-left: -28%;
      }
   #span2section3{
      margin-left: -28%;
      }
   #span0section4{
      margin-left: 90%;
      }
   #span1section4{
      margin-left: -28%;
      }
   #span2section4{
      margin-left: -28%;
      }
   #span0section5{
      margin-left: 90%;
      }
   #span1section5{
      margin-left: -28%;
      }
   #span2section5{
      margin-left: -28%;
      }
   #span0section6{
      margin-left: 90%;
      }
   #span1section6{
      margin-left: -28%;
      }
   #span2section6{
      margin-left: -28%;
      }
 /* 1260 - Modelos - Menús-------------------------*/
   .intro-modelo .intro-img {
      width: 100%;
      height: 100%;
      position: relative;
      left: -50px;
      top: 50px;
      }
   .intro-modelo .intro-text {
      width: 155%;
      height: 270px;
      margin-top: -100px;
      background-color: white;
      position: relative;
      left: -470px;
      top: 55px;
      opacity: .5;
      border: solid 2px black;
      }
   #titulo-sopas{
      font-family: 'Tangerine', serif;
      font-size: 90px;
      font-weight: bold;
      position: relative;
      bottom: -3px;
      left: 30px;
      }
   #titulo-ensaladas{
      font-family: 'Tangerine', serif;
      font-size: 58px;
      font-weight: bold;
      position: relative;
      bottom: -30px;
      left: 30px;
      }
   #titulo-entradas{
      font-family: 'Tangerine', serif;
      font-size: 58px;
      font-weight: bold;
      position: relative;
      bottom: -20px;
      left: 30px;
      }
   #titulo-recetas{
      font-family: "Inter",italic;
      font-size: 58px;
      font-weight: bold;
      position: relative;
      bottom: -20px;
      left: 30px;
      }
   #titulo-blog{
      font-family: "Righteous", sans-serif;;
      font-size: 38px;
      font-weight: bold;
      position: relative;
      bottom: -20px;
      left: 30px;
      }
   .section-heading .section-heading-lower{
      font-family: "Playwrite IT Moderna", cursive;
      font-size: 50px;
      font-weight: 900;
      text-transform: none;
      }
   #img-receta{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      top: 1px;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
       }
   #tex-receta{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47%;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img1-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      top: 1px;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
       }
   #tex1-modelo{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47%;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #artesanal1-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 625px;
      padding: 5px;
      }
   #artesanal1-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal1-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal1-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal1-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 625px;
      padding: 5px;
      }
   #artesanal1-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal1-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal1-receta div ul li a{
      text-decoration: none;
       }
      #artesanal1-blog{
      width:490px;
      height: 270px;
      font-family: "Righteous", sans-serif;
      font-size: 20px;
      font-weight: 100;
      text-transform: none;
      position: relative;
      bottom: 385px;
      left: 295px;
      }
   #parrafos{
      margin: 50px;
      }
   #titulos {
      font-family: "Playwrite IT Moderna", cursive;;
      font-size: 50px;
      font-weight: 900;
      position: relative;
      top: 30px;
      bottom: 35px;
      padding: 12%;
      }
   #textos{
      font-family: "Playwrite IT Moderna", cursive;;
      font-size: 30px;
      font-weight: normal;
      position: relative;
      top: 60px;
      bottom: 30px;
      padding : 30px 30px 30px 30px;
      }
   #img2-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex2-modelo{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47%;
      top: -310px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #artesanal2-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 625px;
      padding: 5px;
      }
   #artesanal2-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal2-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal2-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal2-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 625px;
      padding: 5px;
      }
   #artesanal2-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal2-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal2-receta div ul li a{
      text-decoration: none;
       }
  #artesanal3-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 625px;
      padding: 5px;
      }
  #artesanal3-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
  #artesanal3-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
  #artesanal3-modelo div ul li a{
      text-decoration: none;
       }
  #artesanal3-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 625px;
      padding: 5px;
      }
  #artesanal3-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
  #artesanal3-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
  #artesanal3-receta div ul li a{
      text-decoration: none;
       }
   #artesanal4-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 390px;
      left: 625px;
      padding: 5px;
      }
   #artesanal4-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal4-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal4-modelo div ul li a{
      text-decoration: none;
       }
  #artesanal4-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 625px;
      padding: 5px;
      }
  #artesanal4-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
  #artesanal4-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
  #artesanal4-receta div ul li a{
      text-decoration: none;
       }
   #artesanal5-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 390px;
      left: 625px;
      padding: 5px;
      }
   #artesanal5-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal5-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal5-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal5-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 625px;
      padding: 5px;
      }
  #artesanal5-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
  #artesanal5-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
  #artesanal5-receta div ul li a{
      text-decoration: none;
       }
   #artesanal6-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 390px;
      left: 625px;
      padding: 5px;
      }
   #artesanal6-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal6-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal6-modelo div ul li a{
      text-decoration: none;
       }
  #artesanal6-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 625px;
      padding: 5px;
      }
  #artesanal6-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
  #artesanal6-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
  #artesanal6-receta div ul li a{
      text-decoration: none;
       }
   #artesanal7-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 625px;
      padding: 5px;
      }
  #artesanal7-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
  #artesanal7-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
  #artesanal7-receta div ul li a{
      text-decoration: none;
       }
  #artesanal8-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 625px;
      padding: 5px;
      }
  #artesanal8-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
  #artesanal8-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
  #artesanal8-receta div ul li a{
      text-decoration: none;
       }
  #artesanal9-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 625px;
      padding: 5px;
      }
  #artesanal9-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
  #artesanal9-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
  #artesanal9-receta div ul li a{
      text-decoration: none;
       }
  #artesanal10-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 625px;
      padding: 5px;
      }
  #artesanal10-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
  #artesanal10-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
  #artesanal10-receta div ul li a{
      text-decoration: none;
       }
  #artesanal11-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 625px;
      padding: 5px;
      }
  #artesanal11-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
  #artesanal11-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
  #artesanal11-receta div ul li a{
      text-decoration: none;
       }
  #artesanal12-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 625px;
      padding: 5px;
      }
  #artesanal12-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
  #artesanal12-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
  #artesanal12-receta div ul li a{
      text-decoration: none;
       }
   .box{
      position: absolute;
      top: -120px;
      left: 8px;
      overflow-y: auto;
      width: 490px;
      height: 270px;
      scrollHeight = 723;
      }
   #img3-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
   }
   #tex3-modelo{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47.5%;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img4-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex4-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 47.5%;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img5-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex5-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 620px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img6-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex6-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 620px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img7-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
  #tex7-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 463px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
  #img8-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
  #tex8-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 463px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
  #img9-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
  #tex9-modelo{
     width: 50%;
     height: 400px;
     margin-top: -300px;
     position: relative;
     left: 463px;
     top: -105px;
     background-color: white;
     opacity: .9;
     border: solid 2px black;
     border-radius: 10%;
      }

/* 1260 - Css para el estilo de fondo de las recetas-----------------------------------------------------------------*/
   .sopas{
      background: linear-gradient(rgba(255, 150, 51, 0.2), rgba(255, 150, 51, 0.6));
      }
   .ensaladas{
      background: linear-gradient(rgba(5, 201, 237, 0.2), rgba(5, 201, 237, 0.6));
      }
   .eentradas{
      linear-gradient(rgba(255, 51, 165, 0.2), rgba(255, 51, 165, 0.6));
      }
   .salsas{
      linear-gradient(rgba(235, 255, 51, 0.2), rgba(235, 255, 51, 0.6));
      }
   .platos-calientes{
      background: linear-gradient(rgba(51, 255, 150, 0.2), rgba(51, 255, 150, 0.6));"
      }
   .postres{
      background: linear-gradient(rgba(51, 56, 255, 0.2), rgba(51, 56, 255, 0.6));"
      }

/* 1260 - Blog-----------------------------------------------------------------*/
    #artesanal2-blog{
      width:490px;
      height: 270px;
      font-family: "Righteous", sans-serif;
      font-size: 25px;
      font-weight: 100;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 625px;
      }
    #artesanal2-blog div{
      text-decoration: none;
      position: relative;
      left: 45px;
      top: 5px;
       }
    #artesanal2-blog div ul{
      text-decoration: none;
      list-style-type: none;
      height: 260px;
      position: relative;
      left: 5px;
      top: 400px"
       }
    #artesanal2-blog div ul li a{
       text-decoration: none;
       }
/*-1260 - Footer: Pie de página---------------------------------------------*/
   .footer{
      width: 100%;
      height: 10%;
      background-color: rgba( 16, 162, 86, 0.8);
      position: relative;
      top: 600px;
      }
   .mbt{
      padding-top: 1rem;
      text-align: center;
      }
   .mbt1{
      text-align: center;
      }
}
/*=======================================================================================*/
/* MEDIA SCREEN 1440 - 1550*/
@media screen and (min-width: 1441px) and (max-width: 1500px) {

* {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
   }
#carro.container{
   height:calc(100vh - 300px -100px);
      }
#container{
   border: solid 2px blue;
   border-radius: 10px;
   margin-left: 500px;
   margin-top: 100px;
   margin-bottom: 100px;
   width: 900px;
   height: 350px;
   background: #BFEFFA;
   }
#containercont{
   border: solid 4px blue;
   border-radius: 10px;
   width: 818px;
   height: 600px;
   background: #BFEFFA;
   position: relative;
   left: 19%;
   top: 100px;
   }
#containerreg{
   border: solid 2px blue;
   border-radius: 10px;
   margin-left: 400px;
   margin-top: 100px;
   margin-bottom: 100px;
   width: 900px;
   height: 500px;
   background: #BFEFFA;
   }
#containerlog{
   border: solid 2px blue;
   border-radius: 10px;
   margin-left: 400px;
   margin-top: 100px;
   margin-bottom: 100px;
   width: 900px;
   height: 500px;
   background: #BFEFFA;
   }
#pass-icon{
   margin-top: 10px;
   margin-left: -40px;
   width: 40px;
   height: 20px
   }
#repass-icon{
   margin-top: 10px;
   margin-left: -40px;
   width: 40px;
   height: 20px
   }
h3 {
   color: white;
   margin-top: 60px;
   }
#tablacarro{
   border: solid white 2px;
   border-collapse: collapse;
   position: relative;
   z-index: 4;
   }
#formulario{
   margin-top: 80px;
   margin-left: 30px;
   height: 500px;
   }
#formulariolog{
   margin-top: 80px;
   margin-left: 30px;
   height: 500px;
   }
#formularioreg{
   margin-top: 80px;
   margin-left: 30px;
   height: 600px;
   }
#formulariocont{
   padding-top: 60px;
   padding-left: 20px;
   height: 600px;
   position: relative;
   }
#lista{
   width: 1200px;
   height: 1270px;
   margin-top: -158px;
   border: none;
   }
#foto:hover{
   transform: scale(3.0);
   z-index: 1;
   position: relative;
   left: 200px;
   }
#fototarjeta:hover{
   transform: scale(3.0);
   z-index: 1;
   position: relative;
   right: 200px;
   }
#nombre {
   font-size: 20px;
   width: 580px;
   height: 30px;
   margin-left: 30px;
   }
#nombre1 {
   font-size: 22px;
   height: 35px;
   position: relative;
   left: -2%;
   }
#email {
   font-size: 20px;
   width: 580px;
   height: 30px;
   margin-left: 115px;
   }
#password {
   font-size: 20px;
   width: 555px;
   height: 30px;
   margin-left: 65px;
   }
#repassword {
   font-size: 20px;
   width: 555px;
   height: 30px;
   margin-left: 65px;
   }
#asunto {
   font-size: 20px;
   width: 580px;
   height: 50px;
   margin-left: 100px;
   }
#mensaje {
   font-size: 20px;
   width: 580px;
   height: 230px;
   margin-left: 90px;
   }
#botones .boton{
   margin-left: 350px;
   width: 150px;
   height:40px;
   font-size: 20px;
   }
#botones .btn{
   margin-left: 350px;
   width: 150px;
   height:40px;
   font-size: 20px;
   }
#cerrarsesion {
   display: none;
   }
html{
   overflow: auto;
   }
body {
   width: 100%;
   min-height: 100vh;
   min-width: 100vw;
   margin: 0;
   font-family: 'Verdana';
   background: linear-gradient(rgba(5, 201, 237, 0.8), rgba(5, 201, 237, 0.1)), url("https://www.paulinacocina.net/wp-content/uploads/2024/12/receta-de-torta-alemana-Paulina-Cocina-Recetas-1734967358.jpg");
   background-blend-mode: overlay;
   background-attachment: fixed;
   background-position: bottom;
   background-size: cover;
   overflow: auto;
   }

h1, h2, h3, h4, h5, h6 {
   font-family: 'Comic Sans MS", Times, serif;
   }
.prueba h1{ font-size:24px;
   color: white;
   }
.text-faded {
   color: rgba(255, 255, 255,1);
   }
.site-heading {
   margin-top: 5rem;
   margin-bottom: 7rem;
   text-transform: uppercase;
   line-height: 1;
   font-family: 'Comic Sans MS", Times, serif;
   }
.site-heading .site-heading-upper {
   display: block;
   font-size: 70px;
   font-weight: 800;
   text-align: center;
   }
.site-heading .site-heading-lower {
   font-size: 5rem;
   font-weight: 100;
   line-height: 4rem;
   }
#sesion {
   text-align: right;
   margin-right: 100px;
   }
  #lupa{
     height: 40px;
     width: 40px;
     position: relative;
     top: -40px;
     left: 880px;
     cursor: pointer;
     transition: all 300ms;
     border: 3px solid black;
     }
  #icono_de_busqueda{
height:30px;
     }
  #icon_search{
height:30px;
display: none;
     }
  #icon_menu{
height:30px;
display: none;
     }
  #barra_de_busqueda{
     display: none;
     width: 119%;
     height: 45px;
     font-size: 30px;
     position: relative;
     top: -130px;
     left: 105px;
     transition: all 10000ms;
     z-index: 10;
     }
  #busqueda{
     height: 50px;
     width: 119%;
     padding-left: 15px;
     border: 3px solid black;
     position: relative;
     left: 130px;
     }
  #box_search{
    width: 80%;
    height: 320px;
    display: none;
    position: relative;
    top: -45px;
    margin:auto;
    font-size: 25px;
    z-index: 11;
    }
  #box_search li a{
    display:block;
    width: 100%;
    background-color:  white;
    text-decoration-line: none;
    padding: 5px 20px;
    border: solid 1px black;
    }
  #box_search li a: hover{
    background: #f3f3f3;
    }
  #bloque_sombra{
     width: 120%;
     height: 100%;
     display: none;
     position: fixed;
     top: 290px;
     background: rgba(178, 216, 184, 0.7);
     z-index: 9;
     }
 .page-section {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
   border: solid 2px black;
   }
.page-section .intro-img{ float:left;
   width: 660px;
   height: 465px;
   border: 0.25rem solid rgba(51, 153, 255, 0.85);
   border-radius: 0.5rem;
   padding: 5px;
   position: relative;
   top: -6px;
   }
.page-section .container .row .cta-inner{
   margin-left: -100px;
   }
.section-heading {
   text-transform: uppercase;
   width: 403px;
   height: 68px;
   }
.section-heading .section-heading-upper {
   display: block;
   font-family: 'Lora';
   font-weight: 300;
   padding-bottom:.5rem;
   font-size: 2.5rem;
   text-transform: none;
   margin-top:.5rem;
   }
.section-heading .section-heading-lower {
   font-family: 'Lora';
   display: block;
   font-size: 4rem;
   font-weight: 100;
   }
.bg-faded {
   background-color: rgba(255, 255, 255, 0.85);
   }
#mainNav {
   background-color: rgba(0, 0, 255,1);
   font-family: 'Lucida Sans';
   font-size: 30px;
   border: 2px solid black;
   margin-right: 1px;
   padding-right: 100px;
   height: 86px;
   }
#mainNav .navbar-brand {
   color: #ffffff;
   }
#mainNav .navbar-nav .nav-item .nav-link {
   color: rgba(255, 255, 255, 0.7);
   font-weight: 900;
   }
#mainNav .navbar-nav .nav-item.active .nav-link {
   color: #ffffff;
   text-decoration: underline;
   }
#mainNav .navbar-nav .nav-item .nav-link:hover {
   color: rgba(255, 255, 255, 0.4);
   text-decoration: underline;
   }
 #mainNav .navbar-nav .nav-item.active .nav-link:hover {
   color: #ffffff;
   text-decoration: underline;
   }
 .btn-xl {
   font-weight: 700;
   font-size: 0.8rem;
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
   padding-left: 2rem;
   padding-right: 2rem;
   }
.intro {
   height: 100%;
   position: relative;
   }
.intro .intro-img {
   margin-left: 5px;
   }
.intro .intro-text h2 p{
   color: black;
   }
.intro .intro-text .intro-button {
   width: 100%;
   left: 0;
   position: absolute;
   bottom: -2rem;
   }
.intro-modelo {
   position: relative;
   }
.intro-modelo .intro-text {
   right: 800px;
   width: 500px;
   height: 50px
   margin-top: 300px;
   background-color: rgb(191, 239, 250, 0.6);
   position: absolute;
   left: 800px;
   top: 3px;
   }
.intro-modelo intro-text h2 span{
   color: black;
   }
.cta {
   padding-top: 5rem;
   padding-bottom: 5rem;
   background-color: rgb(242, 245, 240);
   }
.cta .cta-inner {
   position: relative;
   padding: 5rem;
   margin: 5rem;
   background-color: rgb(250, 198, 191, 0.2);
   }
.cta .cta-inner h2{
   color: white;
   }
.cta .cta-inner p{
   color: white;
   }
.cta .cta-inner::before {
   border-radius: 0.5rem;
   content: '';
   position: absolute;
   top: -0.5rem;
   bottom: -0.5rem;
   left: -0.5rem;
   right: -0.5rem;
   border: 0.25rem solid rgba(51, 153, 255, 0.85);
   }
.cta .cta-innerv {
   position: relative;
   padding: 3rem;
   margin: 0.5rem;
   background-color: rgba(255, 255, 255, 0.85);
   }
.about-heading .about-heading-content {
   margin-top: -5rem;
   position: relative;
   z-index: 1;
   }
.product-item .product-item-img {
   position: relative;
   z-index: 0;
   max-width: 60vw;
   }
.product-item .product-item-description {
   position: relative;
   z-index: 1;
   margin-top: -3rem;
   max-width: 50vw;
   }
.address strong {
   font-size: 1.2rem;
   }
.footer {
   margin-top: -60px;
   background-color: rgba(24, 64, 8, 0.8);
   }
.mbt{
   padding-top: 2rem;
   }
.mbt1{
   padding-top: 1.25rem;
   padding-bottom: 20px;
   }
 .btn {
   box-shadow: 0px 3px 0px 3px rgba(249, 231, 159, 1);
   }
.font-weight-light {
   font-weight: 100 !important;
   }
.mbtm{
   padding-top: 5rem;
   }
a.link{
   color: rgba(white, 0.7);
   }
a.link:hover{
   text-decoration: none;
   color: rgba(255, 255, 255, 0.4);
   }
.section-content{
   font-family: 'Lora' !important;
   font-size: 16px !important;
   font-weight: 400 !important;
   line-height: 28px !important;
   }
ul.errorlist{
   padding-top: .75rem;
   font-style: italic;
   color: red;
   }
.linksCategorias{
   text-decoration = underline;
   }
.contenedorFormulario{
   background-color: rgba (24, 64,8);
   width: 50%;
   margin: auto;
   padding: 1px 0px;
   }
.bg-white{
   position: relative;
   left: 500px;
   }

/* 1440 - Título: Recetas de la familia-----------------------------------------*/
   .site-heading {
      margin: 0px 114px 42px 38px;
      padding-top: 70px;
      padding-left: 100px;
      }
   .site-heading .site-heading-lower {
      font-size: 4rem;
      font-weight: 100;
      line-height: 3rem;
      color:#0a05ed;
      font-family: "Poetsen One", sans-serif;
      margin: 3% 15% 3% 15%;
   }
   #sesion {
      margin-top: 1%;
      margin-bottom: 1%;
      margin-right: 3%;
      font-size: 50px;
   }
/* 1440 - Navbar-----------------------------------------------------------------*/
   div.container{
      width: 100%;
      height:50%;
      position: relative;
      top: 20px;
      left: 40px;
      }
   #navbarResponsive {
      margin: 7%;
      width: 100%;
      }
   .navbar-nav{
      margin-left: 5%;
      margin-top: -10%;
      margin-bottom: -5%;
      }
   .nav-item{
      font-size: 39px;
      padding: 2%;
      display: inline;
      position: relative;
      z-index: 1;
      }

 /* 14440 Index - Buscar-search ------------------------------*/
   form.example input[type=text] {
      padding: 10px;
      font-size: 20px;
      border: 1px solid grey;
      float: left;
      width: 80%;
      background: #f1f1f1;
      position: relative;
      left: 150%;
      }
   form.example button {
      float: left;
      width: 20%;
      padding: 10px;
      background: #2196F3;
      color: white;
      font-size: 20px;
      border: 1px solid grey;
      border-left: none;
      cursor: pointer;
      position: relative;
      left: 150%;
     }
  form.example button:hover {
     background: #0b7dda;
     }
   form.example::after {
      content: "";
      clear: both;
      display: table;
     }

/* 1440 Index - Título: Recetas de la familia ------------------------------*/

   #isection1 {
      width: 100%;
      position: relative;
      top: 20px;
      left: -0.1%;
      }
   .container-section-receta{
      height: 400px;
      margin: 0;
      }
   .container-section-menus{
      height: 400px;
      margin: 0;
      }
   #isection2 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -220px;
      left:-0.1%;
      }
   #isection3 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -160px;
      left:-0.1%;
      }
   #isection4 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -100px;
      left:-0.1%;
      }
   #isection5 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -50px;
      left:-0.1%;
      }
   #isection6 {
      width: 100%;
      position: relative;
      top: 0px;
      left:-0.1%;
      }
   #msection1 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 30px;
      left: -0.1%;
      }
   #msection2 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 80px;
      left:-0.1%;
      }
   #msection3 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 130px;
      left:-0.1%;
      }
   #msection4 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 180px;
      left:-0.1%;
      }
   #msection5 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 210px;
      left:-0.1%;
      }
   #msection6 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 260px;
      left:-0.1%;
      }
   #msection7 {
      width: 100%;
      position: relative;
      top: 310px;
      left:-0.1%;
      }
   #msection8 {
      width: 100%;
      position: relative;
      top: 360px;
      left:-0.1%;
      }
   #msection9 {
      width: 100%;
      position: relative;
      top: 410px;
      left:-0.1%;
      }
   #msection10 {
      width: 100%;
      position: relative;
      top: 460px;
      left:-0.1%;
      }
   #msection11 {
      width: 100%;
      position: relative;
      top: 510px;
      left:-0.1%;
      }
   #msection12 {
      width: 100%;
      position: relative;
      top: 560px;
      left:-0.1%;
      }
   #img1{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
       }
   #img2{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img3{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img4{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img5{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;

      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img6{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;

      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex1{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex2{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex3{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex4{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex5{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: 120px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex6{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: 120px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #artesanal1-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal1-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal2-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal2-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal3-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal3-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal4-u{
      position: relative;
      bottom: 30px;
      left: 70px;
      }
   #artesanal4-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal5-u{
      position: relative;
      bottom: 30px;
      left: 70px;
      }
   #artesanal5-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal6-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal6-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   .mb-2{
      white-space: pre;
      line-break: anywhere;
      line-height: 30px;
      font-size: 20px;
      margin-top: 5px;
      position: relative;
      bottom: 120px;
      top: 190px;
      left: 20px;
      width: 450px;
      height: 100px;
      text-indent: -18em;
      border: solid 2px black;
     }
   #span0section1{
      margin-left: 90%;
      }
   #span1section1{
      margin-left: -28%;
      }
   #span2section1{
      margin-left: -28%;
      }
   #span0section2{
      margin-left: 90%;
      }
   #span1section2{
      margin-left: -28%;
      }
   #span2section2{
      margin-left: -28%;
      }
   #span0section3{
      margin-left: 90%;
      }
   #span1section3{
      margin-left: -28%;
      }
   #span2section3{
      margin-left: -28%;
      }
   #span0section4{
      margin-left: 90%;
      }
   #span1section4{
      margin-left: -28%;
      }
   #span2section4{
      margin-left: -28%;
      }
   #span0section5{
      margin-left: 90%;
      }
   #span1section5{
      margin-left: -28%;
      }
   #span2section5{
      margin-left: -28%;
      }
   #span0section6{
      margin-left: 90%;
      }
   #span1section6{
      margin-left: -28%;
      }
   #span2section6{
      margin-left: -28%;
      }
 /* 1440 - Modelos - Menús-------------------------*/
   .intro-modelo .intro-img {
      width: 100%;
      height: 100%;
      position: relative;
      left: -50px;
      top: 50px;
      }
   .intro-modelo .intro-text {
      width: 155%;
      height: 270px;
      margin-top: -100px;
      background-color: white;
      position: relative;
      left: -470px;
      top: 55px;
      opacity: .5;
      border: solid 2px black;
      }
   #titulo-sopas{
      font-family: 'Tangerine', serif;
      font-size: 90px;
      font-weight: bold;
      position: relative;
      bottom: -3px;
      left: 30px;
      }
   #titulo-ensaladas{
      font-family: 'Tangerine', serif;
      font-size: 58px;
      font-weight: bold;
      position: relative;
      bottom: -30px;
      left: 30px;
      }
   #titulo-entradas{
      font-family: 'Tangerine', serif;
      font-size: 58px;
      font-weight: bold;
      position: relative;
      bottom: -20px;
      left: 30px;
      }
   #titulo-recetas{
      font-family: "Inter",italic;
      font-size: 58px;
      font-weight: bold;
      position: relative;
      bottom: -20px;
      left: 30px;
      }
   #titulo-blog{
      font-family: "Righteous", sans-serif;;
      font-size: 38px;
      font-weight: bold;
      position: relative;
      bottom: -20px;
      left: 30px;
      }
   .section-heading .section-heading-lower{
      font-family: "Playwrite IT Moderna", cursive;
      font-size: 50px;
      font-weight: 900;
      text-transform: none;
      }
   #img-receta{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      top: 1px;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
       }
   #tex-receta{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47%;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img1-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      top: 1px;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
       }
   #tex1-modelo{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47%;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #artesanal1-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 735px;
      padding: 5px;
      }
   #artesanal1-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal1-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal1-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal1-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 735px;
      padding: 5px;
      }
   #artesanal1-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal1-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal1-receta div ul li a{
      text-decoration: none;
       }
      #artesanal1-blog{
      width:490px;
      height: 270px;
      font-family: "Righteous", sans-serif;
      font-size: 20px;
      font-weight: 100;
      text-transform: none;
      position: relative;
      bottom: 385px;
      left: 295px;
      }
   #parrafos{
      margin: 50px;
      }
   #titulos {
      font-family: "Playwrite IT Moderna", cursive;;
      font-size: 50px;
      font-weight: 900;
      position: relative;
      top: 30px;
      bottom: 35px;
      padding: 12%;
      }
   #textos{
      font-family: "Playwrite IT Moderna", cursive;;
      font-size: 30px;
      font-weight: normal;
      position: relative;
      top: 60px;
      bottom: 30px;
      padding : 30px 30px 30px 30px;
      }
   #img2-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex2-modelo{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47%;
      top: -310px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #artesanal2-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 735px;
      padding: 5px;
      }
   #artesanal2-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal2-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal2-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal2-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 735px;
      padding: 5px;
      }
   #artesanal2-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal2-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal2-receta div ul li a{
      text-decoration: none;
       }
   #artesanal3-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 735px;
      padding: 5px;
      }
   #artesanal3-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal3-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal3-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal3-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 735px;
      padding: 5px;
      }
   #artesanal3-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal3-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal3-receta div ul li a{
      text-decoration: none;
       }
  #artesanal4-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 390px;
      left: 735px;
      padding: 5px;
      }
   #artesanal4-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal4-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal4-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal4-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 735px;
      padding: 5px;
      }
   #artesanal4-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal4-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal4-receta div ul li a{
      text-decoration: none;
       }
   #artesanal5-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 390px;
      left: 735px;
      padding: 5px;
      }
   #artesanal5-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal5-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal5-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal5-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 735px;
      padding: 5px;
      }
   #artesanal5-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal5-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal5-receta div ul li a{
      text-decoration: none;
       }
   #artesanal6-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 390px;
      left: 735px;
      padding: 5px;
      }
   #artesanal6-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal6-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal6-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal6-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 735px;
      padding: 5px;
      }
   #artesanal6-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal6-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal6-receta div ul li a{
      text-decoration: none;
       }
   #artesanal7-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 735px;
      padding: 5px;
      }
   #artesanal7-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal7-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal7-receta div ul li a{
      text-decoration: none;
       }
   #artesanal8-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 735px;
      padding: 5px;
      }
   #artesanal8-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal8-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal8-receta div ul li a{
      text-decoration: none;
       }
   #artesanal9-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 735px;
      padding: 5px;
      }
   #artesanal9-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal9-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal9-receta div ul li a{
      text-decoration: none;
       }
   #artesanal10-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 735px;
      padding: 5px;
      }
   #artesanal10-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal10-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal10-receta div ul li a{
      text-decoration: none;
       }
    #artesanal11-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 735px;
      padding: 5px;
      }
   #artesanal11-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal11-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal11-receta div ul li a{
      text-decoration: none;
       }
   #artesanal12-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 735px;
      padding: 5px;
      }
   #artesanal12-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal12-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal12-receta div ul li a{
      text-decoration: none;
       }
   #img3-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
   }
   #tex3-modelo{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47.5%;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img4-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex4-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 47.5%;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img5-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex5-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 710px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img6-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex6-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 710px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img7-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex7-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 463px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img8-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex8-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 463px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img9-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex9-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 463px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }

/* 1440 - Css para el estilo de fondo de las recetas-----------------------------------------------------------------*/
   .sopas{
      background: linear-gradient(rgba(255, 150, 51, 0.2), rgba(255, 150, 51, 0.6));
      }
   .ensaladas{
      background: linear-gradient(rgba(5, 201, 237, 0.2), rgba(5, 201, 237, 0.6));
      }
   .eentradas{
      linear-gradient(rgba(255, 51, 165, 0.2), rgba(255, 51, 165, 0.6));
      }
   .salsas{
      linear-gradient(rgba(235, 255, 51, 0.2), rgba(235, 255, 51, 0.6));
      }
   .platos-calientes{
      background: linear-gradient(rgba(51, 255, 150, 0.2), rgba(51, 255, 150, 0.6));"
      }
   .postres{
      background: linear-gradient(rgba(51, 56, 255, 0.2), rgba(51, 56, 255, 0.6));"
      }

/* 1440 - Blog-----------------------------------------------------------------*/
    #artesanal2-blog{
      width:490px;
      height: 270px;
      font-family: "Righteous", sans-serif;
      font-size: 25px;
      font-weight: 100;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 625px;
      }
    #artesanal2-blog div{
      text-decoration: none;
       position: relative;
       left: 55px;
       top: 5px;
       }
    #artesanal2-blog div ul{
       text-decoration: none;
       list-style-type: none;
       height: 260px;
       position: relative;
       left: 95px;
       top: 400px"
       }
    #artesanal2-blog div ul li a{
       text-decoration: none;
       }
/*-1440 - Footer: Pie de página---------------------------------------------*/
   .footer{
      width: 100%;
      height: 10%;
      background-color: rgba( 16, 162, 86, 0.8);
      position: relative;
      top: 600px;
      }
   .mbt{
      padding-top: 1rem;
      text-align: center;
      }
   .mbt1{
      text-align: center;
      }
}
/*=======================================================================================*/
/* MEDIA SCREEN 1500 - 1650*/
@media screen and (min-width: 1501px) and (max-width: 1650px) {

* {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
   }
#carro.container{
   height:calc(100vh - 300px -100px);
      }
#container{
   border: solid 2px blue;
   border-radius: 10px;
   margin-left: 500px;
   margin-top: 100px;
   margin-bottom: 100px;
   width: 900px;
   height: 350px;
   background: #BFEFFA;
   }
#containercont{
   border: solid 4px blue;
   border-radius: 10px;
   width: 818px;
   height: 600px;
   background: #BFEFFA;
   position: relative;
   left: 19%;
   top: 100px;
   }
#containerreg{
   border: solid 2px blue;
   border-radius: 10px;
   margin-left: 400px;
   margin-top: 100px;
   margin-bottom: 100px;
   width: 900px;
   height: 500px;
   background: #BFEFFA;
   }
#containerlog{
   border: solid 2px blue;
   border-radius: 10px;
   margin-left: 400px;
   margin-top: 100px;
   margin-bottom: 100px;
   width: 900px;
   height: 500px;
   background: #BFEFFA;
   }
#pass-icon{
   margin-top: 10px;
   margin-left: -40px;
   width: 40px;
   height: 20px
   }
#repass-icon{
   margin-top: 10px;
   margin-left: -40px;
   width: 40px;
   height: 20px
   }
h3 {
   color: white;
   margin-top: 60px;
   }
#tablacarro{
   border: solid white 2px;
   border-collapse: collapse;
   position: relative;
   z-index: 4;
   }
#formulario{
   margin-top: 80px;
   margin-left: 30px;
   height: 500px;
   }
#formulariolog{
   margin-top: 80px;
   margin-left: 30px;
   height: 500px;
   }
#formularioreg{
   margin-top: 80px;
   margin-left: 30px;
   height: 600px;
   }
#formulariocont{
   padding-top: 60px;
   padding-left: 20px;
   height: 600px;
   position: relative;
   }
#lista{
   width: 1200px;
   height: 1270px;
   margin-top: -158px;
   border: none;
   }
#foto:hover{
   transform: scale(3.0);
   z-index: 1;
   position: relative;
   left: 200px;
   }
#fototarjeta:hover{
   transform: scale(3.0);
   z-index: 1;
   position: relative;
   right: 200px;
   }
#nombre {
   font-size: 20px;
   width: 580px;
   height: 30px;
   margin-left: 30px;
   }
#nombre1 {
   font-size: 22px;
   height: 35px;
   position: relative;
   left: -2%;
   }
#email {
   font-size: 20px;
   width: 580px;
   height: 30px;
   margin-left: 115px;
   }
#password {
   font-size: 20px;
   width: 555px;
   height: 30px;
   margin-left: 65px;
   }
#repassword {
   font-size: 20px;
   width: 555px;
   height: 30px;
   margin-left: 65px;
   }
#asunto {
   font-size: 20px;
   width: 580px;
   height: 50px;
   margin-left: 100px;
   }
#mensaje {
   font-size: 20px;
   width: 580px;
   height: 230px;
   margin-left: 90px;
   }
#botones .boton{
   margin-left: 350px;
   width: 150px;
   height:40px;
   font-size: 20px;
   }
#botones .btn{
   margin-left: 350px;
   width: 150px;
   height:40px;
   font-size: 20px;
   }
#cerrarsesion {
   display: none;
   }
html{
   overflow: auto;
   }
body {
   width: 100%;
   min-height: 100vh;
   min-width: 100vw;
   margin: 0;
   font-family: 'Verdana';
   background: linear-gradient(rgba(5, 201, 237, 0.8), rgba(5, 201, 237, 0.1)), url("https://www.paulinacocina.net/wp-content/uploads/2024/12/receta-de-torta-alemana-Paulina-Cocina-Recetas-1734967358.jpg");
   background-blend-mode: overlay;
   background-attachment: fixed;
   background-position: bottom;
   background-size: cover;
   overflow: auto;
   }

h1, h2, h3, h4, h5, h6 {
   font-family: 'Comic Sans MS", Times, serif;
   }
.prueba h1{ font-size:24px;
   color: white;
   }
.text-faded {
   color: rgba(255, 255, 255,1);
   }
.site-heading {
   margin-top: 5rem;
   margin-bottom: 7rem;
   text-transform: uppercase;
   line-height: 1;
   font-family: 'Comic Sans MS", Times, serif;
   }
.site-heading .site-heading-upper {
   display: block;
   font-size: 70px;
   font-weight: 800;
   text-align: center;
   }
.site-heading .site-heading-lower {
   font-size: 5rem;
   font-weight: 100;
   line-height: 4rem;
   }
#sesion {
   text-align: right;
   margin-right: 100px;
   }
  #lupa{
     height: 40px;
     width: 40px;
     position: relative;
     top: -40px;
     left: 880px;
     cursor: pointer;
     transition: all 300ms;
     border: 3px solid black;
     }
  #icono_de_busqueda{
height:30px;
     }
  #icon_search{
height:30px;
display: none;
     }
  #icon_menu{
height:30px;
display: none;
     }
  #barra_de_busqueda{
     display: none;
     width: 119%;
     height: 45px;
     font-size: 30px;
     position: relative;
     top: -130px;
     left: 105px;
     transition: all 10000ms;
     z-index: 10;
     }
  #busqueda{
     height: 50px;
     width: 119%;
     padding-left: 15px;
     border: 3px solid black;
     position: relative;
     left: 130px;
     }
  #box_search{
    width: 80%;
    height: 320px;
    display: none;
    position: relative;
    top: -45px;
    margin:auto;
    font-size: 25px;
    z-index: 11;
    }
  #box_search li a{
    display:block;
    width: 100%;
    background-color:  white;
    text-decoration-line: none;
    padding: 5px 20px;
    border: solid 1px black;
    }
  #box_search li a: hover{
    background: #f3f3f3;
    }
  #bloque_sombra{
     width: 120%;
     height: 100%;
     display: none;
     position: fixed;
     top: 290px;
     background: rgba(178, 216, 184, 0.7);
     z-index: 9;
     }
 .page-section {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
   border: solid 2px black;
   }
.page-section .intro-img{ float:left;
   width: 660px;
   height: 465px;
   border: 0.25rem solid rgba(51, 153, 255, 0.85);
   border-radius: 0.5rem;
   padding: 5px;
   position: relative;
   top: -6px;
   }
.page-section .container .row .cta-inner{
   margin-left: -100px;
   }
.section-heading {
   text-transform: uppercase;
   width: 403px;
   height: 68px;
   }
.section-heading .section-heading-upper {
   display: block;
   font-family: 'Lora';
   font-weight: 300;
   padding-bottom:.5rem;
   font-size: 2.5rem;
   text-transform: none;
   margin-top:.5rem;
   }
.section-heading .section-heading-lower {
   font-family: 'Lora';
   display: block;
   font-size: 4rem;
   font-weight: 100;
   }
.bg-faded {
   background-color: rgba(255, 255, 255, 0.85);
   }
#mainNav {
   background-color: rgba(0, 0, 255,1);
   font-family: 'Lucida Sans';
   font-size: 30px;
   border: 2px solid black;
   margin-right: 1px;
   padding-right: 100px;
   height: 86px;
   }
#mainNav .navbar-brand {
   color: #ffffff;
   }
#mainNav .navbar-nav .nav-item .nav-link {
   color: rgba(255, 255, 255, 0.7);
   font-weight: 900;
   }
#mainNav .navbar-nav .nav-item.active .nav-link {
   color: #ffffff;
   text-decoration: underline;
   }
#mainNav .navbar-nav .nav-item .nav-link:hover {
   color: rgba(255, 255, 255, 0.4);
   text-decoration: underline;
   }
 #mainNav .navbar-nav .nav-item.active .nav-link:hover {
   color: #ffffff;
   text-decoration: underline;
   }
 .btn-xl {
   font-weight: 700;
   font-size: 0.8rem;
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
   padding-left: 2rem;
   padding-right: 2rem;
   }
.intro {
   height: 100%;
   position: relative;
   }
.intro .intro-img {
   margin-left: 5px;
   }
.intro .intro-text h2 p{
   color: black;
   }
.intro .intro-text .intro-button {
   width: 100%;
   left: 0;
   position: absolute;
   bottom: -2rem;
   }
.intro-modelo {
   position: relative;
   }
.intro-modelo .intro-text {
   right: 800px;
   width: 500px;
   height: 50px
   margin-top: 300px;
   background-color: rgb(191, 239, 250, 0.6);
   position: absolute;
   left: 800px;
   top: 3px;
   }
.intro-modelo intro-text h2 span{
   color: black;
   }
.cta {
   padding-top: 5rem;
   padding-bottom: 5rem;
   background-color: rgb(242, 245, 240);
   }
.cta .cta-inner {
   position: relative;
   padding: 5rem;
   margin: 5rem;
   background-color: rgb(250, 198, 191, 0.2);
   }
.cta .cta-inner h2{
   color: white;
   }
.cta .cta-inner p{
   color: white;
   }
.cta .cta-inner::before {
   border-radius: 0.5rem;
   content: '';
   position: absolute;
   top: -0.5rem;
   bottom: -0.5rem;
   left: -0.5rem;
   right: -0.5rem;
   border: 0.25rem solid rgba(51, 153, 255, 0.85);
   }
.cta .cta-innerv {
   position: relative;
   padding: 3rem;
   margin: 0.5rem;
   background-color: rgba(255, 255, 255, 0.85);
   }
.about-heading .about-heading-content {
   margin-top: -5rem;
   position: relative;
   z-index: 1;
   }
.product-item .product-item-img {
   position: relative;
   z-index: 0;
   max-width: 60vw;
   }
.product-item .product-item-description {
   position: relative;
   z-index: 1;
   margin-top: -3rem;
   max-width: 50vw;
   }
.address strong {
   font-size: 1.2rem;
   }
.footer {
   margin-top: -60px;
   background-color: rgba(24, 64, 8, 0.8);
   }
.mbt{
   padding-top: 2rem;
   }
.mbt1{
   padding-top: 1.25rem;
   padding-bottom: 20px;
   }
 .btn {
   box-shadow: 0px 3px 0px 3px rgba(249, 231, 159, 1);
   }
.font-weight-light {
   font-weight: 100 !important;
   }
.mbtm{
   padding-top: 5rem;
   }
a.link{
   color: rgba(white, 0.7);
   }
a.link:hover{
   text-decoration: none;
   color: rgba(255, 255, 255, 0.4);
   }
.section-content{
   font-family: 'Lora' !important;
   font-size: 16px !important;
   font-weight: 400 !important;
   line-height: 28px !important;
   }
ul.errorlist{
   padding-top: .75rem;
   font-style: italic;
   color: red;
   }
.linksCategorias{
   text-decoration = underline;
   }
.contenedorFormulario{
   background-color: rgba (24, 64,8);
   width: 50%;
   margin: auto;
   padding: 1px 0px;
   }
.bg-white{
   position: relative;
   left: 500px;
   }

/* 1440 - Título: Recetas de la familia-----------------------------------------*/
   .site-heading {
      margin: 0px 114px 42px 38px;
      padding-top: 70px;
      padding-left: 100px;
      }
   .site-heading .site-heading-lower {
      font-size: 4rem;
      font-weight: 100;
      line-height: 3rem;
      color:#0a05ed;
      font-family: "Poetsen One", sans-serif;
      margin: 3% 15% 3% 15%;
   }
   #sesion {
      margin-top: 1%;
      margin-bottom: 1%;
      margin-right: 3%;
      font-size: 50px;
   }
/* 1440 - Navbar-----------------------------------------------------------------*/
   div.container{
      width: 100%;
      height:50%;
      position: relative;
      top: 20px;
      left: 40px;
      }
   #navbarResponsive {
      margin: 7%;
      width: 100%;
      }
   .navbar-nav{
      margin-left: 5%;
      margin-top: -10%;
      margin-bottom: -5%;
      }
   .nav-item{
      font-size: 39px;
      padding: 2%;
      display: inline;
      position: relative;
      z-index: 1;
      }

 /* 14440 Index - Buscar-search ------------------------------*/
   form.example input[type=text] {
      padding: 10px;
      font-size: 20px;
      border: 1px solid grey;
      float: left;
      width: 80%;
      background: #f1f1f1;
      position: relative;
      left: 150%;
      }
   form.example button {
      float: left;
      width: 20%;
      padding: 10px;
      background: #2196F3;
      color: white;
      font-size: 20px;
      border: 1px solid grey;
      border-left: none;
      cursor: pointer;
      position: relative;
      left: 150%;
     }
  form.example button:hover {
     background: #0b7dda;
     }
   form.example::after {
      content: "";
      clear: both;
      display: table;
     }

/* 1440 Index - Título: Recetas de la familia ------------------------------*/

   #isection1 {
      width: 100%;
      position: relative;
      top: 20px;
      left: -0.1%;
      }
   .container-section-receta{
      height: 400px;
      margin: 0;
      }
   .container-section-menus{
      height: 400px;
      margin: 0;
      }
   #isection2 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -220px;
      left:-0.1%;
      }
   #isection3 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -160px;
      left:-0.1%;
      }
   #isection4 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -100px;
      left:-0.1%;
      }
   #isection5 {
      height: 410px;
      width: 100%;
      position: relative;
      top: -50px;
      left:-0.1%;
      }
   #isection6 {
      width: 100%;
      position: relative;
      top: 0px;
      left:-0.1%;
      }
   #msection1 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 30px;
      left: -0.1%;
      }
   #msection2 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 80px;
      left:-0.1%;
      }
   #msection3 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 130px;
      left:-0.1%;
      }
   #msection4 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 180px;
      left:-0.1%;
      }
   #msection5 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 210px;
      left:-0.1%;
      }
   #msection6 {
      height: 410px;
      width: 100%;
      position: relative;
      top: 260px;
      left:-0.1%;
      }
   #msection7 {
      width: 100%;
      position: relative;
      top: 310px;
      left:-0.1%;
      }
   #msection8 {
      width: 100%;
      position: relative;
      top: 360px;
      left:-0.1%;
      }
   #msection9 {
      width: 100%;
      position: relative;
      top: 410px;
      left:-0.1%;
      }
   #msection10 {
      width: 100%;
      position: relative;
      top: 460px;
      left:-0.1%;
      }
   #msection11 {
      width: 100%;
      position: relative;
      top: 510px;
      left:-0.1%;
      }
   #msection12 {
      width: 100%;
      position: relative;
      top: 560px;
      left:-0.1%;
      }
   #img1{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
       }
   #img2{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img3{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img4{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img5{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;

      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #img6{
      width: 40%;
      height: 400px;
      position: relative;
      left: 57%;

      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex1{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex2{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex3{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex4{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex5{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: 120px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #tex6{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 35px;
      top: 120px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #artesanal1-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal1-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal2-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal2-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal3-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal3-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal4-u{
      position: relative;
      bottom: 30px;
      left: 70px;
      }
   #artesanal4-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal5-u{
      position: relative;
      bottom: 30px;
      left: 70px;
      }
   #artesanal5-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   #artesanal6-u{
      position: relative;
      bottom: 30px;
      left: 50px;
      }
   #artesanal6-l{
      position: relative;
      bottom: 70px;
      left: 50px;
      }
   .mb-2{
      white-space: pre;
      line-break: anywhere;
      line-height: 30px;
      font-size: 20px;
      margin-top: 5px;
      position: relative;
      bottom: 120px;
      top: 190px;
      left: 20px;
      width: 450px;
      height: 100px;
      text-indent: -18em;
      border: solid 2px black;
     }
   #span0section1{
      margin-left: 90%;
      }
   #span1section1{
      margin-left: -28%;
      }
   #span2section1{
      margin-left: -28%;
      }
   #span0section2{
      margin-left: 90%;
      }
   #span1section2{
      margin-left: -28%;
      }
   #span2section2{
      margin-left: -28%;
      }
   #span0section3{
      margin-left: 90%;
      }
   #span1section3{
      margin-left: -28%;
      }
   #span2section3{
      margin-left: -28%;
      }
   #span0section4{
      margin-left: 90%;
      }
   #span1section4{
      margin-left: -28%;
      }
   #span2section4{
      margin-left: -28%;
      }
   #span0section5{
      margin-left: 90%;
      }
   #span1section5{
      margin-left: -28%;
      }
   #span2section5{
      margin-left: -28%;
      }
   #span0section6{
      margin-left: 90%;
      }
   #span1section6{
      margin-left: -28%;
      }
   #span2section6{
      margin-left: -28%;
      }
 /* 1500 - Modelos - Menús-------------------------*/
   .intro-modelo .intro-img {
      width: 100%;
      height: 100%;
      position: relative;
      left: -50px;
      top: 50px;
      }
   .intro-modelo .intro-text {
      width: 155%;
      height: 270px;
      margin-top: -100px;
      background-color: white;
      position: relative;
      left: -470px;
      top: 55px;
      opacity: .5;
      border: solid 2px black;
      }
   #titulo-sopas{
      font-family: 'Tangerine', serif;
      font-size: 90px;
      font-weight: bold;
      position: relative;
      bottom: -3px;
      left: 30px;
      }
   #titulo-ensaladas{
      font-family: 'Tangerine', serif;
      font-size: 58px;
      font-weight: bold;
      position: relative;
      bottom: -30px;
      left: 30px;
      }
   #titulo-entradas{
      font-family: 'Tangerine', serif;
      font-size: 58px;
      font-weight: bold;
      position: relative;
      bottom: -20px;
      left: 30px;
      }
   #titulo-recetas{
      font-family: "Inter",italic;
      font-size: 58px;
      font-weight: bold;
      position: relative;
      bottom: -20px;
      left: 30px;
      }
   #titulo-blog{
      font-family: "Righteous", sans-serif;;
      font-size: 38px;
      font-weight: bold;
      position: relative;
      bottom: -20px;
      left: 30px;
      }
   .section-heading .section-heading-lower{
      font-family: "Playwrite IT Moderna", cursive;
      font-size: 50px;
      font-weight: 900;
      text-transform: none;
      }
   #img-receta{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      top: 1px;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
       }
   #tex-receta{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47%;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img1-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      top: 1px;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
       }
   #tex1-modelo{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47%;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #artesanal1-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 765px;
      padding: 5px;
      }
   #artesanal1-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal1-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal1-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal1-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 765px;
      padding: 5px;
      }
   #artesanal1-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal1-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal1-receta div ul li a{
      text-decoration: none;
       }
      #artesanal1-blog{
      width:490px;
      height: 270px;
      font-family: "Righteous", sans-serif;
      font-size: 20px;
      font-weight: 100;
      text-transform: none;
      position: relative;
      bottom: 385px;
      left: 295px;
      }
   #parrafos{
      margin: 50px;
      }
   #titulos {
      font-family: "Playwrite IT Moderna", cursive;;
      font-size: 50px;
      font-weight: 900;
      position: relative;
      top: 30px;
      bottom: 35px;
      padding: 12%;
      }
   #textos{
      font-family: "Playwrite IT Moderna", cursive;;
      font-size: 30px;
      font-weight: normal;
      position: relative;
      top: 60px;
      bottom: 30px;
      padding : 30px 30px 30px 30px;
      }
   #img2-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex2-modelo{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47%;
      top: -310px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #artesanal2-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 765px;
      padding: 5px;
      }
   #artesanal2-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal2-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal2-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal2-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 765px;
      padding: 5px;
      }
   #artesanal2-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal2-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal2-receta div ul li a{
      text-decoration: none;
       }
   #artesanal3-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 765px;
      padding: 5px;
      }
   #artesanal3-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal3-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal3-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal3-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 765px;
      padding: 5px;
      }
   #artesanal3-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal3-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal3-receta div ul li a{
      text-decoration: none;
       }
  #artesanal4-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 390px;
      left: 765px;
      padding: 5px;
      }
   #artesanal4-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal4-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal4-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal4-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 765px;
      padding: 5px;
      }
   #artesanal4-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal4-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal4-receta div ul li a{
      text-decoration: none;
       }
   #artesanal5-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 390px;
      left: 765px;
      padding: 5px;
      }
   #artesanal5-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal5-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal5-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal5-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 765px;
      padding: 5px;
      }
   #artesanal5-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal5-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal5-receta div ul li a{
      text-decoration: none;
       }
   #artesanal6-modelo{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 390px;
      left: 765px;
      padding: 5px;
      }
   #artesanal6-modelo div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal6-modelo div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal6-modelo div ul li a{
      text-decoration: none;
       }
   #artesanal6-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 765px;
      padding: 5px;
      }
   #artesanal6-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal6-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal6-receta div ul li a{
      text-decoration: none;
       }
   #artesanal7-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 765px;
      padding: 5px;
      }
   #artesanal7-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal7-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal7-receta div ul li a{
      text-decoration: none;
       }
   #artesanal8-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 765px;
      padding: 5px;
      }
   #artesanal8-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal8-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal8-receta div ul li a{
      text-decoration: none;
       }
   #artesanal9-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 765px;
      padding: 5px;
      }
   #artesanal9-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal9-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal9-receta div ul li a{
      text-decoration: none;
       }
   #artesanal10-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 765px;
      padding: 5px;
      }
   #artesanal10-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal10-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal10-receta div ul li a{
      text-decoration: none;
       }
    #artesanal11-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 765px;
      padding: 5px;
      }
   #artesanal11-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal11-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal11-receta div ul li a{
      text-decoration: none;
       }
   #artesanal12-receta{
      width:490px;
      height: 280px;
      font-family: 'Tangerine';
      font-size: 35px;
      font-weight: 900;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 765px;
      padding: 5px;
      }
   #artesanal12-receta div{
      width:480px;
      height: 8em;
      line-height: 1.2em;
      position: relative;
      left: 5px;
      top: -20px;
      overflow-y: scroll;
       }
   #artesanal12-receta div ul li{
      width:480px;
      list-style-type: none;
      height: 40px;
      position: relative;
      max-width: 100%;
       }
   #artesanal12-receta div ul li a{
      text-decoration: none;
       }
   #img3-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
   }
   #tex3-modelo{
      width: 50%;
      height: 400px;
      margin-top: -100px;
      position: relative;
      left: 47.5%;
      top: -305px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img4-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex4-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 47.5%;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img5-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex5-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 710px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img6-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex6-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 710px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img7-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex7-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 463px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img8-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex8-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 463px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }
   #img9-modelo{
      width: 40%;
      height: 400px;
      position: relative;
      left: 3%;
      border: 0.25rem solid rgba(51, 153, 255, 0.85);
      border-radius: 0.5rem;
      }
   #tex9-modelo{
      width: 50%;
      height: 400px;
      margin-top: -300px;
      position: relative;
      left: 463px;
      top: -105px;
      background-color: white;
      opacity: .9;
      border: solid 2px black;
      border-radius: 10%;
      }

/* 1440 - Css para el estilo de fondo de las recetas-----------------------------------------------------------------*/
   .sopas{
      background: linear-gradient(rgba(255, 150, 51, 0.2), rgba(255, 150, 51, 0.6));
      }
   .ensaladas{
      background: linear-gradient(rgba(5, 201, 237, 0.2), rgba(5, 201, 237, 0.6));
      }
   .eentradas{
      linear-gradient(rgba(255, 51, 165, 0.2), rgba(255, 51, 165, 0.6));
      }
   .salsas{
      linear-gradient(rgba(235, 255, 51, 0.2), rgba(235, 255, 51, 0.6));
      }
   .platos-calientes{
      background: linear-gradient(rgba(51, 255, 150, 0.2), rgba(51, 255, 150, 0.6));"
      }
   .postres{
      background: linear-gradient(rgba(51, 56, 255, 0.2), rgba(51, 56, 255, 0.6));"
      }

/* 1440 - Blog-----------------------------------------------------------------*/
    #artesanal2-blog{
      width:490px;
      height: 270px;
      font-family: "Righteous", sans-serif;
      font-size: 25px;
      font-weight: 100;
      text-transform: none;
      position: relative;
      bottom: 590px;
      left: 625px;
      }
    #artesanal2-blog div{
      text-decoration: none;
       position: relative;
       left: 55px;
       top: 5px;
       }
    #artesanal2-blog div ul{
       text-decoration: none;
       list-style-type: none;
       height: 260px;
       position: relative;
       left: 95px;
       top: 400px"
       }
    #artesanal2-blog div ul li a{
       text-decoration: none;
       }
/*-1440 - Footer: Pie de página---------------------------------------------*/
   .footer{
      width: 100%;
      height: 10%;
      background-color: rgba( 16, 162, 86, 0.8);
      position: relative;
      top: 600px;
      }
   .mbt{
      padding-top: 1rem;
      text-align: center;
      }
   .mbt1{
      text-align: center;
      }
}
/*=======================================================================================*/