/*BLOCKS*/
:root {
    --orience-hero-square: #DDB32B;
    --orience-border-cards: #DDB32B;
    --orience-midSquare-cover: #DDB32B;
}

.orSeparator{
    max-width: 225px!important;
    height: 6px!important;
    margin: 0!important;
}

.noPaddingTopBottom{
	padding-top: 0!important;
	padding-bottom: 0!important;
	margin-top: 0!important;
	margin-bottom: 0!important;
}

@media (max-width: 768px){
	.tooBigLetters{
		font-size: 1.5rem!important;
	}
}



/*FONDOS*/

.orCover{
    margin-right: calc(var(--wp--style--root--padding-right) * -1)!important;
    margin-left: calc(var(--wp--style--root--padding-left) * -1)!important;
    margin-top: 0!important;
    margin-bottom: 0!important;
}


.orHero.orCover{
    padding: calc(285px - 3%) 90px 120px calc(10% + 100px);
}

@media only screen and (max-width: 1300px){
    .orHero.orCover:after{
        content: '';
        background-color: transparent;
    }

    
}


@media screen and (min-width: 768px) and (max-width:1446px){
	.orHero.orCover{
        padding: 200px 15px 80px 15px!important;
    }
}

@media only screen and (max-width: 768px){
	.orHero.orCover{
        padding: 150px 15px 80px 15px!important;
    }
}

/*
.orCoverContent{
    margin-top: 0!important;
    margin-bottom: 0!important;
}

.orHero.orCover.amarillo{
    --orience-hero-square: var(--wp--preset--color--primary);
}

.orHero.orCover.verde{
    --orience-hero-square: var(--wp--preset--color--secondary);
}

.orHero.orCover:after{
    content: "";
    position: absolute;
    min-height: 285px;
    min-width: 285px;
    background-color: var(--orience-hero-square);
    top: 15%;
    left: 15%;
    z-index: 0;
}

.orHero.orCover .wp-block-group{
    padding: 0 !important;
}


.orCover.midSquare.amarillo{
    --orience-midSquare-cover: var(--wp--preset--color--primary);
}

.orCover.midSquare.verde{
    --orience-midSquare-cover: var(--wp--preset--color--secondary);
}

.orCover.midSquare{
    position: relative!important;
}

.orCover.midSquare:after{
    content: "";
    position: absolute;
    min-height: 80%;
    min-width: 40%;
    background-color: var(--orience-midSquare-cover);
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 0;
}

@media only screen and (max-width: 667px){
    .orCover.midSquare:after{
        content: '';
        background-color: transparent;
    }

    .orCover.imgTransform{
        background-image: none!important;
    }
}
*/
/*CARDS*/

.cardColorBorder.amarillo{
    --orience-border-cards: var(--wp--preset--color--primary);
}

.cardColorBorder.verde{
    --orience-border-cards: var(--wp--preset--color--secondary);
}

.cardColorBorder.negro{
    --orience-border-cards: #222222;
}

.cardColorBorder{
    border-top-color: var(--orience-border-cards)!important;
    border-right-color: var(--orience-border-cards)!important;
    border-bottom-color: var(--orience-border-cards)!important;
    border-left-color: var(--orience-border-cards)!important;
}

/*QUERY*/
.orReadMore{}

/*BUTTONS*/
.wp-block-button.buttonPlusIcon a{
    display: flex;!important;
    justify-content: space-between;
    align-items: center;
}

.buttonPlusIcon a:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    background-image: url("../img/orience_arrow_white.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.buttonPlusIcon.amarillo a:after {
    background-image: url("../img/orience_arrow_yellow.svg");
}

.buttonPlusIcon.negro a:after {
    background-image: url("../img/orience_arrow_black.svg");
}

/*SLIDER*/
.superblockslider{
    max-width: 100vw!important;
    margin: 0!important;
}

@media only screen and (max-width: 667px){
    .superblockslider{
        min-height: 100vh!important;
    }

    .ratingSlider article .wp-block-column{
        padding: 0 !important;
    }

    .ratingSlider article .wp-block-column .wp-block-group{
        padding: 10px !important;
    }
}

.superblockslider__slide__overlay{
    opacity: 1!important;
}
.superblockslider__slide_inner{
    padding-bottom: 0!important;
    overflow: visible!important;
}

/*CLASS FOR IMAGES WITH SQUARES*/
.imageWithSquares{
    position: relative;
    padding: 0 0 0 5%;
}

.imageWithSquares img{
    aspect-ratio: 10/16!important;
}

.imageWithSquares::before{
    content: '';
    position: absolute;
    width: 7vw;
    height: 7vw;
    top: -5%;
    left: -8%;
    background-color: var(--wp--preset--color--primary);
}

.imageWithSquares::after{
    content: '';
    position: absolute;
    width: 5vw;
    height: 5vw;
    bottom: -3%;
    left: -5%;
    z-index: -1;
    background-color: var(--wp--preset--color--secondary);
}

.imageWithSquares.reverse::before{
    content: '';
    position: absolute;
    width: 7vw;
    height: 7vw;
    top: -5%;
    left: 90%;
    z-index: -1;
    background-color: var(--wp--preset--color--secondary);
}

.imageWithSquares.reverse::after{
    content: '';
    position: absolute;
    width: 5vw;
    height: 5vw;
    bottom: -3%;
    left: -5%;
    z-index: 1;
    background-color: var(--wp--preset--color--primary);
}

/* Timeline*/
.orienceTimeline .uagb-timeline__arrow{
    display: none;
}

.orienceTimeline .uagb-timeline__events-inner--content{
    border: 1px solid var(--wp--preset--color--primary);
    border-radius: 5px;
}

.bulletPointsHistory p img{

}
.bulletPointsHistory p mark{
    padding-left: 8px;
}

@media only screen and (max-width: 790px){
    .wp-block-uagb-content-timeline article .uagb-timeline__day-new{
        margin-left: 10px!important;
    }

    .wp-block-uagb-content-timeline article .uagb-timeline__day-new .uagb-timeline__events-inner--content{
        padding: 10px!important;
    }
}

/*Image Link Card*/
@media only screen and (max-width: 977px){
    .imageLinkCard{
        align-items: stretch!important;

    }

    .imageLinkCard .wp-block-uagb-image__figure img{
        height: 270px !important;
    }

    .imageLinkCard .uagb-image-separator,
    .imageLinkCard .uagb-image-caption{
        display: none!important;
    }
}

.mobileFlagsLayout{
		display: block;
		
	}
	.desktopFlagsLayout{
		display: none;
	}


/*Float cards*/
@media (max-width: 768px) {
	.floatElementCard{
		border-radius: 10px!important;
	}
	.floatElementCard .wp-block-column{
	padding: var(--wp--style--root--padding-right) !important;
	}
}


/*Flags view*/
@media (min-width: 768px) {
	.mobileFlagsLayout{
		display: none;
		
	}
	.desktopFlagsLayout{
		display: block;
	}
}


/*New home posts layout*/

/* Layout principal */
.homePosts {
    margin: 0 auto;
    padding: 0!important;
}

.homeSinglePost {
    list-style: none;
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr;
}


/* Layout para desktop */
@media (min-width: 768px) {
    .homeSinglePost {
        grid-template-columns: 4fr 3fr;
        grid-template-rows: auto auto auto;
    }

    .homeSinglePost li:nth-child(1) {
        grid-column: 1;
        grid-row: 1 / 4;
		align-self: start;
    }

    .homeSinglePost li:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
        
    }

    .homeSinglePost li:nth-child(3) {
        grid-column: 2;
        grid-row: 2;
    }

    .homeSinglePost li:nth-child(4) {
        grid-column: 2;
        grid-row: 3;
    }
	
	.homeSinglePost li:nth-child(2),
	.homeSinglePost li:nth-child(3),
	.homeSinglePost li:nth-child(4){
		margin-top: 0!important;
	}
}

/* Estilos para cada post dentro de homeSinglePost */
.homeSinglePost .wp-block-post {
    background: white;
    overflow: hidden;
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
}

.homeSinglePost .wp-block-post:hover {
    transform: translateY(-5px);    
}

/* Layout horizontal para posts 2, 3 y 4 en desktop */
@media (min-width: 768px) {
    .homeSinglePost li:nth-child(n+2).wp-block-post {
        flex-direction: row!important;
		gap: 20px!important;
        align-items: stretch;
    }

    .homeSinglePost li:nth-child(n+2) .wp-block-post-featured-image {
        flex: 0 0 120px!important;
        min-height: 100px;
		min-width: 40%!important;
    }

    .homeSinglePost li:nth-child(n+2) .wp-block-post-featured-image img {
        height: 100%!important;
        min-height: 100px;
    }

    .homeSinglePost li:nth-child(n+2) .contentSinglePostHome {
        flex: 1;
        display: flex;
        flex-direction: column;
    }
	

}

/* Wrapper para el contenido de los posts horizontales */
.homeSinglePost li:nth-child(n+2).wp-block-post > *:not(.wp-block-post-featured-image) {
    flex: 1;
}

@media (min-width: 768px) {
    .homeSinglePost li:nth-child(n+2) .wp-block-post > *:not(.wp-block-post-featured-image) {
        padding: 15px;
    }
}

.homeSinglePost .wp-block-post-featured-image {
    margin: 0;
    overflow: hidden;
}

.homeSinglePost .wp-block-post-featured-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.homeSinglePost .wp-block-post:hover .wp-block-post-featured-image img {
    transform: scale(1.05);
}

.homeSinglePost .wp-block-spacer {
    display: none;
}

.homeSinglePost .wp-block-post-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 20px 20px 10px;
    line-height: 1.4;
    color: #1a1a1a;
}

/* Título más grande para el post principal */
@media (min-width: 768px) {
    .homeSinglePost li:nth-child(1) .wp-block-post-title {
        font-size: 1.75rem;
        margin: 30px 30px 15px;
    }

    /* Títulos más pequeños para posts horizontales */
    .homeSinglePost li:nth-child(n+2) .wp-block-post-title {
        font-size: 1.1rem;
        margin: 0 0 10px 0;
    }
	
	.homeSinglePost li:nth-child(1) .wp-block-post-featured-image,
	.homeSinglePost li:nth-child(1) .wp-block-post-featured-image img{
		height: 300px!important;
	}
}

.homeSinglePost .wp-block-post-excerpt {
    margin: 0 20px 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (min-width: 768px) {
    .homeSinglePost li:nth-child(1) .wp-block-post-excerpt {
        margin: 0 30px 30px;
    }

    .homeSinglePost li:nth-child(n+2) .wp-block-post-excerpt {
        margin: 0;
        flex-grow: 1;
    }
}

.homeSinglePost .wp-block-post-excerpt__excerpt {
    color: #666;
    font-size: 0.95rem;
    line-height: 1.5;
    margin-bottom: 15px;
}

/* Extracto más pequeño para posts horizontales */
@media (min-width: 768px) {
    .homeSinglePost li:nth-child(n+2) .wp-block-post-excerpt__excerpt {
        font-size: 0.85rem;
        margin-bottom: 10px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

.homeSinglePost .wp-block-post-excerpt__more-text {
    margin-top: auto;
}

.homeSinglePost .wp-block-post-excerpt__more-link {
    color: #222222;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9rem;
    transition: color 0.3s ease;
}

.homeSinglePost .wp-block-post-excerpt__more-link:hover {
    color: #DDB32B;
    text-decoration: none;
}

/* Responsive para móvil */
@media (max-width: 767px) {
    .homePosts {
        padding: 15px;
    }

    .homeSinglePost {
        gap: 20px;
    }

    .homeSinglePost .wp-block-post-title {
        font-size: 1.1rem;
        margin: 15px 15px 8px;
    }

    .homeSinglePost .wp-block-post-excerpt {
        margin: 0 15px 15px;
    }

    .homeSinglePost .wp-block-post-excerpt__excerpt {
        font-size: 0.9rem;
    }
}