#blog {text-align: center;}
#blog h2 {margin-bottom: 2em;}
#blog .blog-content article {display: flex; flex-direction: row;flex-wrap: wrap;justify-content:center;}
#blog .blog-content article picture {width: 45%}
#blog .blog-content article picture img {width: 100%;margin-bottom: 2em;}
#blog .blog-content article .info {padding: 1em 2em;width: 55%;position: relative;}
#blog .blog-content p {font-size: 0.8em;text-align:left;margin-bottom: 1em;}
#blog .blog-content .date {font-weight:500;text-align:left;display:block;padding-left: 0.5em;font-size: 0.8em;margin-bottom: 1em;}
@media screen and (max-width: 1680px) {#habitaciones article p {font-size: 1em;}}
@media screen and (max-width: 736px) {#blog .blog-content article picture {width: 70%;}#blog .blog-content article .info {width: 90%;padding-bottom: 3em}}
@media screen and (max-width: 480px) {#blog .blog-content article :is(picture,.info) {width: 100%;}#blog .blog-content article .info {padding: 0 1em 3em 1em}}
#blog .balloon{display:block;position:relative;background:transparent;padding:0;width: 100%;}
#blog .balloon:before{content:"";position:absolute;right:0;left:0;width:0px;height:0px;margin:auto;border-style:solid;border-color:var(--color-verde-alt) transparent transparent transparent;}
#blog .balloon:after{content:"";position:absolute;right:0;left: 0;width:0px;height:0px;margin:auto;border-style:solid;border-color:#fff transparent transparent transparent;}
#blog .balloon.alt:before{border-color:transparent transparent var(--color-verde-alt) transparent;}
#blog .balloon.alt:after{border-color:transparent transparent #fff transparent;}
#blog .blog-content .balloon{border-bottom: 2px solid var(--color-verde);margin-bottom:1.5em;}
#blog .blog-content .balloon:before {bottom: -1.5em;border-width: 1.5em 3em 0 3em;z-index: 2;}
#blog .blog-content .balloon:after {bottom: calc(-1.5em + 2px);border-width: 1.5em 3em 0 3em;z-index: 3;}
#button-blog-see-more {display:block;text-transform:uppercase;cursor:pointer;margin: 0 auto;height: 6em;width: 10em;margin-top: 2em;}
#button-blog-see-more .balloon{margin-bottom: 0;}
#button-blog-see-more .balloon.st1:before{bottom:-3em;border-width:1.25em 2.5em 0 2.5em;z-index: 2;}
#button-blog-see-more .balloon.st1:after{bottom:calc(-3em + 2px);border-width:1.25em 2.5em 0 2.5em;z-index: 3;}
#button-blog-see-more .balloon.st2:before{bottom:-2em;border-width:1.25em 2.5em 0 2.5em;z-index: 4;}
#button-blog-see-more .balloon.st2:after{bottom:calc(-2em + 2px);border-width:1.25em 2.5em 0 2.5em;z-index: 5;}
#button-blog-see-more .balloon.st4:before{bottom:1em;border-width:0 2.5em 1.25em 2.5em;z-index: 4;}
#button-blog-see-more .balloon.st4:after{bottom:calc(1em - 2px);border-width:0 2.5em 1.25em 2.5em;z-index: 5;}
#button-blog-see-more .balloon.st3:before{bottom:2em;border-width:0 2.5em 1.25em 2.5em;z-index: 2;}
#button-blog-see-more .balloon.st3:after{bottom:calc(2em - 2px);border-width:0 2.5em 1.25em 2.5em;z-index: 3;}
@keyframes up-down-blog { 0% {transform: translateY(0);} 50% {transform: translateY(0.5rem);} 100% {transform: translateY(0);}}
#button-blog-see-more:hover :is(.st1,.st2) {animation:up-down-blog 1.5s forwards;animation-iteration-count:infinite; transform: translateY(0.5em);}
@keyframes down-up-blog { 0% {transform: translateY(0);} 50% {transform: translateY(-0.5rem);} 100% {transform: translateY(0);}}
#button-blog-see-more:hover :is(.st3,.st4) {animation:down-up-blog 1.5s forwards;animation-iteration-count:infinite; transform: translateY(0.5em);}