@charset "utf-8";
/* CSS Document */





.mobile .interna .row .col-md-9 {
    padding: 0;
}
    /*
.interna .headerInternas img {
    height: 435px!important; 
}
*/

.interna h2 {
    font-family: 'KievitOT-Medium', Expert-Sans-Regular, helvetica, arial, clean, sans-serif !important;
    font-size: 24px;
}


a.btnNaranja {
    background-color: #fc6207;
    font-size: 15px;
    color: #fff;
    margin-top: 10px;
    border-radius: 20px;
    padding: 5px 20px;
    font-family: 'KievitOT-Medium', Expert-Sans-Regular, helvetica, arial, clean, sans-serif;
    display: inline-block;
    box-shadow: 3px 3px 10px 0px #bdbdbd;
}

    a.btnNaranja:hover, a.btnNaranja:focus {
        background: #fc6207;
        color: #fff;
        box-shadow: 2px 2px 5px 0px #bdbdbd;
    }

    a.btnNaranja:focus {
        border: none;}

a.btnCeleste {
    background-color: #009ec9;
    font-size: 15px;
    color: #fff;
    margin-top: 10px;
    border-radius: 20px;
    padding: 5px 20px;
    font-family: 'KievitOT-Medium', Expert-Sans-Regular, helvetica, arial, clean, sans-serif;
    display: inline-block;
    box-shadow: 3px 3px 10px 0px #bdbdbd;
}

    a.btnCeleste:hover, a.btnCeleste:focus {
        background: #009ec9;
        color: #fff;
        box-shadow: 2px 2px 5px 0px #bdbdbd;
    }

    a.btnCeleste:focus {
        border: none;
    }


.banner_Destacado {
    border-radius: 20px;
    padding: 15px 40px;
    margin: 0 auto;
    width: 98%;
    text-align: center;
    box-shadow: 2px 2px 5px 1px #bdbdbd;
    background-color: #fff;
    position: relative;
    box-sizing: border-box;
    background-clip: padding-box;
    border: 3px solid transparent;
    margin-top: 30px;
    display: block;
}

    .banner_Destacado:hover {
        box-shadow: 3px 3px 6px 1px #bdbdbd;
    }

.mobile .banner_Destacado {
    padding: 35px 20px;
}

.banner_Destacado:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -3px;
    border-radius: inherit;
    background: linear-gradient(to top, #ff6300, #00a0cd);
}




.banner_Destacado p.title {
    font-family: 'KievitOT-Medium', 'Expert-Sans-Regular', helvetica, arial, clean, sans-serif;
    font-size: 24px;
    color: #00586D;
    padding-top: 5px;
}
.mobile .banner_Destacado p.title {
    font-family: 'KievitOT-Medium', 'Expert-Sans-Regular', helvetica, arial, clean, sans-serif !important;
    font-size: 24px;
    line-height: 28px;
    padding: 5px 0px;
}
.mobile .banner_Destacado p img {
    width: 110px;
}



.banner_Destacado p {
    font-size: 17px;
    color: #000;
    font-family: 'KievitOT-Regular', Expert-Sans-Regular, helvetica, arial, clean, sans-serif;
    padding-top: 5px;
}

.mobile .banner_Destacado p {
    font-size: 21px;
    padding: 5px 35px;
    line-height: 24px;
}

.banner_Destacado p img {
    width: 130px;
    margin-top: -10px;
    margin-left: -6px;
}



a.banner_Tienda {
    border-radius: 20px;
    padding: 30px 50px;
    margin: 0 auto;
    width: 90%;
    text-align: center;
    box-shadow: 2px 2px 5px 1px #bdbdbd;
    background-color: #fff;
    position: relative;
    box-sizing: border-box;
    background-clip: padding-box;
    border: 3px solid #3FA0CB;
    margin-top: 30px;
    display: block;
}

    a.banner_Tienda:hover {
        box-shadow: 3px 3px 6px 1px #bdbdbd;
    }



.mobile a.banner_Tienda {
    padding: 35px 20px;
}

a.banner_Tienda p {
    font-size: 17px;
    color: #000;
    font-family: 'KievitOT-Regular', Expert-Sans-Regular, helvetica, arial, clean, sans-serif;
    width: 50%;
    text-align: left;
    display: inline-block;
    float: left;
    padding: 0;
    }

.mobile a.banner_Tienda p {
    font-size: 21px;
    padding: 5px 35px;
    line-height: 24px;
    text-align: center;
}

a.banner_Tienda p {
    width: 100%;
    margin-bottom: 10px;
}

.mobile a.banner_Tienda {
    display: block;
    margin: 30px auto;
}

a.banner_Tienda img {
    width: 240px;
    display: inline-block;
    margin-top: 8px
}



 .SeccionDestacadaTC {
    width: 100%;
    background-color: #f0fafc;
    padding: 30px 80px;
    display: block;
    overflow: hidden;
    font-family: 'KievitOT-Regular', Expert-Sans-Regular, helvetica, arial, clean, sans-serif !important;
}
.mobile .SeccionDestacadaTC {
    padding: 20px;
}

    .SeccionDestacadaTC .BloqueLeft {
        width: 55%;
        float: left;
        display: inline-block;}

    .mobile .SeccionDestacadaTC .BloqueLeft {
        width: 100%;
    }
    
    .SeccionDestacadaTC h3 {
        text-align: left;
        color: #006189;
        font-size: 28px;
        font-family: 'KievitOT-Regular', Expert-Sans-Regular, helvetica, arial, clean, sans-serif !important;
        margin-bottom: 20px;
    }

    .SeccionDestacadaTC ol {
    margin: 0;
    padding: 0;
    }

    .SeccionDestacadaTC ol li {
        color: #333;
        font-size: 15px;
        text-align: left;
        line-height: 25px;
        list-style: none;
    }

        .SeccionDestacadaTC ol li img {
            width: 24px;
            float: left;
            margin-right: 10px;
        }

        .mobile .SeccionDestacadaTC ol li img {
            margin-top: 0px;
            margin-right: 0px;
        }


        .SeccionDestacadaTC ol li.one {
            list-style-image: url('/images/internas/tc_1.jpg');
        }
        .SeccionDestacadaTC ol li.two {
            list-style-image: url('/images/internas/tc_2.jpg');
        }
        .SeccionDestacadaTC ol li.three {
            list-style-image: url('/images/internas/tc_3.jpg');
        }
        .SeccionDestacadaTC ol li.four {
            list-style-image: url('/images/internas/tc_4.jpg');
        }
    
    .SeccionDestacadaTC p {
        color: #333;
        font-size: 15px;
    }
    .SeccionDestacadaTC img {
        width: 290px;
        float: right;
        display: inline-block;
    }
    .mobile .SeccionDestacadaTC img {
        text-align: center;
        float: none;
        margin-top:15px;
     }

        .mobile .SeccionDestacadaTC img.celu {
            display: block;
            margin: 15px auto;
            padding-top: 15px;
        }






.mobile a.tc_cuadro_Boton { 
    width: 90%;
}

a.tc_cuadro_Boton {
    background-color: #fff;
    border-radius: 10px;
    color: #057ea3;
    text-align: center;
    font-size: 18px;
    font-family: 'KievitOT-Bold', 'Expert-Sans-Regular', helvetica, arial, clean, sans-serif !important;
    padding: 16px;
    width: 99%;
    display: block;
    margin: 35px auto;
    box-shadow: 2px 2px 5px 0px #bdbdbd;
    padding: 18px 0 15px 0;
}

a:hover.tc_cuadro_Boton {
    box-shadow: 3px 3px 5px 0px #bdbdbd;
}

    a.tc_cuadro_Boton img {
        width: 25px;
        margin-left: 10px;
    }

.mobile a.tc_cuadro_Naranja {
    width: 94%;
}

button.tc_cuadro_Naranja {
    background-color: #fc6207;
    border-radius: 15px;
    color: #ffF;
    text-align: center;
    font-size: 16px;
    font-family: 'KievitOT-Bold', 'Expert-Sans-Regular', helvetica, arial, clean, sans-serif !important;
    padding: 14px;
    width: 99%;
    display: block;
    margin: 0 auto;
    box-shadow: 2px 2px 5px 0px #bdbdbd;
    padding: 14px 0 10px 0;
}
        a.tc_cuadro_Naranja img {
         width: 35px;
         margin-left: 10px;}

button:hover.tc_cuadro_Naranja {
    background-color: #d65021;
}

.mobile .bloque_infoDestinos {
    width: 94%;
}





.interna .panel-group .panel {
    padding-bottom: 5px;
    background-color: transparent;
    text-align:center;
}

.nowrap {
    white-space: nowrap;
}

.bloque_infoDestinos {
    
}


    .bloque_infoDestinos h3 {
        font-family: 'KievitOT-Bold', 'Expert-Sans-Regular', helvetica, arial, clean, sans-serif !important;
        font-size: 20px;
        color: #00586D;
        margin: 10px 0;
        text-align: left;
    }

    .bloque_infoDestinos p {
        font-family: 'KievitOT-Regular', 'Expert-Sans-Regular', helvetica, arial, clean, sans-serif !important;
        font-size: 13px;
        line-height: 16px;
        color: #000;
        margin: 10px 0;
        text-align: left;
        padding-top: 0;
    }
    .bloque_infoDestinos ul li {
        font-family: 'KievitOT-Regular', 'Expert-Sans-Regular', helvetica, arial, clean, sans-serif !important;
        font-size: 13px;
        line-height: 16px;
        color: #000;
        text-align: left;
        }

.SectorDestinos {
    background-color: #f2fafc;
    display: block;
    overflow: hidden;
    padding: 0 20px;
    margin-top: 20px;
}

.mobile AcordeonDestinos a.btnNaranja {
    width: 90%;
    padding: 10px 0;
}



    /***** ACORDION  INTERNAS PASTILLAS  ******/
    a: focus {
    border: none;
}

.mobile .AcordeonDestinos {
    margin-left: 15px;
    margin-right: 15px;
}

.AcordeonDestinos {
    margin-bottom: 40px;
}

    .AcordeonDestinos .panel-group#accordion {
        text-align: left;
    }

    .AcordeonDestinos .panel-default > .panel-heading {
        display: inline-block;
        margin: 0 10px;
        width: 22%;
        border-bottom: 0;
        text-align: left;
        vertical-align:top;
    }

.mobile .AcordeonDestinos .panel-default > .panel-heading {
    width: 97%;
    margin: 0 5px;
}

.AcordeonDestinos .panel-default > .panel-heading:hover {
}


.AcordeonDestinos .panel-title a {
    padding: 0;
    border-radius: 10px;
    width: 100%;
    display: block;
}

    .AcordeonDestinos .panel-title a,
    .AcordeonDestinos .panel-title a:hover {
        background: #006184;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0f7a95+0,14b5df+100 */
        /*background: #0f7a95; /* Old browsers */
        /*background: -moz-linear-gradient(-45deg,  #0f7a95 0%, #14b5df 100%); /* FF3.6-15 */
        /*background: -webkit-linear-gradient(-45deg,  #0f7a95 0%,#14b5df 100%); /* Chrome10-25,Safari5.1-6 */
        /*background: linear-gradient(135deg,  #0f7a95 0%,#14b5df 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f7a95', endColorstr='#14b5df',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }

.AcordeonDestinos .panel-title a {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#14b5df+1,28a0bf+100 */
    background: #006184; /* Old browsers */
}

    .AcordeonDestinos .panel-title a,
    .AcordeonDestinos .panel-title a:hover {
        box-shadow: 2px 2px 10px 0px #bdbdbd;
    }

        
    
    .AcordeonDestinos .panel-title a.collapsed {
            box-shadow: 2px 2px 5px 0px #bdbdbd;
            background: #fff !important;
        }

            .AcordeonDestinos .panel-title a.collapsed:hover {
                background: #006184 !important;
            }

        .AcordeonDestinos .panel-title a.collapsed:focus {
            background: #fff !important;
        }

            .AcordeonDestinos .panel-title a.collapsed:hover h3 {
                color: #fff;
            }

        .AcordeonDestinos .panel-title a.collapsed:focus h3 {
            color: #006184 !important;
        }

            .AcordeonDestinos .panel-title a:focus h3 {
                color: #fff !important;
            }


        .AcordeonDestinos .panel-title a h3 {
            color: #006184;
            font-weight: normal;
        }

.AcordeonDestinos .panel-default > .panel-heading:hover h3 {
    color: #fff;
}


.AcordeonDestinos .panel-title a.collapsed h3 {
    font-size: 17px;
    font-family: 'KievitOT-Medium', 'Expert-Sans-Regular', helvetica, arial, clean, sans-serif !important;
    vertical-align: top;
    display: block;
    min-height: 73px;
    margin: 0 12px;
    padding-top: 10px !important;
    color: #006184;
}

.AcordeonDestinos .panel-title a h3 {
    font-size: 17px;
    font-family: 'KievitOT-Medium', 'Expert-Sans-Regular', helvetica, arial, clean, sans-serif !important;
    vertical-align: top;
    display: block;
    min-height: 73px;
    margin: 0 12px;
    padding-top: 10px !important;
    color: #fff;
}

.AcordeonDestinos .panel-title .imagen_destinos img {
    margin-top: 0px !important;
    width: 100%;
    border-radius: 10px 10px 0 0;
}



      .carousel-bna-container {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 900px;
        margin: 0 auto 32px auto;
        gap: 0;
        position: relative;
        user-select: none;
      }
      .carousel-bna-arrow {
        background: none;
        border: none;
        cursor: pointer;
        padding: 0 10px;
        font-size: 2rem;
        color: #005baa;
        transition: color 0.2s;
        height: 60px;
        width: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .carousel-bna-arrow:disabled {
        color: #b0b0b0;
        cursor: not-allowed;
      }
      .carousel-bna-viewport {
        overflow: hidden;
        width: 100%;
      }
      .carousel-bna-track {
        display: flex;
        gap: 10px;
        will-change: transform;
      }
      .carousel-bna-icon-link {
        flex: 0 0 auto;
        width: 120px;
        height: 120px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        border: none;
        overflow: hidden;
      }
      .carousel-bna-icon-link:focus,
      .carousel-bna-icon-link:hover {
        border-color: #005baa;
        outline: none;
        transform: scale(1.04);
      }
      .carousel-bna-icon-img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
        border-radius: 0;
        background: none;
      }
      @media (max-width: 900px) {
        .carousel-bna-container {
          max-width: 100vw;
          padding: 0 8px;
        }
        .carousel-bna-icon-link {
          width: 80px;
          height: 80px;
        }
        .carousel-bna-track {
          gap: 20px;
        }

        .carousel-bna-icon-img {
        width: 100%;
        height: 100%;
        }
      }
      @media (max-width: 600px) {
        .carousel-bna-container {
          max-width: 100vw;
          padding: 0;
        }
        .carousel-bna-viewport {
          width: 100vw;
        }
        .carousel-bna-icon-link {
        width: 100%;
        height: 100%;
          max-width: 220px;
          max-height: 220px;
        }
        .carousel-bna-track {
          gap: 0;
        }
      }
/*
.AcordeonTC .panel-title a .mas,
.AcordeonTC .panel-title a .menos {
}

.AcordeonTC .panel-title a .menos {
    display: inline-block;
    vertical-align: middle;
    background: url(/images/internas/arrow_icon_down.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    top: 7px;
}

.AcordeonTC.inclusion .panel-title a .menos {
    background: url(/images/internas/arrow_icon_down_white.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.AcordeonTC .panel-title a.collapsed .menos {
    display: none;
}

.AcordeonTC .panel-title a .mas {
    display: none;
}

.AcordeonTC .panel-title a.collapsed .mas {
    display: inline-block;
    background: url(/images/internas/arrow_icon_right.svg);
    background-size: 100%;
    vertical-align: middle;
    background-repeat: no-repeat;
    top: 7px;
    position: relative;
}
*/
/*fin acordeon*/
.AcordeonDestinos.Bottom .panel-default > .panel-heading {
    width: 99%;
    margin-left: 2px;
    margin-right: 1px;
}


    .custom-carousel-container {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 32px 0;
      max-width: 900px;
      margin-left: auto;
      margin-right: auto;
      position: relative;
    }
    .custom-carousel-arrow {
      border: none;
      border-radius: 18px;
      width: 48px;
      height: 80px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 2.5rem;
      cursor: pointer;
      margin: 0 8px;
      z-index: 2;
      outline: none;
    color: #00586d;

    }
    .custom-carousel-arrow svg {
      width: 36px;
      height: 36px;
      display: block;

    }
      .custom-carousel-arrow svg rect{
fill:transparent !important;

    }
    .custom-carousel-arrow:hover:not(:disabled) {
      transform: scale(1.08);

    }
    .custom-carousel-arrow:disabled {
      color: #b0b0b0;
      cursor: default;
      box-shadow: none;
      opacity: 0.6;
    }
    .custom-carousel-viewport {
      overflow: hidden;
      width: 616px; /* 6 iconos * 96px + 5*8px (gap) */
      border-radius: 18px;
      padding: 12px 0;
    }
    .custom-carousel-track {
      display: flex;
      transition: transform 0.4s cubic-bezier(.4,1.3,.5,1);
      will-change: transform;
      gap: 8px;
    }
    .custom-carousel-icon-link {
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      border-radius: 50%;
      flex-shrink: 0;
    }
    .custom-carousel-icon-img {
   
      border-radius: 50%;
      border: 4px solid #fff;
      object-fit: cover;
      display: block;
    }
    .custom-carousel-icon-link:hover .custom-carousel-icon-img {
      transform: scale(1.07);
    }
    @media (max-width: 900px) {
      .custom-carousel-viewport { width: 420px; }
      .custom-carousel-icon-img { width: 64px; height: 64px; }
    }
    @media (max-width: 600px) {
      .custom-carousel-viewport { width: 280px; }
      .custom-carousel-icon-img { width: 44px; height: 44px; }
      .custom-carousel-arrow { height: 48px; width: 32px; }
    }






    		.custom-carousel-container {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			max-width: 750px;
			margin: 0 auto;
			overflow: hidden;
		}
		.custom-carousel-viewport {
			overflow: hidden;
			width: 100%;
		}
		.custom-carousel-track {
			display: flex;
			transition: transform 0.3s ease;
			gap: 0px;
		}
		.custom-carousel-icon-link {
			flex: 0 0 auto;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.custom-carousel-icon-img {
			max-width: 100%;
			max-height: 100%;
               width: 155px;
      height: 155px;
		}
		.custom-carousel-arrow {
			background: none;
			border: none;
			cursor: pointer;
			padding: 0px;
                background-color:white !important;

		}
		@media (max-width: 600px) {
			.custom-carousel-container {
				max-width: 100vw;
				padding: 0 8px;
			}
			.custom-carousel-icon-link {
				width: 72px;
				height: 72px;
			}
		}

/*********** FINAL  *********************/



/*********ACORDEON******/


.panel-default > .panel-heading {
    border-bottom: none !important;
}

.botonDesplegable {
    padding: 20px 0px;
    margin-top: 20px
}
.mobile .botonDesplegable {
    padding: 20px 0px;
    margin-top: 20px
}
    .botonDesplegable h1 {
    margin-top: 60px !important;
    color: #353432;
    font-size: 24px;
    margin-bottom: 10px;
}

.botonDesplegable .panel-default {
    padding: 0 8px;
}

.botonDesplegable .panel-title a.collapsed {
    background: white !important;
}

.botonDesplegable .panel-title a {
    padding: 15px 5px 15px 12px;
    border-radius: 7px;
}

    .botonDesplegable .panel-title a,
    .botonDesplegable .panel-title a:hover {
        background: #fff;
    }

.botonDesplegable .panel-title a {
    background: #fff; /* Old browsers */
}

    .botonDesplegable .panel-title a,
    .botonDesplegable .panel-title a:hover {
        box-shadow: 2px 2px 10px 0px #bdbdbd;
    }

        .botonDesplegable .panel-title a.collapsed {
            box-shadow: 2px 2px 10px 0px #bdbdbd;
        }

            .botonDesplegable .panel-title h2, .botonDesplegable .panel-title a.collapsed h2 {
                font-size: 18px;
                color: #057ea3 !important;
                background-color: #fff;
                font-family: 'KievitOT-Bold', 'Expert-Sans-Regular', helvetica, arial, clean, sans-serif !important;
            }

.botonDesplegable .panel-body p,
.botonDesplegable .panel-body ul li,
.botonDesplegable .panel-body ol li {
    font-size: 1em;
    font-family: Expert-Sans-Regular, Arial, Helvetica, sans-serif;
    color: #3f3f3f;
}

.botonDesplegable .panel-title a .menos {
    display: inline-block;
    vertical-align: middle;
    background: url(/images/internas/arrow_icon_down.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.botonDesplegable.inclusion .panel-title a .menos {
    background: url(/images/internas/arrow_icon_down.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.botonDesplegable .panel-title a.collapsed .menos {
    display: none;
}

.botonDesplegable .panel-title a .mas {
    display: none;
}

.botonDesplegable .panel-title a.collapsed .mas {
    display: inline-block;
    background: url(/images/internas/arrow_icon_right.svg);
    background-size: 100%;
    vertical-align: middle;
    background-repeat: no-repeat;
}


.mobile .interna .panel-group {
    margin: 0;
}




.contentBanner img{
    width: 100%;
    padding: 0 8px;
    margin-bottom: 20px;
}

.mobile .contentBanner img {
    width: 100%;
    padding: 0;
}


/*

@media only screen and (min-width: 1070px) {

.interna .headerInternas {
    height: 435px;
}
}

@media only screen and (min-width: 950px) {

.interna .headerInternas {
    height: 435;
}

}

*/