﻿/*===== HEADER HERO =====*/

.header_hero1 {
    position: relative;
    z-index: 5;
    background-position: bottom center;
    padding-top: 80px;
    height: 500px !important;
}

@media only screen and (min-width: 1400px) {
    .header_hero1 {
        height: 550px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header_hero1 {
        height: 550px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_hero1 {
        height: auto;
    }
}

@media (max-width: 767px) {
    .header_hero1 {
        height: auto;
    }
}

.header_hero1::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/photo1714076343.jpeg');
    /*    background-image: url(../images/photo1712346386.jpeg);*/
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -5;
}

.header_hero2 {
    position: relative;
    z-index: 5;
    background-position: bottom center;
    padding-top: 80px;
    height: 150px !important;
}

@media only screen and (min-width: 1400px) {
    .header_hero2 {
        height: 150px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header_hero1 {
        height: 150px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_hero2 {
        height: auto;
    }
}

@media (max-width: 767px) {
    .header_hero2 {
        height: auto;
    }
}

.header_hero2::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/photo1714076343.jpeg');
    /*    background-image: url(../images/photo1712346386.jpeg);*/
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -5;
}

/*===== END HEADER HERO =====*/

.card {
    background-color: #002247 !important;
    border: 3px solid #d9f105 !important;
    color:white !important;
}
[class^="pm-"] {
    width: 100%;
    height: 180px;
    background-size: cover;
    background-position: center center;
    border-radius: 7px 7px 0px 0px;
}
[class^="pl-"] {
    width: 100%;
    height: 180px;
    background-size: cover;
    background-position: center center;
    border-radius: 7px 7px 0px 0px;
}

.pm-0 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(1).jpeg');
}
.pm-1 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(1).jpg');
}

.pm-2 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(2).jpg');
    background-position: center top !important;
}

.pm-3 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(3).jpg');
}

.pm-4 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(4).jpg');
}

.pm-5 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(5).jpg');
}

.pm-6 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(6).jpg');
}

.pm-7 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(7).jpg');
}

.pm-8 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(8).jpg');
}

.pm-9 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(9).jpg');
}

.pm-10 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(10).jpg');
}

.pm-11 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(11).jpg');
}

.pm-12 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(12).jpg');
}

.pm-13 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(13).jpg');
}

.pm-14 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(14).jpg');
}

.pm-15 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(15).jpg');
}

.pm-16 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(16).jpg');
}

.pm-17 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(17).jpg');
}

.pm-18 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(18).jpg');
}

.pm-19 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(19).jpg');
}

.pm-20 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(20).jpg');
}

.pm-21 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(21).jpg');
}

.pm-22 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(22).jpg');
}

.pm-23 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(23).jpg');
}

.pm-24 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(24).jpg');
}

.pm-25 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(25).jpg');
}

.pm-26 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(26).jpg');
}

.pm-27 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(27).jpg');
}

.pm-28 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(28).jpg');
}

.pm-29 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(29).jpg');
}

.pm-30 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(30).jpg');
}

.pm-31 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(31).jpg');
}

.pm-32 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(32).jpg');
}

.pm-33 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(33).jpg');
}

.pm-34 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(34).jpg');
}

.pm-35 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(35).jpg');
}

.pm-36 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(36).jpg');
}

.pm-37 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(37).jpg');
}

.pm-38 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(38).jpg');
}

.pm-39 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(39).jpg');
}

.pm-40 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(40).jpg');
}

.pm-41 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(41).jpg');
}

.pm-42 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(42).jpg');
}

.pm-43 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(43).jpg');
}

.pm-44 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(44).jpg');
}

.pm-45 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(45).jpg');
}

.pm-46 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(46).jpg');
}

.pm-47 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(47).jpg');
}

.pm-48 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(48).jpg');
}

.pm-49 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(49).jpg');
}

.pm-50 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(50).jpg');
}

.pm-51 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/pueblosmagicos/Pueblo+(51).jpg');
}

/*PLAYAS*/

.pl-1 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/playas/Playa+(1).jpg');
}

.pl-2 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/playas/Playa+(2).jpg');
}

.pl-3 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/playas/Playa+(3).jpg');
}

.pl-4 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/playas/Playa+(4).jpg');
}

.pl-5 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/playas/Playa+(5).jpg');
}

.pl-6 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/playas/Playa+(6).jpg');
}

.pl-7 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/playas/Playa+(7).jpg');
}

.pl-8 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/playas/Playa+(8).jpg');
}

.pl-9 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/playas/Playa+(9).jpg');
}

.pl-10 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/playas/Playa+(10).jpg');
}
.pl-11 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/playas/Playa+(11).jpg');
}
.pl-12 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/playas/Playa+(12).jpg');
}
.pl-13 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/playas/Playa+(13).jpg');
}
.pl-0 {
    background-image: url('https://s3.amazonaws.com/ad-astra.travel/Destinos/mas/playas/playa0.jpg');
}