@font-face {
    font-family: 'Arial Rounded MT';
    src: url('./cocina-rapido-disfruta-lento/fonts/ArialRoundedMTBold.eot');
    src: url('./cocina-rapido-disfruta-lento/fonts/ArialRoundedMTBold.eot?#iefix') format('embedded-opentype'),
        url('./cocina-rapido-disfruta-lento/fonts/ArialRoundedMTBold.woff2') format('woff2'),
        url('./cocina-rapido-disfruta-lento/fonts/ArialRoundedMTBold.woff') format('woff'),
        url('./cocina-rapido-disfruta-lento/fonts/ArialRoundedMTBold.ttf') format('truetype'),
        url('./cocina-rapido-disfruta-lento/fonts/ArialRoundedMTBold.svg#ArialRoundedMTBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Abril Fatface';
    src: url('./cocina-rapido-disfruta-lento/fonts/AbrilFatface-Regular.eot');
    src: url('./cocina-rapido-disfruta-lento/fonts/AbrilFatface-Regular.eot?#iefix') format('embedded-opentype'),
        url('./cocina-rapido-disfruta-lento/fonts/AbrilFatface-Regular.woff2') format('woff2'),
        url('./cocina-rapido-disfruta-lento/fonts/AbrilFatface-Regular.woff') format('woff'),
        url('./cocina-rapido-disfruta-lento/fonts/AbrilFatface-Regular.ttf') format('truetype'),
        url('./cocina-rapido-disfruta-lento/fonts/AbrilFatface-Regular.svg#AbrilFatface-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bradley Hand';
    src: url('./cocina-rapido-disfruta-lento/fonts/BradleyHandITCTT-Bold.eot');
    src: url('./cocina-rapido-disfruta-lento/fonts/BradleyHandITCTT-Bold.eot?#iefix') format('embedded-opentype'),
        url('./cocina-rapido-disfruta-lento/fonts/BradleyHandITCTT-Bold.woff2') format('woff2'),
        url('./cocina-rapido-disfruta-lento/fonts/BradleyHandITCTT-Bold.woff') format('woff'),
        url('./cocina-rapido-disfruta-lento/fonts/BradleyHandITCTT-Bold.ttf') format('truetype'),
        url('./cocina-rapido-disfruta-lento/fonts/BradleyHandITCTT-Bold.svg#BradleyHandITCTT-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instrument Serif';
    src: url('./cocina-rapido-disfruta-lento/fonts/InstrumentSerif-Italic.eot');
    src: url('./cocina-rapido-disfruta-lento/fonts/InstrumentSerif-Italic.eot?#iefix') format('embedded-opentype'),
        url('./cocina-rapido-disfruta-lento/fonts/InstrumentSerif-Italic.woff2') format('woff2'),
        url('./cocina-rapido-disfruta-lento/fonts/InstrumentSerif-Italic.woff') format('woff'),
        url('./cocina-rapido-disfruta-lento/fonts/InstrumentSerif-Italic.ttf') format('truetype'),
        url('./cocina-rapido-disfruta-lento/fonts/InstrumentSerif-Italic.svg#InstrumentSerif-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PT Serif Caption';
    src: url('./cocina-rapido-disfruta-lento/fonts/PTSerif-Caption.eot');
    src: url('./cocina-rapido-disfruta-lento/fonts/PTSerif-Caption.eot?#iefix') format('embedded-opentype'),
        url('./cocina-rapido-disfruta-lento/fonts/PTSerif-Caption.woff2') format('woff2'),
        url('./cocina-rapido-disfruta-lento/fonts/PTSerif-Caption.woff') format('woff'),
        url('./cocina-rapido-disfruta-lento/fonts/PTSerif-Caption.ttf') format('truetype'),
        url('./cocina-rapido-disfruta-lento/fonts/PTSerif-Caption.svg#PTSerif-Caption') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PT Serif Caption';
    src: url('./cocina-rapido-disfruta-lento/fonts/PTSerif-CaptionItalic.eot');
    src: url('./cocina-rapido-disfruta-lento/fonts/PTSerif-CaptionItalic.eot?#iefix') format('embedded-opentype'),
        url('./cocina-rapido-disfruta-lento/fonts/PTSerif-CaptionItalic.woff2') format('woff2'),
        url('./cocina-rapido-disfruta-lento/fonts/PTSerif-CaptionItalic.woff') format('woff'),
        url('./cocina-rapido-disfruta-lento/fonts/PTSerif-CaptionItalic.ttf') format('truetype'),
        url('./cocina-rapido-disfruta-lento/fonts/PTSerif-CaptionItalic.svg#PTSerif-CaptionItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}



.Arial-rounded {font-family: "Arial Rounded MT";}
.Abril {font-family: "Abril Fatface";}
.Instrument {font-family: 'Instrument Serif';}
.Bradley {font-family: 'Bradley Hand';}
.PT {font-family: 'PT Serif Caption';}

.amarillo {color: #FAB63B;}
.negro {color: #000;}
.blanco {color: #fff;}
.pastel {color: #FCF5E0;}
.azul-cielo {color: #049ec5;}
.azul {color: #1d84b5;}
.azul-oscuro {color: #213B59;}
.carmin {color: #FF5927;}
.rojo {color: #e73434;}
.verde{ color: #73AD2F;}
.verde-oscuro {color: #092800;}
.marron {color:#763922;}

td {padding: 0;}
.center {text-align: center;}
.right {text-align: right;}
.light {font-weight: 300;}
.medium {font-weight: 500;}
.bold {font-weight: bold!important;}
.semi {font-weight: 600;}
.extrabold {font-weight: 700;}
.italic {font-style: italic;}
.block {display: block;}
.uppercase {text-transform: uppercase;}
.btn {
    background-color: #FCF5E0;
    font-family: 'Adlery Pro';
    font-size: 27.5px;
    text-decoration: none;
    padding: 3px 27px 0px 27px;
    border-radius: 50px;
    height: 33px !important;
    display: inline-block;
    animation: all .9s ease-in-out;
    max-width: 164px;
}
.btn1 {
    margin: 0px 0 0 652px;
    position: relative;
    top: -27px;
    border: 3px solid #e5a025;
    color: #e5a025;
}
a.btn1:hover {
    background-color: #e5a025;
    color: #FCF5E0;
    animation: all .3s ease-in-out;
}
.btn2 {
    margin: 0px 0 0 95px;
    position: relative;
    top: 27px;
    border: 3px solid #94412F;
    color: #94412F;
    display: inline-block;
}
a.btn2:hover {
    background-color: #94412F;
    color: #FCF5E0;
    animation: all .3s ease-in-out;
}
.btn3 {
    margin: 0px 0 0 650px;
    position: relative;
    top: 2px;
    border: 3px solid #1C472B;
    color: #1C472B;
    display: inline-block;
}
a.btn3:hover {
    background-color: #1C472B;
    color: #FCF5E0;
    animation: all .3s ease-in-out;
}
.btn4 {
    margin: 0px 0 0 110px;
    position: relative;
    top: 27px;
    border: 3px solid #DD6B1F;
    color: #DD6B1F;
    display: inline-block;
}
a.btn4:hover, a.btn5:hover {
    background-color: #DD6B1F;
    color: #FCF5E0;
}


.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs17 {font-size: 17px;}
.fs18 {font-size: 18px;}
.fs19 {font-size: 19px;}
.fs21 {font-size: 21px;}
.fs22 {font-size: 22px;}
.fs23 {font-size: 23px;}
.fs24 {font-size: 24px;}
.fs25 {font-size: 25px;}
.fs26 {font-size: 26px;}
.fs27 {font-size: 27px;}
.fs28 {font-size: 28px;}
.fs31 {font-size: 31px;}
.fs32 {font-size: 31px;}
.fs33 {font-size: 32px;}
.fs34 {font-size: 34px;}
.fs35 {font-size: 35px;}
.fs40 {font-size: 40px;}
.fs43 {font-size: 43px;}
.fs68 {font-size: 68px;}
.fs97 {font-size: 97px;}

.lh32 {line-height: 32px;}


tr.img-01 {
    background: url(./cocina-rapido-disfruta-lento/img/img-01.svg) top center;
    width: 900px;
    height: 2457px;
    background-repeat: no-repeat;
}
tr.img-01 p.uno {
    width: 528px;
    text-align: center;
    margin: 798px auto 20px;
}
tr.img-01 p.dos {
    width: 528px;
    text-align: center;
    margin: 0px auto 0;
}
tr.img-01 p.tres {
    width: 625px;
    margin: 475px auto 0px 162px;
}


/*TR 2*/

tr.img-02 {
    background: url(./cocina-rapido-disfruta-lento/img/img-02.svg) top center;
    width: 900px;
    height: 2876px;
    background-repeat: no-repeat;
}


/*TR 3*/

tr.img-03 {
   background:url(./cocina-rapido-disfruta-lento/img/img-03.svg) top center;
    width:900px;
    height:2728px;
    background-repeat: no-repeat;
    position: relative;
    top: -2px;
    z-index: 0;
}
tr.img-03 p.uno {
    width: 620px;
    margin: 466px auto 0;
}
tr.img-03 .bloque2 .uno {
    margin-top: 1107px;
}
tr.img-03 .bloque2 .uno img.img01, tr.img-03 .bloque2 .uno img.img02 {
    width: 330px;
    transform: rotate(9deg);
    left: 55px;
    position: relative;
}
tr.img-03 .bloque2 .uno img.img02 {
    transform: rotate(-7deg);
    left: 150px;
    top: 35px;
}
tr.img-03 .bloque3 .uno img {
    width: 45px;
    margin: 120px 0 0 420px;
    transform: rotate(-7deg);
}

/*TR 4*/

tr.img-04 {
    background:url(./cocina-rapido-disfruta-lento/img/img-04.svg) top center;
    width:900px;
    height:1788px;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    margin-top:-4px;
    margin-bottom: -2px;
}
tr.img-04 .bloque1 .pack {
    max-width: 430px;
    position: relative;
    margin-left: 100px;
    margin-top: 270px;
}
tr.img-04 .bloque1 .pack img.img1 {
    width: 357px;
    border-radius: 6px;
    transition: .3s all ease-in-out;
}
a.btn-receta01:hover img {
    transform: scale(1.02);
    transition: .2s all ease-in-out;
}
tr.img-04 .bloque1 .pack img.img2 {
    width: 222px;
    margin-top: 7px;
    margin-left: 60px;
}
tr.img-04 p.tres {
    width: 403px;
}
tr.img-04 .bloque1 .pack img.img3 {
    width: 200px;
    margin-left: 400px;
    transform: rotate(7deg);
    position: relative;
    top: -10px;
}
tr.img-04 .bloque2 {
    margin-top: 710px;
    margin-left: 64px;
}
tr.img-04 .bloque2 .pack2 {
    max-width: 190px;
    position: relative;
    margin-left: 160px;
}
a.btn-receta02:hover img {
    transform: scale(1.02);
    transition: .2s all ease-in-out;
}

/*TR 5*/

tr.img-05 {
    background:url(./cocina-rapido-disfruta-lento/img/img-05.svg) top center;
    width:900px;
    height:2559px;
    background-repeat: no-repeat;
}
tr.img-05 .bloque1 .uno {
    width: 476px;
    margin: 538px 0 0 60px;
}
tr.img-05 .bloque2 {
    overflow: hidden;
}
tr.img-05 .bloque2 .pack3 {
    position: relative;
    margin-left: 308px;
    margin-top: 707px;
    transform: rotate(7.5deg);
    width: 310px;
}
tr.img-05 .bloque2 .pack3 img.img5 {
    width: 270px;
    border-radius: 6px;
    transition: .3s all ease-in-out;
}
tr.img-05 .bloque2 .pack3 img.img6 {
    width: 175px;
    margin-top: 8px;
    margin-left: 38px;
}
a.btn-receta03:hover img {
    transform: scale(1.02);
    transition: .2s all ease-in-out;
}
tr.img-05 .bloque3 .pack4 {
    position: relative;
}
tr.img-05 .bloque3 .pack4 img.img7 {
    margin-top: 165px;
    z-index: 2;
    position: relative;
}
tr.img-05 .bloque3 .pack4 img.img8, tr.img-05 .bloque3 .pack4 img.img8_1, tr.img-05 .bloque3 .pack4 img.img8_2, tr.img-05 .bloque3 .pack4 img.img8_3 {
    position: absolute;
}
tr.img-05 .bloque3 .pack4 img.img8_1 {
    left: 710px;
}
tr.img-05 .bloque3 .pack4 img.img8_2 {
    left: 60px;
    top: 135px;
}
tr.img-05 .bloque3 .pack4 img.img8_3 {
    left: 770px;
    top: 305px;
}
tr.img-05 .bloque3 .pack4 img.img9 {
    position: absolute;
    left: 585px;
    top: 240px;
    z-index: 0;
    width: 230px;
    transform: rotate(20deg);
}
tr.img-05 .bloque3 .pack4 img.img10 {
    position: absolute;
    left: 60px;
    transform: rotate(-5deg);
    width: 220px;
    top: 310px;
}
/*TR 6*/

tr.img-06 {
    width: 900px;
    height: 900px;
    background-repeat: no-repeat;
    position: relative;
    background-color: #fff;
    margin-top: -2px;
    display: inline-table;
}
tr.img-06 .bloque1 {
    width: 100%;
    line-height: 34px;
    margin-top: 35px;
    margin-bottom: 35px;
}
tr.img-06 .bloque1 img {
    margin: auto;
    display: block;
    width: 580px;
}
tr.img-06 .bloque.related {
    display: flex;
    justify-content:space-evenly;
}
tr.img-06 .bloque1 a {
    width: auto;
    display: table;
    margin: auto;
    text-align: center;
    transition: transform 0.3s ease-in-out;
}
tr.img-06 .bloque.related a img {
    transition: transform 0.3s ease-in-out;
}
tr.img-06 .bloque.related a:hover img {
    transform: translateY(-10px);
}
tr.img-06 .bloque2 {
    width: 229px;
    margin: 50px auto 0;
}