@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

@font-face {
    font-family: 'Futura-Bk-BT-Book';
    src: url('../font/Futura-Bk-BT-Book.woff') format('truetype');
    font-weight: 400;
    font-style: normal;
}

body {
    font-family: 'Futura-Bk-BT-Book', sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
    /*color: #282828;*/
}

a {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

#header > .container {
    width: 95%;
    margin: 0 auto;
}

div#block-cuscotours-site-branding {
    width: 15%;
    img {
        width: 100%;
        height: auto;
        }
}
div#block-cuscotours-blockheadermain {
    width: 84%;
    display: flex;
    justify-content: end;
    margin-right: 10px;
}
div#block-cuscotours-advancedlanguageselectorblock {
    margin-left: 10px;
   
}

.region-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 20px;
    position: relative;
}



.field--name-field-tipbloq-headm-blkcontch:after {
    content: "";
    display: block;
    height: 3px;
    background-color: #f4b85e;
    margin-bottom: 10px;
}

#block-blockcontactheader {
    display: flex;
    flex-direction: row;
    font-size: 14px;
    gap: 10px;
    margin-bottom: 10px;
    align-items: center;
    justify-content: end;
}

#block-blockcontactheader .field--name-field-tipbloq-contchd-prg-conth {
    display: flex;
    gap: 20px;
}

#block-blockcontactheader .paragraph--type--tip-paragraph-contact-head {
    display: flex;
    gap: 5px;
}

#block-blockcontactheader .paragraph--type--tip-paragraph-contact-head .field--name-field-tipparg-contchd-icon {
    width: 16px;
    height: 16px;
}

#block-blockcontactheader .paragraph--type--tip-paragraph-contact-head {
    a {
        color: #282828;
    }
}

#block-blockcontactheader .paragraph--type--tip-paragraph-contact-head .field--name-field-tipparg-contchd-icon img {
    width: 100%;
    height: auto;
    display: block;
}

#block-blockcontactheader .field--name-field-tipbloq-contchd-dispolink a {
    padding: 2px 5px;
    border: 2px solid #f4b85e;
    text-transform: capitalize;
    border-radius: 5px;
    color: #252525;
    display: inline-block;
}

#block-blockcontactheader .field--name-field-tipbloq-contchd-customlink a {
    padding: 2px 5px;
    border: 2px solid #f4b85e;
    text-transform: capitalize;
    border-radius: 5px;
    color: #252525;
    display: inline-block;
    background: orange;
    color: white;
}
#block-blockcontactheader .field--name-field-tipbloq-contchd-customlink a:hover {
background: orange;
color: yellow;
}

.tbm {
    background-color: transparent;
}

.tbm-item.level-1 {
    border-right: none;
}

.tbm-link.level-1 {
    font-size: 14px;
}

#header {
    position: sticky;
    top: 0px;
    z-index: 100;
    background-color: white;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
}


.page-node-type-tour-page .container-page {
    background: #d7bfbf26;
}

#block-cuscotours-blockslidermain {
    height: 80vh;
    overflow: hidden;
    position: relative;


}

#block-cuscotours-blockslidermain .field--name-field-tipbloq-slidma-background {
    width: 100%;
    height: 80vh;
}

#block-cuscotours-blockslidermain .field--name-field-tipbloq-slidma-background img {
    width: 100%;
    height: 80vh;
    display: block;
    object-fit: cover;
    animation: zoom-in-out 10s infinite alternate; /* Aplica la animación */
    transform-origin: center center; /* Asegura que el zoom sea desde el centro */

}

@keyframes zoom-in-out {
  0% {
    transform: scale(1); /* Tamaño original */
  }
  100% {
    transform: scale(1.2); /* Acercamiento del 20% */
  }
}

#block-cuscotours-blockslidermain .field--name-field-tipbloq-slidma-background:before {
    opacity: 0.3;
    background-color: #000;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}


#block-cuscotours-blockslidermain .field--name-body {
    width: 50%;
    color: white;
    font-size: 14px;
}

#block-cuscotours-blockslidermain .field--name-field-tipbloq-slidma-link {
    margin-top: 20px;
}

#block-cuscotours-blockslidermain .field--name-field-tipbloq-slidma-link a {
    padding: 8px 20px;
    color: white;
    border-radius: 30px;
    text-transform: uppercase;
    display: inline-block;
    font-size: 14px;
    /*background: linear-gradient(to right, #e53f0e, #f5af19);*/
    border: solid 1px orange;

}
#block-cuscotours-blockslidermain .field--name-field-tipbloq-slidma-link :hover{
    background: orange;

}


#block-cuscotours-blockslidermain .field--name-field-tipbloq-slidma-title {
    width: 50%;
}

#block-cuscotours-blockslidermain .field--name-field-tipbloq-slidma-title h2 {
    font-size: 3rem;
    color: white;
}

#block-cuscotours-blockslidermain .overlay-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#block-cuscotours-blockslidermain .overlay-slider .container {
    width: 85%;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#block-cuscotours-blockcuscotours {
    margin-top: 3%;
}

#block-cuscotours-blockcuscotours > .container {
    width: 85%;
    margin: 0 auto;
}

#block-cuscotours-blockcuscotours .field--name-body {
    width: 70%;
    text-align: center;
    margin: 20px auto auto;
}

#block-cuscotours-blockcuscotours .field--name-field-tipbloq-cusctor-title {
    text-align: center;

}

#block-cuscotours-blockcuscotours .field--name-field-tipbloq-cusctor-title h1 {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    color: #373737;

}

#block-cuscotours-blockcuscotours .field--name-field-tipbloq-cusctor-title h1:after {
    content: "";
    width: 50%;
    height: 4px;
    background-color: #f4b85e;
    display: block;
    margin: 10px auto 0;
}

#block-cuscotours-blockcuscotours .field--name-field-tipbloq-cusctor-prgcustor {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

#block-cuscotours-blockcuscotours .field--name-field-tipbloq-cusctor-prgcustor > .field__item {
    border-radius: 5px;
    padding: 30px;
    box-shadow: 0 0 10px #ccc;

}

#block-cuscotours-blockcuscotours .paragraph--type--tip-paragraph-cusctors {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#block-cuscotours-blockcuscotours .field--name-field-tipparg-custor-icon {
    width: 64px;
    height: 64px;
}

#block-cuscotours-blockcuscotours .field--name-field-tipparg-custor-icon img {
    width: 100%;
    height: auto;
    display: block;
}

#block-cuscotours-blockcuscotours .field--name-field-tipparg-custor-body {
    text-align: center;
    font-size: 15px;
    margin-top: 20px;
}

#block-cuscotours-blocktourpoulares {
    margin-top: 3%;
    padding-top: 20px;
    padding-bottom: 40px;
}

#block-cuscotours-blocktourpoulares > .container {
    width: 85%;
    margin: 0 auto;
}

#block-cuscotours-blocktourpoulares .field--name-field-tipbloq-trpopu-title {
    text-align: center;
}

#block-cuscotours-blocktourpoulares .field--name-field-tipbloq-trpopu-title h2 {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    color: #373737;
}

#block-cuscotours-blocktourpoulares .field--name-field-tipbloq-trpopu-title h2:after {
    content: "";
    width: 50%;
    height: 4px;
    /*background-color: #f4b85e;*/
    display: block;
    margin: 10px auto 0;
    background: orange;
}

#block-cuscotours-blocktourpoulares .field--name-body {
    width: 70%;
    text-align: center;
    margin: 20px auto auto;
}

.view-view-popular-tour-home > .view-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.view-view-popular-tour-home > .view-content > .views-row {
    border-radius: 5px;
    border: 1px solid #aeaeae;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
    position: relative;
}

.view-view-popular-tour-home .views-field-field-pgtour-tailor-made .field-content {
    display: inline-block;
    position: absolute;
    top: 212px;
    padding: 10px;
    background-color: #efa802;
    box-sizing: border-box;
}

.view-view-popular-tour-home .views-field.views-field-field-pgtour-offer .field-content {
    display: inline-block;
    position: absolute;
    top: 0px;
    padding: 10px;
    background-color: red;
    box-sizing: border-box;
    font-size: 0.8em;
    color: white;
    animation: blinkColor 0.5s infinite alternate; /* Aplica la animación */
    
}

/* Definición de la animación de parpadeo */
@keyframes blinkColor {
    0% {
        background-color: red; /* Empieza en rojo */
    }
    100% {
        background-color: orange; /* Termina en naranja */
    }
}


.view-view-popular-tour-home .views-field-field-pgtour-signature {
    top: 0;
    right: 0;
    position: absolute;
}

.view-view-popular-tour-home .views-field-field-pgtour-signature .field-content {
    background-color: #b32d1a;
    padding: 10px;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    border-top-right-radius: 5px;
}

.view-view-popular-tour-home .views-field-field-pgtour-signature .field-content:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(../img/icons/star.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: top;
    margin-right: 5px;
}

/*----------------- THUMBNAIL TOURS POPULARES ----------------------*/

.view-view-popular-tour-home .views-field-field-gtour-thumbnail-media {
    height: 250px;
    display: grid;
    grid-template-columns: 1fr;
}

.view-view-popular-tour-home .views-field-field-gtour-thumbnail-media .field-content {
    height: inherit;
}

.view-view-popular-tour-home .views-field-field-gtour-thumbnail-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/*----------------- FIN THUMBNAIL---------------------*/



.view-view-popular-tour-home .views-field-field-pgtour-thumbnail {
    height: 250px;
    display: grid;
    grid-template-columns: 1fr;
}

.view-view-popular-tour-home .views-field-field-pgtour-thumbnail .field-content {
    height: inherit;
}

.view-view-popular-tour-home .views-field-field-pgtour-thumbnail img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.view-view-popular-tour-home .paragraph--type--tip-paragraph-detailstour {
    display: flex;
    gap: 5px;
}

.view-view-popular-tour-home .group-a {
    padding: 20px;
}

.view-view-popular-tour-home .views-field-title a {
    font-size: 18px;
    font-weight: 600;
    color: #373737;
    text-transform: uppercase;
}

.view-view-popular-tour-home .views-field-field-pgtour-short-description {
    font-size: 15px;
}

.view-view-popular-tour-home .group-a1 {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.view-view-popular-tour-home .views-field-field-pgtour-short-pricing span {
    font-size: 16px;
    font-weight: 600;
}

.view-view-popular-tour-home .views-field-view-node {
    margin-top: 20px;
}
/*.view-view-popular-tour-home .views-field-view-node :hover {
    background: #c72d00;
}
*/
.view-view-popular-tour-home .views-field-view-node a {
    padding: 8px 30px;
    /*background: linear-gradient(to right, #e53f0e, #f5af19);*/
    color: white;
    border-radius: 30px;
    text-transform: capitalize;
    display: inline-block;
    font-size: 14px;
    background: orange;
}
.view-view-popular-tour-home .views-field-view-node a:hover{
    background: #640202;
}

#block-cuscotours-blocksliderperu {
    position: relative;
}

#block-cuscotours-blocksliderperu .field--name-field-tipbloq-slidper-background {
    height: 60vh;
}

#block-cuscotours-blocksliderperu .field--name-field-tipbloq-slidper-background img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

#block-cuscotours-blocksliderperu .overlay-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 100%);
}

#block-cuscotours-blocksliderperu .container {
    width: 50%;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    text-align: center;
}

#block-cuscotours-blocksliderperu .field--name-field-tipbloq-slidper-title h2 {
    font-size: 2em;
    font-weight: 600;
}

#block-cuscotours-blocksliderperu .field--name-body {
    font-size: 13px;
}

#block-cuscotours-blocksliderperu .field--name-field-tipbloq-slidper-link {
    margin-bottom: 20px;
}

#block-cuscotours-blocksliderperu .field--name-field-tipbloq-slidper-link a {
    padding: 8px 20px;
    background: orange;
    color: white;
    border-radius: 30px;
    text-transform: uppercase;
    display: inline-block;
    font-size: 12px;
}
#block-cuscotours-blocksliderperu .field--name-field-tipbloq-slidper-link a:hover{
background: #640202;
}

#block-cuscotours-blockcustomtours {
    margin-top: 3%;
}

#block-cuscotours-blockcustomtours > .container {
    width: 85%;
    margin: 0 auto;
}

#block-cuscotours-blockcustomtours .field--name-field-tipbloq-custtour-title {
    text-align: center;
}

#block-cuscotours-blockcustomtours .field--name-field-tipbloq-custtour-title h2 {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    color: #373737;
}

#block-cuscotours-blockcustomtours .field--name-field-tipbloq-custtour-title h2:after {
    content: "";
    width: 50%;
    height: 4px;
    /*background-color: #f4b85e;*/
    display: block;
    margin: 10px auto 0;
    background: orange;

}

#block-cuscotours-blockcustomtours .field--name-body {
    width: 70%;
    text-align: center;
    margin: 20px auto auto;
}

.view-view-custom-tour-home > .view-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.view-view-custom-tour-home > .view-content > .views-row {
    border-radius: 5px;
    border: 1px solid #aeaeae;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
    position: relative;
}

.view-view-custom-tour-home .views-field-field-pgtour-signature {
    position: absolute;
    top: 0;
    right: 0;
}

.view-view-custom-tour-home .views-field-field-pgtour-signature .field-content {
    background-color: #b32d1a;
    padding: 10px;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    border-top-right-radius: 5px;
}

.view-view-custom-tour-home .views-field-field-pgtour-signature .field-content:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(../img/icons/star.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: top;
    margin-right: 5px;
}

/*------------------ IMAGEN THUMBNAIL-------------*/
.view-view-custom-tour-home .views-field-field-gtour-thumbnail-media {
    height: 250px;
    display: grid;
    grid-template-columns: 1fr;
}
.view-view-custom-tour-home .views-field-field-gtour-thumbnail-media .field-content {
    height: inherit;
}

.view-view-custom-tour-home .views-field-field-gtour-thumbnail-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}



/*------------------  FIN IMAGEN THUMBNAIL-----------*/



.view-view-custom-tour-home .views-field-field-pgtour-tailor-made .field-content {
    display: inline-block;
    position: absolute;
    top: 212px;
    padding: 10px;
    background-color: #efa802;
    box-sizing: border-box;
    color: white;
}



.view-view-custom-tour-home .group-a {
    padding: 20px;
}

.view-view-custom-tour-home .views-field-title a {
    font-size: 18px;
    font-weight: 600;
    color: #373737;
    text-transform: uppercase;
}

.view-view-custom-tour-home .views-field-field-pgtour-short-description {
    font-size: 15px;
}

.view-view-custom-tour-home .group-a1 {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.view-view-custom-tour-home .paragraph--type--tip-paragraph-detailstour {
    display: flex;
    gap: 5px;
}

.view-view-custom-tour-home .views-field-field-pgtour-short-pricing span {
    font-size: 16px;
    font-weight: 600;
}

.view-view-custom-tour-home .views-field-view-node {
    margin-top: 20px;
}

.view-view-custom-tour-home .views-field-view-node a {
    padding: 8px 30px;
    background: orange;
    color: white;
    border-radius: 30px;
    text-transform: capitalize;
    display: inline-block;
    font-size: 14px;
}
.view-view-custom-tour-home .views-field-view-node a:hover {
background: #640202;
}

.path-frontpage .view-view-tax-tour-detail .views-field-name {
    display: none;
}

.path-frontpage .view-view-tax-tour-detail .views-field-field-taxtour-det-icon .field-content {
    display: flex;
}

#block-cuscotours-blocksliderhumantay {
    margin-top: 3%;
    position: relative;
}

#block-cuscotours-blocksliderhumantay .overlay-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 100%);
}

#block-cuscotours-blocksliderhumantay .field--name-field-tipbloq-humans-background {
    height: 600px;
}

#block-cuscotours-blocksliderhumantay .field--name-field-tipbloq-humans-background img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: bottom;
}

#block-cuscotours-blocksliderhumantay .container {
    width: 85%;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    text-align: center;
}

#block-cuscotours-blocksliderhumantay .body-container {
    width: 40%;
}

#block-cuscotours-blocksliderhumantay .field--name-field-tipbloq-humans-title h2 {
    font-size: 2em;
    font-weight: 600;
    text-transform: uppercase;
}

#block-cuscotours-blocksliderhumantay .field--name-body {
    font-size: 14px;
}

#block-cuscotours-blocksliderhumantay .field--name-field-tipbloq-humans-link a {
    padding: 8px 20px;
    background: orange;
    color: white;
    border-radius: 30px;
    text-transform: uppercase;
    display: inline-block;
    font-size: 14px;
}
#block-cuscotours-blocksliderhumantay .field--name-field-tipbloq-humans-link a:hover {
background: #640202;
}

#block-cuscotours-blockpackagesperu {
    /*background-color: #f4f4f4;*/
    padding-top: 30px;
    padding-bottom: 30px;
}

#block-cuscotours-blockpackagesperu > .container {
    width: 85%;
    margin: 0 auto;
}

#block-cuscotours-blockpackagesperu .field--name-field-tipbloq-packp-title {
    text-align: center;
}

#block-cuscotours-blockpackagesperu .field--name-field-tipbloq-packp-title h2 {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    color: #373737;
}

#block-cuscotours-blockpackagesperu .field--name-field-tipbloq-packp-title h2:after {
    content: "";
    width: 50%;
    height: 4px;
    /*background-color: #f4b85e;*/
    display: block;
    margin: 10px auto 0;
    background: orange;

}

#block-cuscotours-blockpackagesperu .field--name-body {
    width: 70%;
    text-align: center;
    margin: 20px auto auto;
}

.view-view-packages-peru-home > .view-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.view-view-packages-peru-home > .view-content > .views-row {
    background-color: white;
    border-radius: 5px;
    border: 1px solid #aeaeae;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
    position: relative;
}

.view-view-packages-peru-home .views-field-field-pgtour-signature {
    position: absolute;
    top: 0;
    right: 0;
}

.view-view-packages-peru-home .views-field-field-pgtour-signature .field-content {
    background-color: #b32d1a;
    padding: 10px;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    border-top-right-radius: 5px;
}

.view-view-packages-peru-home .views-field-field-pgtour-signature .field-content:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(../img/icons/star.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: top;
    margin-right: 5px;
}

/*-------------------- IMAGEN DE PORTADA PERU PACKAGES--------*/
.view-view-packages-peru-home .views-field-field-gtour-thumbnail-media {
    height: 250px;
}
.view-view-packages-peru-home .views-field-field-gtour-thumbnail-media .field-content {
    height: inherit;
}

.view-view-packages-peru-home .views-field-field-gtour-thumbnail-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/*-----------------------------------------------------------*/

.view-view-packages-peru-home .views-field-field-pgtour-thumbnail {
    height: 250px;
}

.view-view-packages-peru-home .views-field-field-pgtour-tailor-made .field-content {
    display: inline-block;
    position: absolute;
    top: 212px;
    padding: 10px;
    background-color: #efa802;
    box-sizing: border-box;
    color: white;
}

.view-view-packages-peru-home .views-field-field-pgtour-thumbnail .field-content {
    height: inherit;
}

.view-view-packages-peru-home .views-field-field-pgtour-thumbnail img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.view-view-packages-peru-home .paragraph--type--tip-paragraph-detailstour {
    display: flex;
    gap: 5px;
}

.view-view-packages-peru-home .group-a {
    padding: 20px;
}

.view-view-packages-peru-home .views-field-title a {
    font-size: 18px;
    font-weight: 600;
    color: #373737;
    text-transform: uppercase;
}

.view-view-packages-peru-home .views-field-field-pgtour-short-description {
    font-size: 15px;
}

.view-view-packages-peru-home .group-a1 {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.view-view-packages-peru-home .views-field-field-pgtour-short-pricing span {
    font-size: 16px;
    font-weight: 600;
}

.view-view-packages-peru-home .views-field-view-node {
    margin-top: 20px;
}

.view-view-packages-peru-home .views-field-view-node a {
    padding: 8px 30px;
    background: orange;
    color: white;
    border-radius: 30px;
    text-transform: capitalize;
    display: inline-block;
    font-size: 14px;
}
.view-view-packages-peru-home .views-field-view-node a:hover {
    background: #640202;
}

#block-cuscotours-blockdetailsagen {
    margin-top: 1%;
    background-color: #f4f4f4;
    padding-top: 30px;
    padding-bottom: 30px;
}

#block-cuscotours-blockdetailsagen > .container {
    width: 85%;
    margin: 0 auto;
}

#block-cuscotours-blockdetailsagen .field--name-field-tipbloq-detagen-prgdetag {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8%;
    justify-content: center;
}

#block-cuscotours-blockdetailsagen .paragraph--type--tip-paragraph-detail-agen {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
}

#block-cuscotours-blockdetailsagen .field--name-field-tipparg-detagen-title {
    font-size: 18px;
    font-weight: 600;
    color: #760000;
    text-transform: uppercase;
}

#block-cuscotours-blockdetailsagen .field--name-field-tipparg-detagen-body {
    font-size: 14px;
}

#block-cuscotours-blockcertificactions {
    margin-top: -100px;
    background: white;
}

#block-cuscotours-blockcertificactions > .container {
    width: 85%;
    margin: 0 auto;
}

#block-cuscotours-blockcertificactions .field--name-field-tipbloq-cert-title {
    text-align: center;
}

#block-cuscotours-blockcertificactions .field--name-field-tipbloq-cert-title h2 {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    color: #373737;
}

#block-cuscotours-blockcertificactions .field--name-field-tipbloq-cert-title h2:after {
    content: "";
    width: 50%;
    height: 4px;
    /*background-color: #f4b85e;*/
    display: block;
    margin: 10px auto 0;
    background: linear-gradient(to right, #e53f0e, #f5af19);

}

#block-cuscotours-blockcertificactions .field--name-field-tipbloq-cert-images {
    margin-top: 30px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;

}

#block-cuscotours-blockcertificactions .field--name-field-tipbloq-cert-images img {
    width: 200px;
    height: auto;
    /*display: block;*/
}

#block-cuscotours-blockfootermain {
    margin-top: 3%;
    background-color: black;
    padding-top: 30px;
    padding-bottom: 30px;
}

#block-cuscotours-blockfootermain > .container {
    width: 85%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    gap: 5%;
}

#block-cuscotours-blockfootermain .field--name-field-tipbloq-infocont-prgconftr {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
    color: #c5bcbc;
    font-size: 14px;
}

#block-cuscotours-blockfootermain .paragraph--type--tip-paragraph-contc-ftr {
    display: flex;
    gap: 5px;
}

#block-cuscotours-blockfootermain .field--name-field-tipparg-contcftr-icon {
    width: 16px;
    height: 16px;
}

#block-cuscotours-blockfootermain .field--name-field-tipparg-contcftr-icon img {
    width: 100%;
    height: auto;
    display: block;
}

#block-blockaboutusfooter .field--name-field-tipbloq-aboutus-ftr h2 {
    font-size: 16px;
    font-weight: 600;
    color: #dcd4d4;
    text-transform: uppercase;
    text-align: center;
}

#block-blockaboutusfooter .field--name-field-tipbloq-aboutus-ftr-vabtus {
    margin-top: 30px;
}

#block-blockaboutusfooter .view-view-aboutus-footer .item-list a {
    color: #c5bcbc;
    font-size: 14px;
}

#block-blocktoursfooter .field--name-field-tipbloq-tours-ftr h2 {
    font-size: 16px;
    font-weight: 600;
    color: #dcd4d4;
    text-transform: uppercase;
    text-align: center;
}

#block-blocktoursfooter .field--name-field-tipbloq-tours-ftr-vtourftr {
    margin-top: 30px;
}

#block-blocktoursfooter .view-views-tours-footer .item-list a {
    color: #c5bcbc;
    font-size: 14px;
}

#block-blocksocialmfooter .field--name-field-tipbloq-socialm-title h2 {
    font-size: 16px;
    font-weight: 600;
    color: #dcd4d4;
    text-transform: uppercase;
    text-align: center;
}

#block-blocksocialmfooter .field--name-field-tipbloq-socialm-prgsociftr {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
    justify-content: center;
}

#block-blocksocialmfooter .field--name-field-tipparg-socialftr-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
}

#block-blocksocialmfooter .field--name-field-tipparg-socialftr-icon img {
    width: 100%;
    height: auto;
    display: block;
}

div#block-bloquebooksfooter {
    .field--name-field-tipbloq-bookf-title h2 {
    font-size: 16px;
    font-weight: 600;
    color: #dcd4d4;
    text-transform: uppercase;
    text-align: center;
    
    }
    .field--name-field-tipbloq-bookf-prgbookf {
    display: flex;
        gap: 30px;
    margin-top: 30px;
    

    .field--name-field-tipparg-boof-icon img {
    width: 100px;
    height: auto;
    }
    }
    }


#block-blockaboutusfooter .field--name-field-tipbloq-aboutus-ftr-vabtus .item-list ul {
    margin: 0 0 0.75em 0;
    padding: 0;
    text-align: center;
    /* color: white; */
    li {
    margin: 0 0 0.25em 0;
        a:hover{
            color: orange;
        }
    
    }

}

#block-cuscotours-blockquestionscontent {
    margin-top: 5%;
}

#block-cuscotours-blockquestionscontent > .container {
    width: 60%;
    margin: 0 auto;
}

#block-cuscotours-blockquestionscontent .field--name-field-tipbloq-quest-title {
    text-align: center;
    margin-bottom: 20px;
}

#block-cuscotours-blockquestionscontent .field--name-field-tipbloq-quest-title h2 {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    color: #373737;
}

#block-cuscotours-blockquestionscontent .field--name-field-tipbloq-quest-title h2:after {
    content: "";
    width: 50%;
    height: 4px;
    /*background-color: #f4b85e;*/
    display: block;
    margin: 10px auto 0;
    background: linear-gradient(to right, #e53f0e, #f5af19);

}

#block-cuscotours-blockquestionscontent .entity-ref-tab-formatter-accordion .ui-accordion-header {
    border: none;
    display: flex;
}

.path-frontpage #block-cuscotours-page-title {
    display: none;
}

.path-frontpage #block-cuscotours-content {
    display: none;
}

.page-node-type-tour-page #contenido {
    background-color: white;
    padding: 20px 20px;
}
.page-node-type-tour-page #sidebar_right {
    background: white;
    padding: 10px 30px;
}

.page-node-type-tour-page .view-view-slider-tour {
    margin-top: 20px;
}

.page-node-type-tour-page .view-view-slider-tour .view-content {
    width: 85%;
    margin: 0 auto;
}

.page-node-type-tour-page .view-view-slider-tour .views-row {
    position: relative;
}

.page-node-type-tour-page .view-view-slider-tour .views-field-field-pgtour-short-gallery .field-content {
    display: grid;
    grid-template-columns: auto 50%;
    gap: 5px;

}

.page-node-type-tour-page .view-view-slider-tour .views-field-field-pgtour-short-gallery .slider-module {
    margin-bottom: 0;
}

.page-node-type-tour-page .view-view-slider-tour .views-field-field-pgtour-short-gallery .thumbnails {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 50% 50%;
    gap: 5px;
}

.page-node-type-tour-page .view-view-slider-tour .views-field-field-pgtour-short-gallery .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*------------------ GALERIA DE IMAGENES-------------------*/
.page-node-type-tour-page .view-view-slider-tour .views-field-field-pgtour-short-gallery .field-content {
    display: grid;
    grid-template-columns: auto 50%;
    gap: 5px;

}

.page-node-type-tour-page .view-view-slider-tour .views-field-field-pgtour-short-gallery .slider-module {
    margin-bottom: 0;
}

.page-node-type-tour-page .view-view-slider-tour .views-field-field-pgtour-short-gallery .thumbnails {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 50% 50%;
    gap: 5px;
}

.page-node-type-tour-page .view-view-slider-tour .views-field-field-pgtour-short-gallery .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*----------------------------------------------------------*/


.page-node-type-tour-page .view-view-slider-tour .group-title {
    margin-bottom: 20px;
}

.page-node-type-tour-page .view-view-slider-tour .views-field-field-pg-tour-number-days {
    font-size: 1.2em;
    font-weight: 600;
}
.page-node-type-tour-page .view-view-slider-tour .views-field-title {
    /*color: #373737;*/


    h1 {
        font-size: 2.5em;
    }
}
/*---------------------------- ESTILOS SLIDE CON IMAGENES MEDIA--------------------*/

.page-node-type-tour-page .view-view-slider-tour .views-field-field-pgtour-slide-gallery .slider-module {
    height: 50vh;
}
.page-node-type-tour-page .view-view-slider-tour .views-field-field-pgtour-slide-gallery .thumbnails {
    height: 50vh;
}


.page-node-type-tour-page .view-view-slider-tour .views-field-field-pgtour-slide-gallery .field-content {
    display: grid;
    grid-template-columns: auto 50%;
    gap: 5px;

}

.page-node-type-tour-page .view-view-slider-tour .views-field-field-pgtour-slide-gallery .slider-module {
    margin-bottom: 0;
}

.page-node-type-tour-page .view-view-slider-tour .views-field-field-pgtour-slide-gallery .thumbnails {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 50% 50%;
    gap: 5px;
}

.page-node-type-tour-page .view-view-slider-tour .views-field-field-pgtour-slide-gallery .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



/*------------------------- FIN ESTILOS SLIDE DE IMAGENES MEDIA ------------------*/
.page-node-type-tour-page #contenedor {
    display: grid;
    grid-template-columns: 1fr 30%;
    gap: 50px;
    width: 85%;
    margin: 0 auto;
    margin-top: 30px;
}

.page-node-type-tour-page #block-cuscotours-page-title {
    display: none;
}

.field--name-field-pgtour-short-description img {
    width: 50%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.field--name-field-tipparg-tabtour-body img {
    width: 50%;
    height: auto;
    display: block;
    margin: 0 auto;
}


.entity-ref-anchor-formatter ul li .value-formatter.active {
    background-color: #f4b85e;
}

.entity-ref-anchor-formatter > ul li a:hover {
    background-color: #f4b85e;
}

.entity-ref-anchor-formatter > ul {
    padding: 0 10px;
    position: sticky;
    top: 120px;
    z-index: 99;
    border-radius: 0;
    background: #e1e0e0;
    justify-content: center;
}

.entity-ref-anchor-formatter > ul li a {
    color: white;
    background-color: #b8b1b1;
}

.entity-ref-anchor-formatter .value-formatter {
    display: flex;
    gap: 5px;
}

.entity-ref-anchor-formatter .field--name-field-tipparg-tabtour-icon {
    width: 16px;
    height: 16px;
}

.entity-ref-anchor-formatter .field--name-field-tipparg-tabtour-icon img {
    width: 100%;
    height: auto;
    display: block;
}

div#block-cuscotours-webform #edit-contenedor-titulo {
    width: 70%;
    height: 40px;
    padding: 1px 0px 2px 0px;
    margin: auto;
    border-radius: 10px 10px 0 0px;
    color: white;
    background: #640202;
    border-radius-top-left: 10px;
    
}

#block-cuscotours-webform input[type=text],
#block-cuscotours-webform input[type=date],
#block-cuscotours-webform input[type=number],
#block-cuscotours-webform textarea,
#block-cuscotours-webform select,
#block-cuscotours-webform input[type=email],
input {
    width: 100%;
    box-sizing: border-box;
    background-color: #e9e9e9;
    color: #818181;
    padding: 4px 12px;
    border-radius: 2px;
    border: solid 1px #e9e9e9;
}

#block-cuscotours-webform .form-actions {
    text-align: center;
}

#block-cuscotours-webform .button--primary {
    padding: 8px 20px;
    background-color: orange;
    color: #000000;
    border-radius: 3px;
    text-transform: capitalize;
    display: inline-block;
    border: 1px solid orange;
    width: 30%;
    transition: 0.5s ease-in-out;
}
#block-cuscotours-webform .button--primary:hover {
    background-color: #640202;
    border: 1px solid #640202;
    color: white;
   }
/*------------------ FORMULARIO PERSONALIZA TU VIAJE--------------*/
div#block-cuscotours-page-title {
    text-align: center;
    margin-bottom: 30px;
    color: white;
    font-size: 0.5em;
}

form#webform-submission-custom-your-trip-add-form {
    width: 40%;
    margin: auto;
    box-shadow: 0 0 10px #626262;
    padding: 30px 50px;
    div#edit-intro-webform img{
        width: 200px;
        height: auto;
        display: block;
        margin: 0 auto;
        }
    div#edit-flexbox-grupo01-personaliza {
        input, select {
            width: 100%;
            height: 30px;
            border: solid 1px #c7c7c7;
            color: grey;
        }
        div#edit-select-type-tour {
        display: flex;
        gap: 30px;
        .js-form-type-radio.form-type-radio {
        display: flex;
        gap: 10px;
        margin: a;
        align-items: center;
        }

        }
        }


div#edit-actions {
    text-align: center;

    input#edit-actions-submit {
        padding: 10px 60px;
        background: orange;
        border: none;
        color: white;
        text-align: center;
        }
    input#edit-actions-submit:hover {
        background: #640202;
       
        }
    }

        


}

/*----------------- FIN PERSONALIZA TU VIAJE--------------*/

.view-view-details-tour .view-view-tax-tour-detail .views-row {
    display: flex;
    gap: 5px;
}

.view-view-details-tour .view-view-tax-tour-detail .views-field-name a {
    color: #252525;
    font-weight: 600;
    text-transform: uppercase;
}

.view-view-details-tour .view-view-tax-tour-detail .views-field-name a:after {
    content: ":";
}

.view-view-details-tour .paragraph--type--tip-paragraph-detailstour {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
}

#block-cuscotours-views-block-view-details-tour-block-1 {
    background-color: #fafafa;
    padding: 20px;
}

#block-cuscotours-views-block-view-details-tour-block-1 h2 {
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
    color: #f4b85e;
}

#block-cuscotours-webform {
    padding: 20px;
   
}

#block-cuscotours-webform h2 {
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
    color: #f4b85e;
}

div#block-cuscotours-views-block-vista-precio-tours-book-now-block-1 {
    border: solid 1px orange;
    margin-bottom: 30px;
    text-align: center;
    transition: 0.5s ease-in-out;
    .views-field-title {
    font-size: 1.5em;
    padding: 20px 0 0 0;
    a {
        color: black;
    }
    }
    .views-field-field-pg-tour-number-days {
    padding: 5px;
    /*color: gray;*/
    }
    .views-field-field-pgtour-short-pricing {
    font-size: 1.5em;
    font-weight: bolder;
    /*color: gray;*/
    }
    .views-field.views-field-payment-link-field {
        padding: 15px 25px;
        a.button.btn-payment {
    padding: 10px 30px;
    background: orange;
    border-radius: 10px;
    color: white;
    margin-bottom: 10px;
    transition: 0.5s ease-in-out;
        }
         a.button.btn-payment:hover {
        background: #640202;
   
        }
    }

}
#block-cuscotours-views-block-vista-precio-tours-book-now-block-1:hover {
    border: solid 1px #640202;
    
}


/*------------- CSS de template  DAYS -----------*/

/*
 * Estilos Generales para Componente "Resumen de Días"
 * Este CSS está diseñado para pantallas de escritorio y es el estilo por defecto.
 */

.days-summary {
    position: relative; /* Necesario para posicionar la línea vertical */
    padding-bottom: 20px; /* Espacio debajo de cada bloque de día */
    /* Otros estilos de caja que desees para el contenedor general del día en el frontend */
}

/* La línea vertical que sirve como 'timeline' */
.days-summary:before {
    content: "";
    position: absolute;
    top: 0;
    left: 2.45rem; /* Posición de la línea, ajusta si es necesario */
    height: 100%;
    border-left: 1px dashed #dba0a0; /* Tu color y estilo de línea */
    z-index: 0; /* Asegura que la línea esté detrás del contenido */
}

.days-summary .day-header {
    display: flex; /* Permite que el número del día y el título estén en línea */
    align-items: center; /* Alinea verticalmente los elementos */
    z-index: 1; /* Asegura que el encabezado esté sobre la línea */
    position: relative; /* Necesario para que z-index funcione correctamente */
    margin-bottom: 15px; /* Espacio debajo del encabezado */
}

.days-summary h4 {
    flex: 1; /* Permite que el título ocupe el espacio restante */
    font-size: 16px;
    /* color: #333; */ /* Tu color original comentado, puedes descomentarlo o definir uno */
    margin-left: 1rem; /* Espacio entre el número del día y el título */
    margin-top: 0; /* Reinicia márgenes por defecto del h4 */
    margin-bottom: 0; /* Reinicia márgenes por defecto del h4 */
    line-height: 1.3;
    color: #640202;

}

.days-summary .day-highlights {
    display: block; /* Asegura que ocupe todo el ancho disponible */
    padding-left: 6rem; /* Empuje a la derecha para alinearse con la línea vertical */
    margin-top: 0.5rem; /* Pequeño espacio encima */
    line-height: 1.6; /* Mejora la legibilidad del texto */
    /* Otros estilos de texto o caja para los destacados */
}

/* Estilos específicos para los párrafos y listas dentro de day-highlights */
.days-summary .day-highlights p,
.days-summary .day-highlights ul,
.days-summary .day-highlights ol {
    margin-bottom: 10px; /* Espacio entre elementos de texto */
}

.days-summary .day-highlights ul li {
    list-style-type: disc; /* Asegura que los puntos de lista se vean bien */
    margin-left: 20px; /* Sangría para los ítems de lista */
}

.days-summary .day-number {
    color: #640202; /* Color de texto del número */
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 1px;
    display: flex; /* Para centrar el "Día" y el número */
    flex-direction: column; /* Apila "Día" y el número */
    align-items: center; /* Centra horizontalmente */
    justify-content: center; /* Centra verticalmente */
    text-align: center;
    width: 5rem; /* Ancho del círculo */
    height: 5rem; /* Altura del círculo */
    background-color: white;
    border-radius: 3rem; /* Lo hace circular */
    flex-shrink: 0; /* Evita que el círculo se encoja */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Sombra suave para un efecto 3D */
    border: 1px solid #eee; /* Borde sutil */
}

.days-summary .day-number span {
    font-weight: 900; /* Número del día más grueso */
    font-size: 20px;
}


/* cuscotours/css/ckeditor-only.css */

/* --- Estilos para resaltar áreas editables en el CKEditor --- */

/* Resaltar el contenedor general del día con un borde punteado sutil */
.ck-editor__editable_inline .days-summary {
  position: relative;
  border: 1px dashed #d6d6d6 !important; /* Borde punteado para el bloque del día */
  padding: 15px !important; /* Asegura un buen padding alrededor del contenido */
  min-height: 100px; /* Altura mínima para que sea visible si está vacío */
  background-color: rgba(255, 255, 0, 0.03); /* Fondo muy sutil */
}

/* Marca para el título del día */
.ck-editor__editable_inline .days-summary h4 {
  position: relative;
  border: 1px dashed #ccc !important; /* Borde punteado para el título */
  background-color: rgba(255, 255, 0, 0.05); /* Fondo sutil para el título */
  min-height: 30px; /* Asegura visibilidad */
  padding: 5px !important; /* Padding para evitar que el texto se pegue al borde */
  margin: 0 !important; /* Elimina márgenes por defecto que podrían interferir */
}

/* Etiqueta flotante para el título (simulando data-celda-id) */
.ck-editor__editable_inline .days-summary h4::before {
  content: "Título del Día"; /* Texto de la etiqueta */
  position: absolute;
  top: 5px;
  left: 5px;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 2px 5px;
  font-size: 0.7em;
  border-radius: 3px;
  z-index: 10;
  pointer-events: none;
}

/* Marca para el área de destacados */
.ck-editor__editable_inline .days-summary .day-highlights {
  position: relative;
  border: 1px dashed #ccc !important; /* Borde punteado para el área de contenido */
  background-color: rgba(255, 255, 0, 0.05); /* Fondo sutil para el contenido */
  min-height: 80px; /* Asegura visibilidad */
  padding: 10px !important; /* Padding para el contenido */
  margin-top: 15px !important; /* Asegura espacio si el margen original es 0 */
  box-sizing: border-box; /* Incluye padding y borde en el ancho/alto */
}

/* Etiqueta flotante para el área de destacados (simulando data-celda-id) */
.ck-editor__editable_inline .days-summary .day-highlights::before {
  content: "Contenido del Día"; /* Texto de la etiqueta */
  position: absolute;
  top: 5px;
  left: 5px;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 2px 5px;
  font-size: 0.7em;
  border-radius: 3px;
  z-index: 10;
  pointer-events: none;
}

/* Asegurar que las imágenes o elementos grandes dentro de las áreas editables no se desborden */
.ck-editor__editable_inline .days-summary img,
.ck-editor__editable_inline .days-summary video,
.ck-editor__editable_inline .days-summary iframe {
  max-width: 100% !important;
  height: auto !important;
}

/* Resetea márgenes y paddings por si el editor los aplica de forma inesperada */
.ck-editor__editable_inline .days-summary p,
.ck-editor__editable_inline .days-summary ul,
.ck-editor__editable_inline .days-summary ol,
.ck-editor__editable_inline .days-summary li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Alineación para el número del día dentro del editor para que no se vea afectado por los bordes */
.ck-editor__editable_inline .days-summary .day-number {
  position: relative; /* Asegura que el z-index funcione correctamente */
  z-index: 20; /* Asegura que esté por encima de cualquier borde o fondo del contenedor */
}


div#block-cuscotours-content article.contextual-region.node.node--type-tour-page.node--view-mode-full {
    line-height: 1.5;
    text-align: justify;

    h2 {
        color: #640202;
    }
    .ui-tabs .ui-tabs-panel {
    line-height: 1.5;
    text-align: justify;
        h2,h3{
            color: #640202;

        }
    }

}

.galeria_img_tour_page .field__label {
    text-align: center;
    padding: 10px 30px;
}
.field--name-field-pgtour-short-gallerytours {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
        .field__item a.colorbox.cboxElement img.image-style-large {
        width: 330px;
        height: 200px;
        object-fit: cover;
        }
}

/*------------------------*/
.view-view-slider-about-us .views-row {
    position: relative;
}

.view-view-slider-about-us .views-field-field-pg-about-us-background {
    height: 350px;
}

.view-view-slider-about-us .views-field-field-pg-about-us-background .field-content {
    height: inherit;
}

.view-view-slider-about-us .views-field-field-pg-about-us-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.view-view-slider-about-us .overlay-main {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
}

.view-view-slider-about-us .views-field-title {
    text-align: center;
    color: white;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    text-transform: uppercase;
}

.view-view-slider-about-us .views-field-title h1 {
    font-size: 2.5em;
}

.page-node-type-about-us-page #block-cuscotours-page-title {
    display: none;
}

/*---------------------- PAGINA ABOUT US ----------------*/
.page-node-type-about-us-page #contenedor {
    display: flex;
    width: 85%;
    margin: auto;
}
.page-node-type-about-us-page #contenido {
    width: 70%;
    margin: 0 auto;
    padding: 20px 100px;
    
}

.page-node-type-about-us-page #sidebar_right {
    padding: 20px 30px;
    border-left: solid 1px #dbdbdb;
    width: 30%;
    
}

/*------------------ FIN PAGINA ABOU US-----------*/

.view-view-slider-blog .views-row {
    position: relative;
}

.view-view-slider-blog .views-field-field-pg-blog-slider {
    height: 350px;
}

.view-view-slider-blog .views-field-field-pg-blog-slider .field-content {
    height: inherit;
}

.view-view-slider-blog .views-field-field-pg-blog-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.view-view-slider-blog .overlay-main {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
}

.view-view-slider-blog .views-field-title {
    text-align: center;
    color: white;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-view-slider-blog .views-field-title h1 {
    font-size: 2.5em;
}

.page-node-type-blog-page #block-cuscotours-page-title {
    display: none;
}

.page-node-type-blog-page #contenido {
    width: 85%;
    margin: 0 auto;
}

#sidebar_right {
    padding: 20px 30px;
    border-left: solid 1px #dbdbdb;
    .views-field.views-field-title {
        padding-bottom: 10px;
        a {
        font-weight: bolder;
        color: black;
        }

        }
    .views-field.views-field-field-pgtour-short-description {
    font-size: 0.8em;
    margin-bottom: 10px;
    text-align: justify;
    }
    .views-field.views-field-view-node {
    text-align: center;
    margin-top: 15px;
    a {
        padding: 5px 20px;
        background: orange;
        border-radius: 10px;
        color: white;
        transition: 0.5s ease-in-out;
        }
    a:hover {
        background: #640202;
        }

        }
    }

div#block-cuscotours-bloquefacebook {
    display: flex;
    justify-content: center;
    }

.view-view-tax-cat-tours > .view-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.view-view-tax-cat-tours > .view-content > .views-row {
    border-radius: 5px;
    border: 1px solid #aeaeae;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
    position: relative;
    background-color: white;
}

.view-view-tax-cat-tours .views-field-field-pgtour-thumbnail {
    height: 300px;
}

.view-view-tax-cat-tours .views-field-field-pgtour-thumbnail .field-content {
    height: inherit;
}

.view-view-tax-cat-tours .views-field-field-pgtour-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/*------------------- thumbnail taxonimias tours -------------------*/
.view-view-tax-cat-tours .views-field-field-gtour-thumbnail-media {
    height: 300px;
}

.view-view-tax-cat-tours .views-field-field-gtour-thumbnail-media .field-content {
    height: inherit;
}

.view-view-tax-cat-tours .views-field-field-gtour-thumbnail-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/*--------------------------------------------------*/


.view-view-tax-cat-tours .group-a {
    padding: 20px;
}

.view-view-tax-cat-tours .views-field-title a {
    color: #252525;
    font-weight: 600;
    text-transform: uppercase;
}

.view-view-tax-cat-tours .views-field-field-pgtour-short-description {
    font-size: 14px;
}
#block-cuscotours-views-block-view-tax-cat-tours-block-1 {
    .view-content .views-row .group-a {
    .views-field.views-field-field-pgtour-pargdetailstor {
        .paragraph.paragraph--type--tip-paragraph-detailstour.paragraph--view-mode--default {
        display: flex;
        gap: 10px;
        .field--name-field-tipparg-detasltors-taxtoud {
            .views-field.views-field-name {
                display: none;
            }

        }
        }
        
        }
    .views-field-field-pgtour-short-pricing {
        text-align: end;
        font-weight: bold;
        }
    .views-field-view-node {
        margin-top: 5px;
            }

        }
    } 


.view-view-tax-cat-tours .views-field-view-node a {
    padding: 8px 30px;
    background-color: orange;
    color: white;
    border-radius: 30px;
    text-transform: capitalize;
    display: inline-block;
    font-size: 14px;
   
}
.view-view-tax-cat-tours .views-field-view-node a:hover {
    background-color: #760000;
   
}

.path-taxonomy #contenido {
    width: 85%;
    margin: 0 auto;
    background-color: white;
    padding: 20px;
}

.path-taxonomy #block-cuscotours-page-title {
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: black;
    font-size: 1.5em;
    color: #640202;
}

#block-cuscotours-blockbloghome {
    margin-top: 3%;
}

#block-cuscotours-blockbloghome > .container {
    width: 85%;
    margin: 0 auto;
}

#block-cuscotours-blockbloghome .field--name-field-tipbloq-blogh-title {
    text-align: center;
    margin-bottom: 10px;
}

#block-cuscotours-blockbloghome .field--name-field-tipbloq-blogh-title h2 {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    color: #373737;
}

#block-cuscotours-blockbloghome .field--name-field-tipbloq-blogh-title h2:after {
    content: "";
    width: 50%;
    height: 4px;
    /*background-color: #f4b85e;*/
    display: block;
    margin: 10px auto 0;
    background: orange;
}

#block-cuscotours-blockbloghome .field--name-body {
    width: 70%;
    text-align: center;
    margin: 20px auto auto;
}

.view-view-blog-home .view-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.view-view-blog-home .view-content .views-row {
    /*background-color: #855050;*/
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
    /*background: linear-gradient(to right, #e53f0e, #ff6003);*/
    background: #974f4f;
}

.view-view-blog-home .views-field-field-pg-blog-thumbnail {
    height: 250px;
}

.view-view-blog-home .views-field-field-pg-blog-thumbnail .field-content {
    height: inherit;
}

.view-view-blog-home .views-field-field-pg-blog-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/*----------------- VISTA BLOGS HOME--------------*/
.view-view-blog-home .views-field-field-pg-blog-thumbnail-media {
    height: 250px;
}

.view-view-blog-home .views-field-field-pg-blog-thumbnail-media .field-content {
    height: inherit;
}

.view-view-blog-home .views-field-field-pg-blog-thumbnail-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}


/*------------------------------------------------*/

.view-view-blog-home .group-a {
    padding: 20px;
    color: white;
}

.view-view-blog-home .views-field-title a {
    color: white;
    font-weight: 600;
    text-transform: uppercase;
}

.view-view-blog-home .views-field-field-pg-blog-short-descrp {
    font-size: 14px;
}

.view-view-blog-home .views-field-view-node a {
    color: #f4b85e;
    font-style: italic;
    text-decoration: underline;
    font-size: 14px;
}
.view-view-blog-home .views-field-view-node a:hover {
color: white;
}

.view-view-tax-blog > .view-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.view-view-tax-blog > .view-content > .views-row {
    background-color: #855050;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
}

.views-field.views-field-field-pg-blog-thumbnail-media {
    height: 250px;
}

.views-field.views-field-field-pg-blog-thumbnail-media .field-content {
    height: inherit;
}

.views-field.views-field-field-pg-blog-thumbnail-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.view-view-tax-blog .group-a {
    padding: 20px;
    color: white;
}

.view-view-tax-blog .views-field-title {
    margin-bottom: 10px;
}

.view-view-tax-blog .views-field-title a {
    color: white;
    font-weight: 600;
    text-transform: uppercase;
}

.view-view-tax-blog .views-field-field-pg-blog-short-descrp {
    font-size: 14px;
    margin-bottom: 20px;
}

.view-view-tax-blog .views-field-view-node a {
    color: #f4b85e;
    font-style: italic;
    text-decoration: underline;
}

.field--name-field-tip-parg-cont-blog-body img {
    width: 50%;
    height: auto;
    display: block;
    margin: 0 auto;
    
}

#block-blockbooksfooter {
    margin-top: 20px;
}

#block-blockbooksfooter .field--name-field-tipbloq-bookf-title h2 {
    font-size: 16px;
    font-weight: 600;
    color: #dcd4d4;
    text-transform: uppercase;
    text-align: center;
}

#block-blockbooksfooter .field--name-field-tipbloq-bookf-prgbookf {
    display: flex;
    margin-top: 20px;
    justify-content: center;
    gap: 20px;
}

#block-blockbooksfooter .field--name-field-tipparg-boof-icon {
    width: 64px;
    height: 64px;
}

#block-blockbooksfooter .field--name-field-tipparg-boof-icon img {
    width: 100%;
    height: auto;
}

.site-name {
    display: none;
}


/*---------------------- FONTAWESOME-----------------*/
svg.svg-inline--fa.fa-font-awesome {
    color: #ffffff;
    border-radius: 50%;
    padding: 5px;
    background: #00b700;
    font-size: 0.7em;
}

svg.svg-inline--fa.fa-circle-check {
    color: #00ab00;
}

svg.svg-inline--fa.fa-square-check {
    color: #00a900;
}

svg.svg-inline--fa.fa-square-xmark {
    color: red;
}

svg.svg-inline--fa.fa-circle-xmark {
    color: red;
}

svg.svg-inline--fa.fa-person-hiking {
    color: #690202;
}

svg.svg-inline--fa.fa-star {
    color: #dbae00;
}
svg.svg-inline--fa.fa-caret-right {
    color: #640202;
}
svg.svg-inline--fa.fa-check {
    color: #005c00;
}

svg.svg-inline--fa.fa-xmark{
color: #640202;
}

/*---------------- template ck editor-----------*/
.template-2-columns-row {
    display: flex; /* Utiliza Flexbox para el diseño de columnas */
    justify-content: space-between; /* Espacia las columnas */
    gap: 20px; /* Opcional: Añade un espacio entre las columnas */

    .column-left,
    .column-right {
        flex: 1; /* Hace que ambas columnas ocupen el mismo ancho disponible */
        padding: 10px; /* Opcional: Añade un poco de relleno interno */
        /*border: 1px solid #ccc;  Opcional: Para visualizar los límites de las columnas */
        box-sizing: border-box; /* Asegura que el padding no añada ancho extra */
        img {
            width: 100%;
        }
    }
}

¡Claro que sí! Para el template de dos columnas, te daré el CSS necesario para que tengas las líneas guía en CKEditor 5. Siguiendo la misma lógica, marcaremos cada columna como un área editable.

CSS para líneas guía en CKEditor 5
Añade este CSS a tu archivo css/ckeditor-only.css (o el que estés usando para los estilos específicos del editor) dentro de tu tema de Drupal.

CSS

/* themes/custom/tu_tema/css/ckeditor-only.css */

/* --- Estilos para resaltar el template de 2 columnas en el CKEditor --- */

/* Resaltar el contenedor principal de las columnas */
.ck-editor__editable_inline .template-2-columns-row {
  position: relative;
  border: 1px dashed #d6d6d6 !important; /* Borde punteado para el contenedor de la fila */
  padding: 15px !important; /* Espacio interno para que el borde no se pegue al contenido */
  min-height: 150px; /* Altura mínima para que sea visible si está vacío */
  background-color: rgba(255, 255, 0, 0.03); /* Fondo muy sutil */
  display: flex !important; /* Asegura el layout flexbox en el editor */
  gap: 20px !important; /* Mantiene el espacio entre columnas */
  box-sizing: border-box; /* Incluye padding y borde en el tamaño */
}

/* Marca para la columna izquierda */
.ck-editor__editable_inline .template-2-columns-row .column-left {
  position: relative;
  border: 1px dashed #ccc !important; /* Borde punteado para la columna izquierda */
  background-color: rgba(255, 255, 0, 0.05); /* Fondo sutil para la columna */
  min-height: 100px; /* Asegura visibilidad */
  padding: 10px !important; /* Padding para el contenido de la columna */
  flex: 1 !important; /* Mantiene el flex en el editor */
  box-sizing: border-box; /* Incluye padding y borde en el tamaño */
}

/* Etiqueta flotante para la columna izquierda */
.ck-editor__editable_inline .template-2-columns-row .column-left::before {
  content: "Columna Izquierda"; /* Texto de la etiqueta */
  position: absolute;
  top: 5px;
  left: 5px;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 2px 5px;
  font-size: 0.7em;
  border-radius: 3px;
  z-index: 10;
  pointer-events: none;
}

/* Marca para la columna derecha */
.ck-editor__editable_inline .template-2-columns-row .column-right {
  position: relative;
  border: 1px dashed #ccc !important; /* Borde punteado para la columna derecha */
  background-color: rgba(255, 255, 0, 0.05); /* Fondo sutil para la columna */
  min-height: 100px; /* Asegura visibilidad */
  padding: 10px !important; /* Padding para el contenido de la columna */
  flex: 1 !important; /* Mantiene el flex en el editor */
  box-sizing: border-box; /* Incluye padding y borde en el tamaño */
}

/* Etiqueta flotante para la columna derecha */
.ck-editor__editable_inline .template-2-columns-row .column-right::before {
  content: "Columna Derecha"; /* Texto de la etiqueta */
  position: absolute;
  top: 5px;
  left: 5px;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 2px 5px;
  font-size: 0.7em;
  border-radius: 3px;
  z-index: 10;
  pointer-events: none;
}

/* Asegurar que las imágenes o elementos grandes dentro de las columnas no se desborden */
.ck-editor__editable_inline .template-2-columns-row img,
.ck-editor__editable_inline .template-2-columns-row video,
.ck-editor__editable_inline .template-2-columns-row iframe {
  max-width: 100% !important;
  height: auto !important;
}

/* Resetea márgenes y paddings por si el editor los aplica de forma inesperada dentro de las columnas */
.ck-editor__editable_inline .template-2-columns-row p,
.ck-editor__editable_inline .template-2-columns-row ul,
.ck-editor__editable_inline .template-2-columns-row ol,
.ck-editor__editable_inline .template-2-columns-row li {
  margin: 0 !important;
  padding: 0 !important;
}


/*---------------------------------*/

.page-node-type-blog-page {
    #contenedor {
        display: grid;
        grid-template-columns: auto 30%;
        margin-top: 3%;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
}

#block-cuscotours-views-block-view-tour-blog-favo-block-1 {
    h2 {
        text-align: center;
        text-transform: uppercase;
        color: #373737;
        margin-bottom: 20px;
    }
}

.view-view-tour-blog-favo {

    > .view-content {
        display: flex;
        flex-direction: column;
        gap: 20px;

        > .views-row {
            display: grid;
            grid-template-columns: 45% auto;
            gap: 20px;
            padding: 10px 0;
            border-bottom: 1px solid #ececec;
        }
    }

    .views-field-field-pgtour-thumbnail .field-content {
        height: 180px;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    .views-field-field-gtour-thumbnail-media .field-content {
        height: 180px;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}

#block-cuscotours-views-block-view-blog-recient-block-1 {
    width: 85%;
    margin-top: 3%;
    margin-left: auto;
    margin-right: auto;

    h2 {
        text-transform: uppercase;
        color: #373737;
        text-align: center;
        margin-bottom: 20px;
    }
}

.view-view-blog-recient {
    .view-content {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;

        .views-row {
            box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
            background: orange;
        }
    }

    .views-field-field-pg-blog-thumbnail .field-content {
        height: 250px;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    .views-field-field-pg-blog-thumbnail-media .field-content {
        height: 250px;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }


    .group-a {
        padding: 20px;
        color: white;
    }

    .views-field-title {
        a {
            color: white;
            font-weight: 600;
            text-transform: uppercase;
        }
    }

    .views-field-view-node {
        a {
            color: #f4b85e;
            font-style: italic;
            text-decoration: underline;
            font-size: 14px;
        }
    }
}

#block-cuscotours-blockpayments {
    padding: 20px;
    background-color: #fafafa;
    border-top: solid 3px orange;
    .field--name-field-tipbloq-paymt-title h2 {
        color: #831a46;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        font-size: 16px;
    }

    .field--name-body {
        text-align: center;
        font-size: 14px;
    }

    .field--name-field-tipbloq-paymt-cardsimg {
        img {
            width: 100%;
            height: auto;
        }
    }
}

.page-node-type-tour-page .view-view-slider-tour .views-field-field-pgtour-short-gallery .slider-module {
    height: 50vh;
}
.page-node-type-tour-page .view-view-slider-tour .views-field-field-pgtour-short-gallery .thumbnails {
    height: 50vh;
}

#block-cuscotours-blockwppfloat {
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index: 20;

    img {
        width: 55px;
        height: 55px;
    }
}
   
   /*----------------- menu mega menu------------*/
.tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link:hover, .tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link:focus {
    color: #640202 !important;
    background: #ebebeb;
    padding: 5px;
    border-bottom: solid 1px;
} 
.tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link, .tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link:focus {
    border-bottom: solid 1px #e5e5e5 !important;
}

.tbm-collapse ul li.tbm-item.level-1.contact-us a.tbm-link.level-1 {
    background: #640202;
    color: white;
    transition: 0.5s easy;
}
.tbm-collapse ul li.tbm-item.level-1.contact-us a.tbm-link.level-1:hover {
    background: orange;
}
------------------------*/

div#block-cuscotours-content {
    line-height: 1.5;
    img {
    width: 50%;
    height: auto;
    display: block;
    margin: 0 auto;
    }
}



/*--------------------- libro de reclamaciones----------------*/

form#webform-submission-libro-de-reclamaciones-add-form {
    width: 50%;
    margin: 0 auto;
    border: solid 1px #dbdbdb;
    padding: 50px 100px;
    input {
        width: 100%;
        border: solid 1px #dbdbdb;
        line-height: 30px;
    }
}
div#edit-3-detalle-de-la-reclamacion-y-pedido-del-consumidor {
    display: flex;
    gap: 30px;
    .js-form-type-radio.form-type-radio.js-form-item-_-detalle-de-la-reclamacion-y-pedido-del-consumidor {
    display: flex;
    gap: 10px;
    align-items: center;
    }
}

/*.path-node.page-node-type-tour-page #block-cuscotours-content .entity-ref-tab-formatter-tabs.ui-tabs.ui-corner-all.ui-widget.ui-widget-content {
    font-family: 'Futura-Bk-BT-Book';
    ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
    border: 1px solid #ffffff;
    background: #ffffff;
    border-bottom: solid 1px #d3d3d3;
    display: flex;
    justify-content: center;
    gap: 5px;
    flex-wrap: wrap;
    position: sticky;
    top: 12%;
    z-index: 10;
        li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {
        background: #B8B1B1;
        border: 1px solid #c5c5c5;
            a {
                color: white;
                font-weight: bold;
            }
        }

        li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab:hover {
        background: #888888;
        border: 1px solid #888888;
           }
        
    }
}
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #B8B1B1;
    a {
        color: white;
        font-weight: bold;
    }
}
/*.ui-widget-header*/

.path-node.page-node-type-tour-page #block-cuscotours-content .entity-ref-tab-formatter-tabs.ui-tabs.ui-corner-all.ui-widget.ui-widget-content {
    font-family: 'Futura-Bk-BT-Book';

    ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
        border: 1px solid #ffffff;
        background: #ffffff;
        border-bottom: solid 1px #d3d3d3;
        display: flex;
        justify-content: center;
        gap: 5px;
        flex-wrap: wrap;
        position: sticky;
        top: 12%;
        z-index: 10;
        padding-bottom: 5px;

        li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {
            background: #B8B1B1;
            border: 1px solid #c5c5c5;
            transition: background 0.3s ease; /* Agregamos una transición suave */

            a {
                color: white;
                font-weight: bold;
                text-decoration: none; /* Asegurarse de que no haya subrayado por defecto */
                padding: 10px 15px; /* Añadir padding para hacer el área clickeable más grande */
                display: flex; /* Asegurar que el ancla ocupe todo el espacio de la li */
                gap: 5px;
            }
        }

        /* Estilo para la pestaña al pasar el ratón */
        li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab:hover {
            background: #888888;
            border: 1px solid #888888;
        }

        /* Estilo para la pestaña activa */
        li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active,
        li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-state-active { /* Ambas clases por seguridad */
            background: orange; /* El color naranja para la pestaña activa */
            border: 1px solid orange; /* Borde del mismo color */
        }

        /* Ajuste para el enlace dentro de la pestaña activa si es necesario */
        li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active a,
        li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-state-active a {
            color: white; /* Asegúrate de que el texto también sea visible */
            display: flex;
            gap: 5px;
        }
    }
}

.path-webform #block-cuscotours-content .webform-confirmation {
    text-align: center;
    background: #f3f3f3;
    width: 85%;
    margin: 0 auto;
    padding: 20px 30px;
    .webform-confirmation__back {
        margin-top: 30px;
    a {
        padding: 10px 30px;
        background: orange;
        color: white;
        transition: 0.5s easy;
    }
    a: hover {
        background: #640202 ;
    }
    }
}
article.node.node--type-tour-page.node--view-mode-full {
    text-align: justify;
}
div#block-cuscotours-termsandconditionstours {
    padding: 10px;
    margin-bottom: 20px;
.field--name-field-terms-and-conditions.field--type-link.field--label-hidden.field__item {
    text-align: center;
     a {
    color: white;
    background: #640202;
    padding: 10px 30px;
    border-radius: 10px;
}
       a:hover {
    background: orange;
    
    }
}
}

div#block-cuscotours-comentariostripadvisor {
    width: 85%;
    margin: auto;
    #tm-9j6a9l div.go4269172405 {
    padding: 2.5em 1em 0;
    text-align: center;
    display: none !important;
    margin-top: -100px;
   
}
}

body.not-frontpage.path-user div#contenedor {
    width: 50%;
    margin: auto;
    div#edit-actions {
    width: 20%;
    /* text-align: center; */
    margin: auto;
    input#edit-submit {
    background: orange;
    color: white;
    }
    }
}

.path-node.page-node-type-tour-page #block-cuscotours-content .field--name-field-pgtour-map-otras-img {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 30px;
    
        .field__item {
            width: 100%;
            margin: auto;
            display: flex;
            justify-content: center;
            img {
                width: 100%;
                height: auto;
                object-fit: cover;
            }
            }
    

}