/*==========================================================
PUENTE DEL INCA
EDITORIAL DECORATIONS
v2
==========================================================*/


/*==========================================================
BASE
==========================================================*/

.decor{

    position:absolute;

    pointer-events:none;

    user-select:none;

    background-repeat:no-repeat;

    background-position:center;

    background-size:contain;

}

.decor img{

    display:block;

    width:100%;

}


/*==========================================================
OPACIDADES
==========================================================*/

.decor-soft{

    opacity:.06;

}

.decor-light{

    opacity:.10;

}

.decor-medium{

    opacity:.16;

}

.decor-strong{

    opacity:.24;

}


/*==========================================================
PEZ
==========================================================*/

.decor-fish{

    width:460px;

    height:260px;

    background-image:url("https://puentedelinca.cl/wp-content/uploads/2026/07/Pez01.webp");

}


/*==========================================================
RAMA 02
==========================================================*/

.decor-branch-left{

    width:260px;

    height:260px;

    background-image:url("https://puentedelinca.cl/wp-content/uploads/2026/07/Rama02.webp");

}


/*==========================================================
RAMA 03
==========================================================*/

.decor-branch-center{

    width:260px;

    height:260px;

    background-image:url("https://puentedelinca.cl/wp-content/uploads/2026/07/Rama03.webp");

}


/*==========================================================
RAMA 04
==========================================================*/

.decor-branch-right{

    width:260px;

    height:260px;

    background-image:url("https://puentedelinca.cl/wp-content/uploads/2026/07/Rama04.webp");

}


/*==========================================================
CAMARÓN
==========================================================*/

.decor-shrimp{

    width:180px;

    height:180px;

    background-image:url("https://puentedelinca.cl/wp-content/uploads/2026/07/Camaron01.webp");

}


/*==========================================================
NARANJA
==========================================================*/

.decor-orange{

    width:160px;

    height:160px;

    background-image:url("https://puentedelinca.cl/wp-content/uploads/2026/07/Naranja01.webp");

}


/*==========================================================
PULPO
==========================================================*/

.decor-octopus{

    width:220px;

    height:220px;

    background-image:url("https://puentedelinca.cl/wp-content/uploads/2026/07/Pulpo1.webp");

}


/*==========================================================
LÍNEAS EDITORIALES
==========================================================*/

.decor-line-h{

    position:absolute;

    height:1px;

    background:rgba(23,56,57,.08);

}

.decor-line-v{

    position:absolute;

    width:1px;

    background:rgba(23,56,57,.08);

}


/*==========================================================
MARCO EDITORIAL
==========================================================*/

.decor-frame{

    position:absolute;

    inset:0;

    border:1px solid rgba(23,56,57,.08);

    pointer-events:none;

}


/*==========================================================
FLOAT
==========================================================*/

.decor-float{

    animation:decorFloat 12s ease-in-out infinite;

}

@keyframes decorFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

    100%{

        transform:translateY(0);

    }

}


/*==========================================================
RESPONSIVE
==========================================================*/

@media (max-width:768px){

    .decor{

        display:none;

    }

}