@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/*
:root {
  --width-desktop: 85%;
  --width-mobile: 90%;
  --font-mobile: 14px;
  --font-modile-title: 18px;
}*/

@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-weight: 400;
  line-height: 1.4;
  color: #3e3c3c;
}



img {
  width: 100%;
  height: auto;
  display: block;
}



/*.ckeditor-accordion-container > dl dt.active > a {
    background-color: #870303 !important;
    
}*/
.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button) {
    background-color: #fbfbfb !important;
    box-shadow: none;
    color: #000000 !important;
    text-decoration: none;
}
.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover {
    background-color: #e3e1e1 !important;
    box-shadow: none;
    color: #000000 !important;
    text-decoration: none;
}

.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
    border-bottom: 1px solid #c1c1c1 !important;
}

.ckeditor-accordion-container > dl {
    border: 1px solid #ffffff !important;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before, .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
    background: #9b0000 !important;
   
}

a {
  text-decoration: none;
  color: inherit;
}

#slider {
  /*margin-top: -75px;*/
  z-index: 0;
  position: relative;
}

/*#header {
  position: sticky;
  top: 0;
  z-index: 11;
}*/


.user-logged-in #menu {
    top: 5%;
}

#menu {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 10;
}

.region.region-header {
    background: white;
}

div#block-apusuyotravel-bloquecontenidoheadergeneral {
  width: 90%;
  margin: auto;
  padding: 10px 0;
  #block-logoheader{
    img {
    width: 150px;
    }
    .field--name-field-bloque-header-logo-link {
    display: none;
    }

  }
  #block-contactosheader{
    .field--name-field-parraf-header-contact {
    display: none;
    gap: 20px;
  }
} 
.field--name-field-tip-bloq-header-general {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

#block-contactosheader .field--name-field-parraf-header-contac-img img {
    width: 30px;
}
#block-contactosheader .field--name-field-parraf-header-contac-link {
  display: none;
}
.gtranslate_wrapper.gt_container--9uakgu {
    display: flex;
    gap: 10px;
    img {
      width: 30px;
    }

}
div#block-linksheader {
    display: none;
}


  


}
/*--------------------------MENU--------------*/
div#block-apusuyotravel-navegacionprincipal-2 {

    background: green;

    }

button.btn.btn-navbar.tb-megamenu-button {
    margin-right: 20px;
    margin-top: 3px;
}

a.dropdown-toggle.active-trail {
    background: #0ca32e !important;
}
a.active-trail {
    background: #004610 !important;
}

.tb-megamenu-column-inner ul li a.active-trail {
    background: #ffffff !important;
    color: white !important;
    border-bottom: solid 1px #b6b6b6;
}
.tb-megamenu-column-inner ul li a :hover {
    background: #7c2626 !important;
    color: white;
    
}
.tb-megamenu .dropdown-menu {
  border-bottom: 1px solid #000000 !important;

}

.tb-megamenu .nav li.dropdown.open > .dropdown-toggle {
    background-color: #018d37 !important;
    /*color: #e3fde0 !important;*/
}
.tb-megamenu {
    background-color: #006e21 !important;
    width: 100%;
    display: flex;
    justify-content: end;
}

.tb-megamenu .nav > li > a:focus, .tb-megamenu .nav > li > a:hover, .tb-megamenu .nav > li > span.tb-megamenu-no-link:focus, .tb-megamenu .nav > li > span.tb-megamenu-no-link:hover {
    background-color: #00ac2b !important;
    /*color: #ffffff !important;*/
    
}
.tb-megamenu .dropdown-menu li > a:hover, .tb-megamenu .dropdown-menu li > a:focus, .tb-megamenu .dropdown-submenu:hover > a, .tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link:hover, .tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link:focus, .tb-megamenu .dropdown-submenu:hover > span.tb-megamenu-no-link {
    /*color: #03a100 !important;*/
    
}
.tb-megamenu .mega-nav > li, .tb-megamenu .dropdown-menu .mega-nav > li:hover {
    background: rgb(248, 248, 248);
}

.tb-megamenu .nav > li > a, .tb-megamenu .nav > li > span.tb-megamenu-no-link {
    border-right: 1px solid #00a708 !important;
    
}

.tb-megamenu .nav-collapse {
    background: #dddddd;
          }

   .tb-megamenu .nav-collapse .nav > li > a, .tb-megamenu .nav-collapse .dropdown-menu a, .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link, .tb-megamenu .nav-collapse .dropdown-menu span.tb-megamenu-no-link {
      color: black !important;
    
}


.tb-megamenu .nav-collapse .dropdown-menu {
  
    background-color: #ffffff;
 
}

/*----------------------- SLIDER PRINCIPAL-----------*/
div#block-apusuyotravel-bloquesliderprincipal {
    position: relative;
    width: 100%;
    height: 80vh;
    .field--name-field-slider-princi-img-backgr {
    width: 100%;
    height: 80vh;
    position: absolute;
    img{
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
}
.field--name-field-slider-princi-img-backgr::before{
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
}
    
}
.grupo01_slider_principal {
     position: relative;
    z-index: 2;
    padding: 10% 0;
    text-align: center;
    color: #fff;
    width: 90%;
    margin: 0 auto;
    .field--name-field-bloq-slider-princi-title {
    padding: 0px 20px;
    text-align: center;
    }
    .field--name-field-bloq-slider-princi-body {
    padding: 0 40px;
    }
    .field--name-field-bloq-slider-princi-link {
    text-align: center;
    a{
      padding: 5px 15px;
      background: red;
    }

}

 
}

/*--------------------CUALIDADES DE LA EMPRESA----------------*/
div#block-apusuyotravel-bloquecualidadesempresa {
  padding-top: 30px;
  width: 85%;
  margin: auto;
  .field--name-field-tipbloq-home-cualid-empres {
    gap: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    .field__item {
      background: #f9f9f9;
      width: 85%;
      margin: auto;
      padding: 10px;
      /*box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);*/
      .paragraph--type--parraf-cualidades-empresa .field--name-field-parraf-home-cualid-emp-img {
      display: flex;
      justify-content: center;
      img {
      width: 100px;
      height: 100px;
      object-fit: cover;
      border-radius: 50%;
      border: 1px dashed #029f3e;
      padding: 12px;
      background: white;
      }
      }
      .field--name-field-parraf-home-cualid-emp-bod {
      width: 85%;
      margin: auto;
      }

    }
    
    
}
}

/*------------------------BLOQUE TOURS MAS POPULARES------------------*/
#block-apusuyotravel-bloquetourspopulareshome {
    width: 85%;
    margin: auto;
    /*top: 30px;*/
    

    .field--name-field-bloq-tours-popul-home-titl {
    text-align: center;
    }
    .field--name-field-bloq-tours-popul-home-vist{
      .view-content{
        .views-row {
        position: relative;
        margin-bottom: 30px;
        box-shadow: 0 0 10px #626262;
        margin-bottom: 30px;
        border: solid 3px green;
        .views-field.views-field-field-page-tour-thumbnail {
        width: 100%;
        height: 500px;
        overflow: hidden;
        .field-content {
            width: 100%;
            height: 100%;
            img {
            width: 100%;
            height: 100%;
            object-fit: cover;
                }
            }
        
        }
        }
      }
      .views-field-title {
      text-align: center;
      margin-top: 20px;
      font-weight: bolder;
      color: green;
      }
      .views-field-field-page-tour-duracion-del-tou {
        text-align: center;
      }
      .views-field-body {
      padding: 0 20px;
      font-size: 0.8em;
      }
      .views-field-field-page-tour-starring {
      padding: 0 0 0 50px;
      }
      .views-field.views-field-view-node {
      text-align: right;
      /*padding: 0 50px 20px 0;*/
      margin-right:10px;
      margin-bottom: 10px;
      padding-bottom: 10px;
      a {
        padding: 5px 20px;
        border: solid 1px #0a9300;
        border-radius: 5px;
        }
        a:hover {
        background: rgb(233, 233, 233);
        }
      }



    }

}

/*------------------------- BLOQUE TOURS MACHUPICCHU--------------*/
div#block-apusuyotravel-bloquetoursmachupicchu {
    width: 85%;
    margin: auto;
    /*top: 30px;*/
    /*bottom: 30px;*/
    .field--name-field-bloq-tours-popul-home-titl {
    text-align: center;
    }
    .field--name-field-bloq-tours-popul-home-vist{
      .view-content{
        .views-row {
        position: relative;
        margin-bottom: 30px;
        box-shadow: 0 0 10px #626262;
        margin-bottom: 30px;
        background: #f3f3f3;
        .views-field.views-field-field-page-tour-thumbnail {
        width: 100%;
        height: 300px;
        overflow: hidden;
        }
        }
      }
      .views-field-title {
      text-align: center;
      margin-top: 20px;
      font-weight: bolder;
      color: green;
      }
      .views-field-field-page-tour-duracion-del-tou {
        text-align: center;
      }
      .views-field-body {
      padding: 0 20px;
      font-size: 0.8em;
      }
      .views-field-field-page-tour-starring {
      padding: 0 0 0 50px;
      }
      .views-field.views-field-view-node {
      text-align: right;
      /*padding: 0 50px 20px 0;*/
      margin-right: 10px;
      margin-bottom: 10px;
      padding-bottom: 10px;
      a {
        padding: 5px 20px;
        border: solid 1px #0a9300;
        border-radius: 5px;
        }
        a:hover {
        background: rgb(233, 233, 233);
        }
      }



    }

}

/*-------------------------- BLOQUE TOURS TREKKING Y AVENTURA---------*/
div#block-apusuyotravel-bloquetrekking {
    width: 85%;
    margin: auto;
    /*bottom: 30px;*/
    .field--name-field-bloq-tours-popul-home-titl {
    text-align: center;
    }
    .field--name-field-bloq-tours-popul-home-vist{
      .view-content{
        .views-row {
        position: relative;
        margin-bottom: 30px;
        box-shadow: 0 0 10px #626262;
        margin-bottom: 30px;
        background: #f3f3f3;
        .views-field.views-field-field-page-tour-thumbnail {
        width: 100%;
        height: 300px;
        overflow: hidden;
        }
        }
      }
      .views-field-title {
      text-align: center;
      margin-top: 20px;
      font-weight: bolder;
      color: green;
      }
      .views-field-field-page-tour-duracion-del-tou {
        text-align: center;
      }
      .views-field-body {
      padding: 0 20px;
      font-size: 0.8em;
      }
      .views-field-field-page-tour-starring {
      padding: 0 0 0 50px;
      }
      .views-field.views-field-view-node {
      text-align: right;
      /*padding: 0 50px 20px 0;*/
      margin-right: 10px;
      margin-bottom: 10px;
      padding-bottom: 10px;
      a {
        padding: 5px 20px;
        border: solid 1px #0a9300;
        border-radius: 5px;
        }
        a:hover {
        background: rgb(233, 233, 233);
        }
      }



    }

}

/*--------------------------- BLOQUE TOURS NACIOANLES-----------*/
div#block-apusuyotravel-bloquetoursnacionales {
    width: 85%;
    margin: auto;
    top: 30px;
    /*bottom: 30px;*/
    .field--name-field-bloq-tours-popul-home-titl {
    text-align: center;
    }
    .field--name-field-bloq-tours-popul-home-vist{
      .view-content{
        .views-row {
        position: relative;
        margin-bottom: 30px;
        box-shadow: 0 0 10px #626262;
        margin-bottom: 30px;
        
        .views-field.views-field-field-page-tour-thumbnail {
        width: 100%;
        /*height: 400px;*/
        overflow: hidden;
        }
        }
      }
      .views-field-title {
      text-align: center;
      margin-top: 20px;
      font-weight: bolder;
      color: green;
      }
      .views-field-field-page-tour-duracion-del-tou {
        text-align: center;
      }
      .views-field-body {
      padding: 0 20px;
      font-size: 0.8em;
      }
      .views-field-field-page-tour-starring {
      padding: 0 0 0 50px;
      }
      .views-field.views-field-view-node {
      text-align: right;
      /*padding: 0 50px 20px 0;*/
      margin-right: 10px;
      margin-bottom: 10px;
      padding-bottom: 10px;
      a {
        padding: 5px 20px;
        border: solid 1px #0a9300;
        border-radius: 5px;
        }
        a:hover {
        background: rgb(233, 233, 233);
        }
      }



    }

}
/*--------------------------- BLOQUE SLIDERS HOME-----------*/
div#block-apusuyotravel-bloqueslidehomemachupicchu {
    position:relative;
    /*width: 100%;
    height: 80vh;
    /*margin-bottom: 50px;
    margin-top: 30px;*/
    .field--name-field-bloq01-slid-mapi-hom-img {
    height: 80vh;
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;

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

}
.field--name-field-bloq01-slid-mapi-hom-img::before{
    opacity: 0.3;
    background-color: #000;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1; 
}
.grup.slide.home.texto {
    position: relative;
    z-index: 2;
    padding: 10% 0;
    text-align: center;
    color: #fff;
    width: 90%;
    margin: 0 auto;
    .field--name-field-bloq01-slid-mapi-hom-title {
    font-weight: bolder;
    }
    .field--name-field-bloq01-slid-mapi-hom-link a {
      padding: 5px 15px;
      border: solid 1px #7bff00;

    }
}

}


div#block-apusuyotravel-bloqueslidehometoursnacionales {
    
    position:relative;
    .field--name-field-bloq01-slid-mapi-hom-img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    }

}
.field--name-field-bloq01-slid-mapi-hom-img::before{
    opacity: 0;
    background-color: #000;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;  
}
.grup.slide.home.texto {
    position: relative;
    z-index: 2;
    padding: 10% 0;
    text-align: center;
    color: #fff;
    width: 90%;
    margin: 0 auto;
    .field--name-field-bloq01-slid-mapi-hom-title {
    font-weight: bolder;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);

    }
    .field--name-field-bloq01-slid-mapi-hom-link a {
      padding: 5px 15px;
      border: solid 1px #7bff00;

    }
    .field--name-field-bloq01-slid-mapi-hom-link a:hover {
      background: #00701d;
      
    }
}

}

div#block-apusuyotravel-bloqueslidehometurismovicencial {
    /*width: 100%;
    height: 80vh;
    margin-bottom: 30px;
    margin-top: 30px;*/
    position:relative;
    .field--name-field-bloq01-slid-mapi-hom-img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    }

}
.field--name-field-bloq01-slid-mapi-hom-img::before{
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;  
}
.grup.slide.home.texto {
    position: relative;
    z-index: 2;
    padding: 10% 0;
    text-align: center;
    color: #fff;
    width: 90%;
    margin: 0 auto;
    .field--name-field-bloq01-slid-mapi-hom-title {
    font-weight: bolder;
    }
    .field--name-field-bloq01-slid-mapi-hom-link a {
      padding: 5px 15px;
      border: solid 1px #7bff00;

    }
}

}

/*---------------------------- BLOQUE TRIPADVISOR HOME -----------------*/
.path-frontpage div#block-apusuyotravel-tipobloquecomentariostripadvisor {
    width: 85%;
    margin: auto;
    margin-top: 40px;
  }
  .eapps-widget-toolbar {
    display: none !important;
}

  /*-------------------------- BLOQUE BLOGS HOME ------------------*/
div#block-apusuyotravel-tipobloqueblogshome {
    width: 85%;
    margin: auto;
    
    .field--name-field-bloq-blogs-home-titulo {
      text-align: center;
    }
    .field--name-field-bloq-blogs-home-vista {
      .view-content {
        .views-row{
          position: relative;
          margin-bottom: 30px;
          box-shadow: 0 0 10px #626262;
          margin-bottom: 30px;
          /*background: #c6facd;*/
          .views-field.views-field-fieldset{
            .grupo01-blogs-home{
              .views-field.views-field-title{
                text-align: center;
                font-weight: bolder;
                color: green;
                padding: 10px 0 0 0;
              }
              .views-field.views-field-field-pag-blog-body{
                font-size: 0.8em;
                padding: 0 20px;
              }
              .views-field.views-field-created {
              background: #f5f5f5;
              font-style: italic;
              text-align: center;
              font-size: 0.8em;
              }
              .views-field.views-field-view-node {
              text-align: center;
              padding: 15px;
              a {
                border: solid 1px #00a900;
                background: #defcde;
                padding: 5px 20px;
                border-radius: 5px;
              }
              }

            }
            
          }

        }
      }

    }

}




/*-------------------- BLOQUE CERTIFICACIONES------------------*/
div#block-apusuyotravel-bloquecertificacioneshome {
    width: 95%;
    margin: auto;
    top: -100px;
    z-index: 1;
    background: rgb(227 239 227);
      .field--name-field-bloq-certificac-home-title {
      text-align: center;
      padding: 10px 0 0 0;
      }
      .tiny-slider-wrapper.tiny-slider.tiny-slider-theme {
      display: flex;
      /*background: rgb(255, 255, 255);*/
      flex-wrap: wrap;
      gap: 10px;
      justify-content: space-around;
      padding: 0px 10px 20px 10px;
          .tiny-slider-item-inner img.image-style-thumbnail {
          width: 100%;
          height: 60px;
          object-fit: cover;
          }
    }

}

/*------------------- BLOQUE FOOTER----------------*/
div#block-apusuyotravel-bloquecontenedorgeneralfooter {
    background: black;
    color: rgb(228, 228, 228);
    .field--name-field-bloque-cont-gral-logo {
    width: 80%;
    margin: auto;
    div#block-bloquelogofooter {
          margin: auto;
          width: 100%;
          display: flex;
          justify-content: center;
          padding-top: 50px;
          margin-bottom: 30px;
          img {
            width: 70px;
          }
    }
    div#block-blquedatosempresafooter, div#block-bloqueaboutusfooter {
    text-align: center;
        .field--name-field-bloq-fotter-titulo {
        font-weight: bolder;
        color: grey;
        }
            .field--name-body {
        background: black;
        align-items: center;
        padding: 5px 0 0 0;
        }
    }
    div#block-bloqueredessocialesfooter, div#block-bloqueslibroreclamacionesyesnnafooter {
      text-align: center;
      padding: 20px 0 10px 0;
         .field--name-field-bloq-fotter-titulo{
          font-weight: bolder;
          color: grey;
          padding-bottom: 10px;
          }
          .field--name-field-bloq-fotter-parraf-iconos {
              display: flex;
              flex-wrap: wrap;
              gap: 20px;
              justify-content: space-around;
              align-items: center;
            .field__item img {
              width: 50px;
              

            }
          }
    }
  }
    .field--name-body {
        background: #303030;
        align-items: center;
        padding: 5px 0 0 0;
    }
}










/*--------------------- pagina tours-----------------------*/

div#block-apusuyotravel-views-block-vista-slider-pagina-tours-block-1 {
    position: relative;
}
.path-node.page-node-type-pagina-tour #block-apusuyotravel-content {
  width: 85%;
  margin: auto;

}
#block-apusuyotravel-views-block-vista-slider-pagina-tours-block-1 .view-content .views-row {
  .views-field.views-field-field-page-tour-img-slider{
    position: absolute;
    width: 100%;
    height: 70vh;
    .field-content {
    width: 100%;
    height: 70vh;
    img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
}


  }
  .views-field.views-field-field-page-tour-img-slider::before{
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;

  }
  .views-field.views-field-fieldset{
    position: relative;
    z-index: 2;
    padding: 40% 0;
    text-align: center;
    color: white;
    width: 90%;
    margin: 0 auto;
    height: 70vh;
    span.field-content {
            .grupo01-slider-tour{
            .views-field.views-field-title {
            font-size: 1.5em;
            font-weight: bolder;
            }
            .views-field.views-field-field-page-tour-duracion-del-tou{
              font-weight: bold;
            }
            }

    }


  }
   

}
.path-node.page-node-type-pagina-tour .entity-ref-anchor-formatter > ul {
    display: flex;
    flex-wrap: wrap;
    background: #c6d7c6;
    justify-content: space-evenly;
    li{
      background: rgb(198 215 198);;
      a {
        color: black;
        font-size: 0.8em !important;
        font-weight: bold;
      }
      a:hover{
        color: green !important;
        background: rgb(171, 206, 182) !important;
      }
    }
}

.path-node.page-node-type-pagina-tour 
.field--name-field-page-tour-galleria {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
   .field__item {
    width: 45%;
    height: 150px;
    overflow: hidden;
    margin: 3px;
    img{
      object-fit: cover;
    }
    }
}

/*-------------------- PAGINA DE BLOGS----------------*/
div#block-apusuyotravel-views-block-vista-slide-blogs-block-1 {
  width: 100%;
  height: 50vh;
  .view-content {
    height: 50vh;
    overflow: hidden;
    .views-row{
      .views-field.views-field-field-pag-blog-imag-slider {
        height: 50vh;
        .field-content {
        height: 50vh;
             img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
        }

           

      }
      .views-field.views-field-field-pag-blog-imag-slider::before {
        position: absolute;
        content: "";
        background: rgba(0, 0, 0, 0.3);
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 1;

      }
      .views-field.views-field-title {
      position: absolute;
      bottom: 150px;
      color: white;
      text-align: center;
      width: 100%;
      z-index: 1;
      font-weight: bolder;
      }
    }
  }
}

.path-node.page-node-type-pagina-blog div#contenedor {
    width: 85%;
    margin: auto;
    .field.field--name-field-pag-blog-body {
      img{
        width: 80%;
        height: auto;
        margin: auto;
      }
    }

aside#sidebar_right {
  div#block-apusuyotravel-bloquemejorestoursblogs {
    .field--name-field-bloq-mejo-tours-pag-blog-t {
      text-align: center;
      font-weight: bolder;
      color: green;
    }
    .field--name-field-bloq-mej-tou-pag-blg-vista {
    .view-content{
      .views-row{
        position: relative;
        margin-bottom: 30px;
        box-shadow: 0 0 10px #626262;
        background: #f3f3f3;
        .views-field.views-field-fieldset{
          .grupo01-mejo-tours-pag-blog{
            text-align: center;
            padding: 10px 0 20px 0;
            .views-field.views-field-title{
              font-weight: bolder;
              /*color: green;*/

            }
            .views-field.views-field-body {
            padding: 0 20px;
            font-size: 0.8em;
            }
            .views-field.views-field-view-node {
              a {
                padding: 5px 15px;
                border: solid 1px #00a900;
                border-radius: 5px;
              }
              a:hover {
                color: white;
                background: green;
              }
            }


          }

        }

      }

    }


  }
  }
  

    div#block-apusuyotravel-tipobloquecomentariostripadvisor-2 {
    .WidgetTitle__Header-sc-581bc1ec-2.dLSPCe {
    color: green;
    }
  }


}
}

/*------------------ FORMULARIO TOURS-------------*/
.path-node.page-node-type-pagina-tour #block-apusuyotravel-webform {
    width: 85%;
    margin: auto;
    box-shadow: 3px -1px 23px -13px rgba(0, 0, 0, 0.75);
    padding: 20px 20px;
    margin-top: 30px;
    h2{
      text-align: center;
    }
    div#edit-caja1-formulario-tours {
    width: 95%;
    input{
      width: 100%;
      height: 30px;
      border: solid 1px #dddddd;
    }

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

}
/*---------------------------FORMULARIO PERSONALIZA TU VIAJE---------------*/
form#webform-submission-personaliza-tu-viaje-add-form {
  width: 95%;
  margin: auto;
  /*padding: 10px 50px;*/
  border: solid 1px #cdcdcd;
  box-shadow: 0 0 10px #ccc;
  margin-bottom: 30px;
    div#edit-intro-formulario {
    text-align: center;
    img {
    width: 150px;
    }
    }
    div#edit-flexbox {
        width: 85%;
        margin: auto;
      input {
        width: 100%;
        height: 30px;
      }
      textarea {
        width: 100%;
      }
    }
    div#edit-actions {
    text-align: center;
    input {
      padding: 5px 20px;
    }
    }

}

/*--------------------------- LIBRO DE RECLAMACIONES WEBFORM-------------*/
form#webform-submission-libro-de-reclamaciones-add-form{
  width: 85%;
  margin: auto;
  input {
    width: 100%;
    height: 30px;
  }
  }
/*------------------ TRIPADIVOSR PAGINA DE TOURS--------*/
.path-node.page-node-type-pagina-tour #block-apusuyotravel-tipobloquecomentariostripadvisor-2 {
    width: 85%;
    margin: auto;
    top: 30px;
}

/*-------------------------- MENU VISTA CATEGORIA TOURS--------------------*/
.path-taxonomy div#block-apusuyotravel-vista-slider-tax-categ-tours-menu{
  width: 100%;
  height: 70vh;
  overflow: hidden;
  .view-content {
    height: 70vh;
    .views-row {
      height: 70vh;
      .views-field.views-field-field-tax-cat-tour-menu-img-slid{
        height: 70vh;
        .field-content {
        height: 70vh;
          img{
          width: 100%;
          height: 100%;
          object-fit: cover;
          }
        }
      
        
      }
      .views-field.views-field-field-tax-cat-tour-menu-img-slid::before{
        position: absolute;
        content: "";
        background: rgba(0, 0, 0, 0.3);
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 1;

      }
      .views-field.views-field-name {
        position: absolute;
        color: white;
        text-align: center;
        bottom: 300px;
        width: 100%;
        font-size: 1.5em;
        font-weight: bolder;
        z-index: 1;
        }

    }
  }

}
.path-taxonomy div#block-apusuyotravel-views-block-vista-tax-categ-tours-oficial {
  width: 85%;
  margin: auto;
  .view-content {
    .views-row {
      position: relative;
      margin-bottom: 30px;
      box-shadow: 0 0 10px #626262;
      margin-bottom: 30px;
      .views-field-title {
          text-align: center;
          margin-top: 10px;
          font-weight: bolder;
          }
      .views-field-field-page-tour-duracion-del-tou {
          text-align: center;
          }
          .views-field.views-field-body {
          text-align: justify;
          font-size: 0.8em;
          padding: 0 30px;
          }
          .views-field.views-field-view-node {
          text-align: center;
          padding: 0 0 20px 0;
          a{
            padding: 5px 20px;
            border: solid 1px green;
          }
    
          }
    }
  }
}

/*------------------------- MENU BLOGS---------------*/
#block-apusuyotravel-views-block-vista-slide-blogs-menu {
  width: 100%;
  height: 70vh;
  overflow: hidden;
  .view-content {
    height: 70vh;
    .views-row {
      height: 70vh;
      .views-field.views-field-field-tax-blogs-slider-img{
        height: 70vh;
        .field-content {
        height: 70vh;
          img{
          width: 100%;
          height: 100%;
          object-fit: cover;
          }
        }
      
        
      }
      .views-field.views-field-field-tax-blogs-slider-img::before{
        position: absolute;
        content: "";
        background: rgba(0, 0, 0, 0.3);
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 1;

      }
      .views-field.views-field-name {
        position: absolute;
        color: white;
        text-align: center;
        bottom: 300px;
        width: 100%;
        font-size: 1.5em;
        font-weight: bolder;
        z-index: 1;
        }

    }
  }
}

#block-apusuyotravel-views-block-vista-blogs-general-menu {
  width: 85%;
  margin: auto;
  .view-content {
    .views-row {
      position: relative;
      margin-bottom: 30px;
      box-shadow: 0 0 10px #626262;
      margin-bottom: 30px;
      .views-field-title {
          text-align: center;
          margin-top: 10px;
          font-weight: bolder;
          }
      .views-field-field-page-tour-duracion-del-tou {
          text-align: center;
          }
         .views-field.views-field-created {
          text-align: center;
          font-style: italic;
          font-size: 0.8em;
          background: rgb(247, 247, 247);
         }
          .views-field.views-field-view-node {
          text-align: center;
          padding: 10px 0 20px 0;
          a{
            padding: 5px 20px;
            border: solid 1px green;
          }
    
          }
    }
  }
}

/*---------------------- 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: #0056a3;
}
svg.svg-inline--fa.fa-star {
    color: #dbae00;
}
/*---------------- 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 */
}
}

/*----------------------PAGINA ABOUT US ---------*/
 .path-node.page-node-type-about-us div#contenedor {
    width: 85%;
    margin: auto;
    .field.field--name-field-pag-blog-body {
      img{
        width: 80%;
        height: auto;
        margin: auto;
      }
    }

aside#sidebar_right {
  div#block-apusuyotravel-bloquemejorestoursblogs {
    .field--name-field-bloq-mejo-tours-pag-blog-t {
      text-align: center;
      font-weight: bolder;
      color: green;
    }
    .field--name-field-bloq-mej-tou-pag-blg-vista {
    .view-content{
      .views-row{
        position: relative;
        margin-bottom: 30px;
        box-shadow: 0 0 10px #626262;
        background: #f3f3f3;
        .views-field.views-field-fieldset{
          .grupo01-mejo-tours-pag-blog{
            text-align: center;
            padding: 10px 0 20px 0;
            .views-field.views-field-title{
              font-weight: bolder;
              /*color: green;*/

            }
            .views-field.views-field-body {
            padding: 0 20px;
            font-size: 0.8em;
            }
            .views-field.views-field-view-node {
              a {
                padding: 5px 15px;
                border: solid 1px #00a900;
                border-radius: 5px;
              }
              a:hover {
                color: white;
                background: green;
              }
            }


          }

        }

      }

    }


  }
  }
  

    div#block-apusuyotravel-tipobloquecomentariostripadvisor-2 {
    .WidgetTitle__Header-sc-581bc1ec-2.dLSPCe {
    color: green;
    }
  }


}
}
/*---------------------------------*/
/*------------------BOTON WHATSAPP-------------*/
div#block-apusuyotravel-tipobloquebotonwhatsapp{
    position: fixed;
    z-index: 999999;
    bottom: 15px;
    right: 1em;
    .field--name-field-tip-bloq-bot-whatsapp-link {
    background-color: #00e479;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzUuMjE2IDE3NS41NTIiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9Ijg1LjkxNSIgeDI9Ijg2LjUzNSIgeTE9IjMyLjU2NyIgeTI9IjEzNy4wOTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMGU0NzkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyM2IzM2EiLz48L2xpbmVhckdyYWRpZW50PjxmaWx0ZXIgaWQ9ImEiIHdpZHRoPSIxLjExNSIgaGVpZ2h0PSIxLjExNCIgeD0iLS4wNTciIHk9Ii0uMDU3IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMuNTMxIi8+PC9maWx0ZXI+PC9kZWZzPjxwYXRoIGZpbGw9IiNiM2IzYjMiIGQ9Im01NC41MzIgMTM4LjQ1IDIuMjM1IDEuMzI0YzkuMzg3IDUuNTcxIDIwLjE1IDguNTE4IDMxLjEyNiA4LjUyM2guMDIzYzMzLjcwNyAwIDYxLjEzOS0yNy40MjYgNjEuMTUzLTYxLjEzNS4wMDYtMTYuMzM1LTYuMzQ5LTMxLjY5Ni0xNy44OTUtNDMuMjUxQTYwLjc1IDYwLjc1IDAgMCAwIDg3Ljk0IDI1Ljk4M2MtMzMuNzMzIDAtNjEuMTY2IDI3LjQyMy02MS4xNzggNjEuMTNhNjAuOTggNjAuOTggMCAwIDAgOS4zNDkgMzIuNTM1bDEuNDU1IDIuMzEyLTYuMTc5IDIyLjU1OHptLTQwLjgxMSAyMy41NDRMMjQuMTYgMTIzLjg4Yy02LjQzOC0xMS4xNTQtOS44MjUtMjMuODA4LTkuODIxLTM2Ljc3Mi4wMTctNDAuNTU2IDMzLjAyMS03My41NSA3My41NzgtNzMuNTUgMTkuNjgxLjAxIDM4LjE1NCA3LjY2OSA1Mi4wNDcgMjEuNTcyczIxLjUzNyAzMi4zODMgMjEuNTMgNTIuMDM3Yy0uMDE4IDQwLjU1My0zMy4wMjcgNzMuNTUzLTczLjU3OCA3My41NTNoLS4wMzJhNzMuNTM3IDczLjUzNyAwIDAgMS0zNS4xNTktOC45NTR6bTAgMCIgZmlsdGVyPSJ1cmwoI2EpIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTEyLjk2NiAxNjEuMjM4IDEwLjQzOS0zOC4xMTRhNzMuNDIgNzMuNDIgMCAwIDEtOS44MjEtMzYuNzcyYy4wMTctNDAuNTU2IDMzLjAyMS03My41NSA3My41NzgtNzMuNTUgMTkuNjgxLjAxIDM4LjE1NCA3LjY2OSA1Mi4wNDcgMjEuNTcyczIxLjUzNyAzMi4zODMgMjEuNTMgNTIuMDM3Yy0uMDE4IDQwLjU1My0zMy4wMjcgNzMuNTUzLTczLjU3OCA3My41NTNoLS4wMzJhNzMuNTM3IDczLjUzNyAwIDAgMS0zNS4xNTktOC45NTR6Ii8+PHBhdGggZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudDE3ODApIiBkPSJNODcuMTg0IDI1LjIyN2MtMzMuNzMzIDAtNjEuMTY2IDI3LjQyMy02MS4xNzggNjEuMTNhNjAuOTggNjAuOTggMCAwIDAgOS4zNDkgMzIuNTM1bDEuNDU1IDIuMzEyLTYuMTc5IDIyLjU1OSAyMy4xNDYtNi4wNjkgMi4yMzUgMS4zMjRjOS4zODcgNS41NzEgMjAuMTUgOC41MTggMzEuMTI2IDguNTI0aC4wMjNjMzMuNzA3IDAgNjEuMTQtMjcuNDI2IDYxLjE1My02MS4xMzVhNjAuNzUgNjAuNzUgMCAwIDAtMTcuODk1LTQzLjI1MSA2MC43NSA2MC43NSAwIDAgMC00My4yMzUtMTcuOTI5eiIvPjxwYXRoIGZpbGw9InVybCgjYikiIGQ9Ik04Ny4xODQgMjUuMjI3Yy0zMy43MzMgMC02MS4xNjYgMjcuNDIzLTYxLjE3OCA2MS4xM2E2MC45OCA2MC45OCAwIDAgMCA5LjM0OSAzMi41MzVsMS40NTUgMi4zMTMtNi4xNzkgMjIuNTU4IDIzLjE0Ni02LjA2OSAyLjIzNSAxLjMyNGM5LjM4NyA1LjU3MSAyMC4xNSA4LjUxNyAzMS4xMjYgOC41MjNoLjAyM2MzMy43MDcgMCA2MS4xNC0yNy40MjYgNjEuMTUzLTYxLjEzNWE2MC43NSA2MC43NSAwIDAgMC0xNy44OTUtNDMuMjUxIDYwLjc1IDYwLjc1IDAgMCAwLTQzLjIzNS0xNy45Mjh6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNjguNzcyIDU1LjYwM2MtMS4zNzgtMy4wNjEtMi44MjgtMy4xMjMtNC4xMzctMy4xNzZsLTMuNTI0LS4wNDNjLTEuMjI2IDAtMy4yMTguNDYtNC45MDIgMi4zcy02LjQzNSA2LjI4Ny02LjQzNSAxNS4zMzIgNi41ODggMTcuNzg1IDcuNTA2IDE5LjAxMyAxMi43MTggMjAuMzgxIDMxLjQwNSAyNy43NWMxNS41MjkgNi4xMjQgMTguNjg5IDQuOTA2IDIyLjA2MSA0LjZzMTAuODc3LTQuNDQ3IDEyLjQwOC04Ljc0IDEuNTMyLTcuOTcxIDEuMDczLTguNzQtMS42ODUtMS4yMjYtMy41MjUtMi4xNDYtMTAuODc3LTUuMzY3LTEyLjU2Mi01Ljk4MS0yLjkxLS45MTktNC4xMzcuOTIxLTQuNzQ2IDUuOTc5LTUuODE5IDcuMjA2LTIuMTQ0IDEuMzgxLTMuOTg0LjQ2Mi03Ljc2LTIuODYxLTE0Ljc4NC05LjEyNGMtNS40NjUtNC44NzMtOS4xNTQtMTAuODkxLTEwLjIyOC0xMi43M3MtLjExNC0yLjgzNS44MDgtMy43NTFjLjgyNS0uODI0IDEuODM4LTIuMTQ3IDIuNzU5LTMuMjJzMS4yMjQtMS44NCAxLjgzNi0zLjA2NS4zMDctMi4zMDEtLjE1My0zLjIyLTQuMDMyLTEwLjAxMS01LjY2Ni0xMy42NDciLz48L3N2Zz4=);
    background-size: 100% 100%;
    width: 40px;
    height: 40px;
    border: 10px solid #00e479;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*text-indent: -9999px;*/
    a{
          padding: 1.5em;
          width: 10px;
          text-decoration: none;
          opacity: 0;
    }
}
}
.path-frontpage div#block-apusuyotravel-content {
    color: white;
    display: none;
}


/* mi-tema/css/mobile.css */

/* --- Aplicación de box-sizing globalmente para un cálculo de ancho predecible --- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* --- Estilos Generales de la Tarjeta Personalizada (Reemplazo de Tabla) --- */

.tarjeta-personalizada {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px; /* Espacio entre tarjetas/tablas */
  max-width: 300px; /* Ancho fijo para cada "tabla" */
  width: 100%; /* Permite que se encoja en pantallas muy pequeñas */

  border: 1px solid #ddd; /* Borde sutil */
  border-radius: 10px;
  /*background-color: #f8f8f8;  Gris claro */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombreado */
  overflow: hidden; /* Asegura que el border-radius se aplique bien */

  display: flex; /* Convierte la tarjeta en un contenedor flex */
  flex-direction: column; /* Las celdas se apilan verticalmente */
  align-items: stretch; /* Las celdas se estiran para llenar el ancho del contenedor */
}

/* --- Estilos para las Celdas Verticales (tarjeta-celda) --- */
.tarjeta-celda {
  /*padding: 12px 15px;*/
  text-align: left;
  flex-grow: 1; /* Permite que la celda crezca si es necesario */
  /*border-bottom: 1px solid #eee; Borde inferior entre cada celda por defecto */
  padding: 5px;
}

/* **NUEVO**: Eliminar las líneas de separación entre renglones de texto */
.tarjeta-celda p,
.tarjeta-celda div { /* Afecta a cualquier párrafo o div dentro de las celdas */
    margin: 0;
    padding: 0;
    /* Las líneas de separación entre el texto ya se controlan al no aplicar border-bottom al párrafo/div */
    /* La línea de la celda padre ya proporciona la separación entre celdas */
}

/* Última celda no tiene borde inferior */
.tarjeta-celda:last-child {
  border-bottom: none;
}

/* Estilo para la PRIMERA CELDA (Título): Siempre centrada y en blanco */
.tarjeta-celda.celda-titulo { /* Ahora apuntamos a la clase específica */
  color: white;
  font-weight: bold;
  text-align: center; /* CENTRADO DEL CONTENIDO DEL TÍTULO */
}

/* --- Colores de fondo distintos para los títulos de cada tarjeta --- */
.tarjeta-personalizada.tarjeta-celeste .celda-titulo {
  background-color: #4FB3D0; /* Celeste */
  padding: 15px;
}

.tarjeta-personalizada.tarjeta-verde .celda-titulo {
  background-color: #28a745; /* Verde */
  padding: 15px;
}

.tarjeta-personalizada.tarjeta-naranja .celda-titulo {
  background-color: #ff8c00; /* Naranja */
  padding: 15px;
}

/* Estilo para la CELDA DE PRECIO */
.tarjeta-celda.celda-precio {
    font-size: 1.8em; /* Tamaño de fuente más grande para el precio */
    font-weight: bold;
    color: #333;
    text-align: center; /* Centrar el precio */
    padding: 10px 15px 0px; /* Más padding para el precio */
}

/* Estilo para la CELDA "POR PERSONA" */
.tarjeta-celda.celda-por-persona {
    font-size: 0.85em;
    color: #777;
    text-align: center; /* Centrar el texto "por persona" */
    padding-top: 0px; /* Menos padding superior para acercarlo al precio */
    padding-bottom: 0px; /* Menos padding inferior */
}

/* Estilo para la CELDA DE TEXTO ADICIONAL */
.tarjeta-celda.celda-texto {
    font-size: 0.95em;
    color: #555;
    line-height: 1; /* Espaciado entre líneas para mejor lectura */
    /* Aseguramos que no haya estilos de lista predeterminados, por si acaso el usuario lo inserta */
    list-style: none;
    padding-left: 15px;
    padding-right: 15px;
}
/* Asegurarse que las listas dentro de detalles NO tengan margin o padding excesivo por defecto */
.tarjeta-celda.celda-texto ul,
.tarjeta-celda.celda-texto ol {
    margin: 0;
    padding: 0; /* Quita todo el padding y margin por defecto de listas */
    list-style: none; /* Asegura que no haya viñetas */
}
.tarjeta-celda.celda-texto li {
    margin: 0; /* Quita margin por defecto de items de lista */
    padding: 0; /* Quita padding por defecto de items de lista */
}

/* Estilo para la CELDA DEL BOTÓN DE RESERVA */
.tarjeta-celda.celda-reserva {
    border-bottom: none; /* Asegura que la última celda no tenga borde inferior */
    padding: 20px 15px; /* Más padding para la celda del botón */
}

/* --- Estilos del botón "Reserva Ahora" --- */
.boton-reserva-contenedor {
  text-align: center; /* Centra el botón horizontalmente */
  width: 100%; /* Asegura que el contenedor ocupe el ancho completo de la celda */
  margin-top: 0; /* No necesitamos margen superior aquí si ya hay padding en la celda */
}

.boton-reserva {
  display: inline-block; /* Permite aplicar padding y centrar */
  padding: 10px 20px;
  background-color: #28a745; /* Verde */
  color: white;
  text-decoration: none; /* Quita el subrayado del enlace */
  border-radius: 5px;
  transition: background-color 0.3s ease; /* Transición suave para el hover */
  font-weight: bold;
  white-space: nowrap; /* Evita que el texto del botón se rompa en varias líneas */
}

.boton-reserva:hover {
  background-color: #ff8c00; /* Naranja en hover */
}

/* --- Contenedor flexible para la disposición de las TARJETAS (reemplazo de las tablas) --- */
.contenedor-tablas-responsivo {
  display: flex;
  flex-direction: column; /* Por defecto, las "tablas" se apilan verticalmente en móvil */
  align-items: center; /* Centra las "tablas" individuales */
  gap: 20px; /* Espacio entre cada "tabla" */
  width: 100%; /* Ocupa el 100% del ancho del padre */
}




/* mi-tema/css/ckeditor-only.css */

/* NOTA IMPORTANTE:
   Estos estilos deben ser cargados de una manera específica para que solo
   aparezcan en el editor y no en la vista pública.
   CKEditor 5 tiene una opción para cargar hojas de estilo "content_css" para la edición.
   Deberás configurar esto en tu `info.info.yml` de tu tema.
*/

/* Resaltar celdas con bordes punteados y etiquetas DENTRO DEL EDITOR */
/* Apuntamos a la nueva clase .tarjeta-celda y a .ckeditor-celda-marcador */
.ck-editor__editable_inline .tarjeta-celda.ckeditor-celda-marcador {
  position: relative;
  /* Borde punteado para la celda - CLAVE PARA LA VISIBILIDAD EN EDITOR */
  border: 1px dashed #ccc !important;
  background-color: rgba(255, 255, 0, 0.05); /* Un fondo muy sutil para la celda */
  min-height: 50px; /* Ayuda a que las celdas sean visibles en el editor si no tienen contenido */
  padding: 12px 15px !important; /* Asegura el padding para que el borde no se pegue al texto */
}

/* Asegura que el borde inferior de las celdas marcadas también se muestre */
.ck-editor__editable_inline .tarjeta-celda.ckeditor-celda-marcador:not(:last-child) {
    border-bottom: 1px dashed #ccc !important; /* Asegura el borde inferior para todas menos la última */
}


/* Estilos para la etiqueta flotante (data-celda-id) */
.ck-editor__editable_inline .ckeditor-celda-marcador::before {
  content: attr(data-celda-id); /* Muestra el contenido del atributo data-celda-id */
  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; /* Asegura que la etiqueta esté por encima del contenido */
  pointer-events: none; /* Permite hacer clic a través de la etiqueta si es necesario */
}

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

/* Si tienes estilos de "sin línea" en mobile.css/desktop.css para elementos P/DIV dentro de .tarjeta-celda,
   CKEditor no debería sobrescribirlos, pero si el problema persiste, puedes resetear aquí: */
.ck-editor__editable_inline .tarjeta-celda p,
.ck-editor__editable_inline .tarjeta-celda div {
    margin: 0 !important;
    padding: 0 !important;
}

.entity-ref-anchor-formatter > ul {
    padding: 0 10px;
    position: sticky;
    top: 70px;
    z-index: 99;
    border-radius: 0;
}
.entity-ref-anchor-formatter .value-formatter.active {
    background-color: #027d47;
    color: white !important;
}

.webform-confirmation {
    width: 85%;
    margin: auto;
}

.webform-confirmation__message {
    font-size: 1.5em;
    text-align: center;
    color: green;
}
.webform-confirmation__back {
    text-align: center;
    color: red;
}