.carrusel,.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center,.hero,.tarjeta {
    position:relative
}
.tarjeta .img-fluid,.tarjeta .overlay {
    transition:transform .5s
}
.carrusel,.hero,.tarjeta {
    overflow:hidden
}
.carrusel-track .tarjeta .overlay,.tarjeta .overlay {
    bottom:0;
    left:0;
    background:#000000cc;
    padding:20px;
    top:0;
    right:0
}
.hero {
    background:url('/static/img/landing/organico/header_orgainco_plus.webp') bottom/cover no-repeat;
    padding:100px 0!important;
    margin-top:90px;
    height:fit-content;
    min-height:65vh
}
.hero h1 {
    font-size:clamp(1.6rem, 5vw, 5rem)
}
.hero h1:lang(pl) {
    font-size:clamp(1.6rem, 5vw, 4.5rem)
}
.hero p {
    font-size:1.4rem;
    width:70%
}
.hero h1,.hero p {
    color:#fff!important
}
#form {
    scroll-margin-top:200px
}
.form-control {
    box-sizing:border-box;
    height:50px;
    width:100%;
    transition:250ms;
    padding-left:50px;
    font-size:14px
}
.button_end_landing,.button_form_organic {
    font-size:18px;
    text-align:center;
    cursor:pointer
}
.button_form_organic {
    background-color:#e2542a;
    color:#fff;
    width:100%;
    margin:auto;
    padding:13px
}
.form-box {
    background-color:#ebebeb;
    padding:35px;
    border-radius:20px
}
#ventajas .rounded {
    border-radius:20px!important
}
#ventajas .rounded-img {
    border-radius:15px 15px 15px 30px!important
}
#ventajas .shadow {
    box-shadow:0 4px 14px rgb(0 0 0 / .1)
}
#ventajas .position-absolute {
    bottom:-50px;
    left:20px;
    transform:translateY(-50%)
}
#ventajas .border {
    padding:20px;
    background:#fff
}
#ventajas .border p {
    margin-bottom:0
}
#ventajas .p-2 {
    padding-bottom:20px!important
}
#opinion .opinion-tarjeta {
    background:#fff;
    border-radius:20px
}

.youtube-facade {
  position: relative;
  cursor: pointer;
  border-radius: 12px;
  overflow: hidden;
}
.youtube-facade img {
  width: 100%;
  border-radius: 12px;
  display: block;
}
.youtube-facade .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 68px;
  height: 48px;
  background: url("https://img.icons8.com/ios-filled/100/ffffff/play-button-circled.png") no-repeat center center;
  background-size: contain;
  opacity: 0.9;
  transition: opacity 0.3s;
}
.youtube-facade:hover .play-button {
  opacity: 1;
}
/* Contenedor con ratio 9:16 */
.video-vertical-container {
  position: relative;
  width: 100%;
  max-width: 400px;   /* opcional, ajusta el ancho máximo */
  margin: 0 auto;     /* centrar dentro del modal */
  padding-top: 177.77%; /* 16/9 = 56.25% → 9/16 = 177.77% */
  background: #000;
}
.video-vertical-container iframe {
    position: absolute;
    top: -43px;
    left: -12px;
    width: 106%;
    height: 108%;
    border: 0;
    border-radius: 12px;
}

/* Modal más estrecho para formato vertical */
#videoModal .modal-dialog {
  max-width: 346px; /* ancho ajustado */
  margin-top: 70px;
}
.style-close{
        position: relative;
        left: 315px;
    }


.content-review {
    display:flex;
    flex-direction:column;
    align-items:flex-end
}
#opinion .rounded-circle {
    object-fit:cover
}
.tarjeta {
    border-radius:20px
}
.tarjeta h4 {
    margin:10px 10px 10px 20px;
    font-size:1.5rem;
    font-weight:700;
    position:absolute;
    bottom:0;
    color:#fff;
    z-index: 9;
}
.gradient-card{
    background: linear-gradient(0deg, #2e2e2e70, #ffffff00);
    height: -webkit-fill-available;
    width: 100%;
    position: absolute;
    top: 0;
}
.footer_new .footer-heading .logo,.footer_new a,.footer_new svg,.overlay.d-flex.align-items-center.justify-content-center p {
    color:#fff
}
.row .tarjeta .img-fluid {
    width:100%;
    height:250px;
    object-fit:cover;
    border-radius:.75rem
}
.tarjeta .overlay {
    position:absolute;
    color:#fff;
    transform:translateY(100%);
    text-align:center
}
.carrusel-track .tarjeta:hover .img-fluid,.tarjeta:hover .img-fluid {
    transform:scale(1.1)
}
.carrusel-track .tarjeta:hover .overlay,.tarjeta:hover .overlay {
    transform:translateY(0)
}
.tarjeta:hover h4 {
    z-index: 0;
}
.carrusel {
    width:100%
}
.carrusel-track {
    display:flex;
    align-items:center;
    animation:30s linear infinite scroll
}
.carrusel-track .tarjeta {
    flex:0 0 25%;
    padding:0 10px;
    box-sizing:border-box;
    position:relative
}
.carrusel-track .tarjeta .img-fluid {
    transform:scale(1);
    transition:transform .5s ease-in-out
}
.carrusel-track .tarjeta .overlay {
    position:absolute;
    color:#fff;
    transform:translateY(100%);
    transition:transform .5s ease-in-out;
    text-align:center
}
.carrusel::after {
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:50px;
    height:100%;
    background:linear-gradient(to left,#fff,transparent);
    pointer-events:none
}
@keyframes scroll {
    0% {
        transform:translateX(0)
    }
    100% {
        transform:translateX(-260%)
    }
}
.carrusel-track:hover {
    animation-play-state:paused
}
@media (max-width:767px) {
    .carrusel-track .tarjeta {
        flex:0 0 50%
    }
}
@media (max-width:575px) {
    .form-box {
        width:95%;
        margin:25px auto
    }
    .carrusel-track .tarjeta {
        flex:0 0 100%;
        scroll-snap-align:center;
        flex:0 0 80%;
        margin-right:16px
    }
    .carrusel-track {
        animation:none;
        overflow-x:scroll;
        scroll-snap-type:x mandatory
    }
    .content_advantages_organico {
        margin-top:0!important
    }
    .content_accommodation_organico .col-sm-3.col-md-6.col-lg-3.p-2 {
        flex:0 0 50%;
        max-width:50%
    }
    .content_accommodation_organico .overlay.d-flex.align-items-center.justify-content-center p {
        color:#fff;
        font-size:14px
    }
    .tarjeta h4::after {
        content:'\1433';
        margin-left:.5rem;
        font-size:1.2rem;
        vertical-align:middle;
        display:inline-block
    }
    .content_accommodation_organico h4 {
        font-size:1.1rem;
    }
    .address_footer,.c-flex {
        display:grid!important
    }
    .content_accommodation_organico,.content_advantages_organico {
        padding-right:0
    }
    .aux-mt {
        margin-top:25px!important
    }
    .right-card {
        margin-top:-55px;
        margin-bottom:20px
    }
    .form-box .d-flex {
        display:contents!important
    }
    .carrusel-track .tarjeta {
        flex:0 0 80%!important
    }
    .carrusel-track p {
        font-size:18px
    }
    .hero {
        background:url('/static/img/landing/organico/header_orgainco_mobile_plus.webp') bottom/cover no-repeat;
        padding:100px 0!important;
        margin-top:90px;
        height:fit-content;
        min-height:55vh
    }
    .content-review {
        align-items:center
    }
    .content-review a {
        margin-top:10px!important
    }
    #videoModal .modal-dialog {
        max-width: 417px;
        margin-top: 70px;
        padding: 50px;
        min-width: 410px;
    }
    .style-close{
        position: relative;
        left: 275px;
    }
    #form {
        scroll-margin-top: 1px;
    }
}
.button_end_landing {
    background-color:#e2542a;
    color:#fff;
    width:22%;
    margin:auto;
    padding:13px
}
.button_end_landing:hover,.button_form_organic:hover {
    background-color:#b84726
}
@media (max-width:768px) {
    .hero {
        padding:3rem 1rem;
        margin-top:72px;
        min-height:50vh
    }
    .hero h1 {
        font-size:1.8rem
    }
    .hero p {
        font-size:1.3rem;
        width:100%;
        text-shadow:0 0 3px #000
    }
    .hero .btn {
        font-size:1.2rem!important
    }
    .hero .btn:lang(pl) {
        font-size:1rem!important
    }
    .form-box .d-flex {
        display:contents!important
    }
    .form-box select {
        appearance:none;
        -webkit-appearance:none;
        background-image:url('../../../img/icons/downArrow.png');
        background-position:290px center;
        background-repeat:no-repeat
    }
    .aux-mt {
        margin-top:25px!important
    }
    #main_organic h2 {
        font-size:21px
    }
    .content_advantages_organico {
        margin-top:-60px
    }
    .carrusel-track .tarjeta {
        flex:0 0 42%
    }
    #ventajas .position-absolute {
        bottom:-30px;
        left:10px;
        transform:translateY(-50%);
        margin-top:75px
    }
    #opinion .opinion-tarjeta {
        position:static;
        transform:none;
        margin-bottom:20px
    }
    #motivos .col-md-6 {
        margin-bottom:30px
    }
    #motivos img {
        height:200px;
        width:100%;
        object-fit:cover
    }
    .button_end_landing {
        width:86%
    }
}
@media (min-width:769px) and (max-width:992px) {
    .carrusel-track .tarjeta {
        flex:0 0 33%;
        padding:0 10px;
        box-sizing:border-box;
        position:relative
    }
    .form-box .d-flex {
        display:contents!important
    }
}
@media (min-width:993px) and (max-width:1300px) {
    #form {
        scroll-margin-top: 1px;
        }
}

.navbar {
    background-color:#fff
}
nav.navbar.navbar-expand-lg.fixed-top.bg-body-tertiary {
    top:0!important
}
.tab-content>.tab-pane,ul#nav-tag li.nav-item:not(:nth-last-child(-n+2)) {
    display:none
}
.navbar-nav .dropdown-menu {
    position:static
}
.dropdown-menu {
    --bs-dropdown-zindex:1000;
    --bs-dropdown-min-width:10rem;
    --bs-dropdown-padding-x:0;
    --bs-dropdown-padding-y:0.5rem;
    --bs-dropdown-spacer:0.125rem;
    --bs-dropdown-font-size:1rem;
    --bs-dropdown-color:var(--bs-body-color);
    --bs-dropdown-bg:var(--bs-body-bg);
    --bs-dropdown-border-color:var(--bs-border-color-translucent);
    --bs-dropdown-border-radius:var(--bs-border-radius);
    --bs-dropdown-border-width:var(--bs-border-width);
    --bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg:var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y:0.5rem;
    --bs-dropdown-box-shadow:var(--bs-box-shadow);
    --bs-dropdown-link-color:var(--bs-body-color);
    --bs-dropdown-link-hover-color:var(--bs-body-color);
    --bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color:#fff;
    --bs-dropdown-link-active-bg:#0d6efd;
    --bs-dropdown-link-disabled-color:var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x:1rem;
    --bs-dropdown-item-padding-y:0.25rem;
    --bs-dropdown-header-color:#6c757d;
    --bs-dropdown-header-padding-x:1rem;
    --bs-dropdown-header-padding-y:0.5rem;
    position:absolute;
    z-index:var(--bs-dropdown-zindex);
    display:none;
    min-width:var(--bs-dropdown-min-width);
    padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin:0;
    font-size:var(--bs-dropdown-font-size);
    color:var(--bs-dropdown-color);
    text-align:left;
    list-style:none;
    background-color:var(--bs-dropdown-bg);
    background-clip:padding-box;
    border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius:var(--bs-dropdown-border-radius)
}
.bg-body-tertiary {
    --bs-bg-opacity:1;
    background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important
}
@media (min-width:992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position:absolute
    }
}
.tab-content>.active {
    display:block!important
}
.footer_new {
    background:#484848;
    padding:40px 0;
    border-radius:40px;
    margin:17px
}
.footer_new .footer-heading {
    font-size:30px;
    color:#fff;
    font-weight:700;
    margin-bottom:30px
}
.address_footer,.icon_style {
    display:flex;
    justify-content:center
}
.footer_new p {
    color:rgba(255,255,255,.3)
}
.ftco-footer-social li {
    list-style:none;
    margin:0 10px 0 0;
    display:inline-block
}
.legal_link {
    display:flex;
    justify-content:center;
    font-size:14px
}
.youtube-facade {
    width:100%;
    aspect-ratio:16/9;
    background:#000;
    cursor:pointer;
    border-radius:12px;
    overflow:hidden;
    position:relative
}
.youtube-facade img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
.youtube-facade .play-button {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:80px;
    height:100px;
    background:url('https://img.icons8.com/ios-filled/100/ffffff/play-button-circled.png') center center/contain no-repeat;
    filter:drop-shadow(0 4px 6px rgba(0, 0, 0, .3))
}