/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

@font-face {
    font-family: 'Geomanist';
    src: url('/wp-content/themes/bricks-child/assets/fonts/Geomanist/Geomanist-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Geomanist';
    src: url('/wp-content/themes/bricks-child/assets/fonts/Geomanist/Geomanist-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }

:root {
    --color-bg-grey: #B7ABAB;
    --color-bg-coral: #FF4D4D;
    --color-bg-blue: #007EC3;
    --color-bg-sky-blue: #32B8C6;
    --color-bg-green: #81BD58;
    --color-primary-earth: #4F4747;
    --color-primary-grey: #928585;
    --color-primary-choco:#3e2f2f;
    --color-fucsia: #e6006e;
    --color-odoo: #8d4885;
    --color-coder-green: #b5ff00;
    --color-coder-blue: #00c7e6;
    --color-coder-orange: #e69e00;
    --color-coder-yellow: #fff679;
    --color-secondary-orange: #ffc300;

    --left-bg-img: 50px;

    --box-rounded-radius: 10px;
    --padding-buttom: 10px;

    --font-poppins: "Poppins", Sans-serif;
    --font-geomanist: 'Geomanist', sans-serif;

    --menu-height:40px;
}

html {
    scroll-behavior: smooth;
	font-size:16px;
	height: initial;
}

body{
    color: var(--color-primary-choco);
    font-family: var(--font-geomanist);
    margin: 0;
}
#brx-content{
	scroll-margin-top: 100px; 
	width:initial;
}
.brxe-code {
    width: initial;
}
.jesuscrea-main a{
    color: var(--color-primary-choco);
}

.jesuscrea-main p{
    margin:0;
}

.jesuscrea-main li{
    list-style: none;
}
.jesuscrea-main ul{
    padding: 0;
    margin:0;
}
.jesuscrea-main-background{
    width:100%;
    height: 100vh;
    position: fixed;
    background:
        url("wp-content/uploads/2025/07/icon-traiwin-background.svg") center center no-repeat,
        linear-gradient(0deg, var(--color-bg) -60px, rgba(255, 255, 255, 1) 100%);
    background-size: 900px auto, cover; /* Ajusta según necesites */
    /* background-position: calc(50% + 100px) 0px; */
}

.jesuscrea-main .color-earth{
    color: var(--color-primary-earth)!important;
}

.jesuscrea-main .bg-earth{
    background: var(--color-primary-earth)!important;
}

.jesuscrea-main .color-coral{
    color: var(--color-bg-coral)!important;
}

.jesuscrea-main .color-odoo{
    color: var(--color-odoo)!important;
}

.jesuscrea-main .bg-odoo{
    background: var(--color-odoo)!important;
}

.jesuscrea-main .color-coder-green{
    color: var(--color-coder-green)!important;
}

.jesuscrea-main .color-coder-blue{
    color: var(--color-coder-blue)!important;
}

.jesuscrea-main .color-coder-orange{
    color: var(--color-coder-orange)!important;
}

.jesuscrea-main .color-coder-yellow{
    color: var(--color-coder-yellow)!important;
}

.jesuscrea-main .txt-c{
    text-align: center;
}

.tab-l{
    margin-left: 15px!important;
}

.char-space{
    margin: 0 3px!important;
}
.separator-line{
	border-bottom: 1px solid var(--color-primary-grey);
	margin: 30px 10px;
	width: 80%;
	max-width:700px;
}
.flex-cc{
    display: flex;
    justify-content: center;
    align-items: center;
}

.jesuscrea-main{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.content{
    display: flex;
    justify-content: center;
	flex-direction: column;
    align-items: center;
}
.content-title{
    text-align: center;
    /* color: black; */
}

#web-design{
    display: flex;
    max-width: 900px;
    margin: 10px 0px;
    padding: 0 20px;
    flex-direction: column;
    align-items: center;
	scroll-margin-top: 100px; 
}

/* estilos main-device */

.main-device, .main-coder{
    /* max-width: 70%; */
    display: flex;
    max-width: 1000px;
    margin: 30px auto;
    flex-direction: column;
    align-items: center;
    /* height: 500px; */
}

.frame-border{
    border: min(0.4vw, 3px) solid #9a9a9a;
    border-radius: min(2.5vw, 1.8rem);
    overflow: hidden;
}

.first-frame{
    overflow: hidden;
    background: #2c2727;
}

.second-frame{
    border-radius: min(2.2vw, 1.5rem);
    overflow: hidden;
    border: 2px solid #3e3d3d;
    background: #171212;
    margin: 0.3% 0.3% 3% 0.3% ;
}

    /* estilos slide  */
.wrap-slide{

}

.main-device .slide-item{
    display: flex;
    justify-content: center;
    position: relative;
    align-items: flex-end;
    transition: transform 0.5s ease;
    /* transition: transform 1s, left 1s; */
    max-width: 0;
    /* left: -100%; */
    /* max-height: 0; */
    overflow: hidden;
    flex-shrink: 0;
}

.main-device .slide-item .slide-description{
    position: absolute;
    text-align: center;
    bottom: 30px;
    font-size: 80%;
    padding: 8px 20px;
    background: #4f4747e0;
    border-radius: 5px;
    /* border: 1px solid var(--color-primary-earth); */
}

.main-device .slide-item .slide-description::before{
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.04);
    background: var(--color-primary-earth);
    border-radius: 5px;
    filter: blur(5px);
    opacity: 0.5;
}

.main-device .slide-item .slide-description:hover::before{
    background: var(--color-fucsia);
}

.main-device .slide-item .slide-description:hover{
    background: var(--color-fucsia);
}

.main-device .slide-item .slide-description a{
    display: flex;
    align-items: center;
    column-gap: 10px;
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    /* color: var(--color-primary-earth); */
    color: white;
    position: relative;
    z-index: 5;
}

.main-device .slide-item .slide-description a::after{
    content: '';
    position: relative;
    display: block;
    width: 7px;
    height: 7px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(-45deg);
}

.main-device .slide-item .slide-description a:visited{
    /* color: var(--color-primary-earth); */
    color: white;
}

.main-device .slide-item.active {
    /* transition: 1s; */
    max-width: 100%;
    /* left: 0%; */
    /* max-height: 100%; */
    transform: translateX(0%)!important;
    
}

.content-frame{
    position: relative;
    margin: 2.5% 1.5%;
    transition: 0.3s;
    width: 100%;
    /* max-height: 100%; */
    max-width: 1000px;
    transform: translateY(0%);
}

.content-frame img{
    width: 100%;
    /* transition: 0.5s; */
}
    /* Fin de estilos slide  */

.screen{
    display: flex;
    transition: 0.5s;
}

.spacing{
    position: relative;
    width: 10%;
    min-width: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.baseboard{
    width: 100%;
    max-width: 1000px;
    height: min(2vw, 20px);
    max-height: 40px;
    transition: max-width 0.5s;
}

.perfil{
    background: #1c1c1c;
    background: linear-gradient(90deg,rgba(28, 28, 28, 1) 0%, rgba(255, 255, 255, 1) 2%, rgba(135, 135, 135, 1) 10%, rgba(217, 217, 217, 1) 45%, rgba(217, 217, 217, 1) 55%, rgba(135, 135, 135, 1) 90%, rgba(255, 255, 255, 1) 98%, rgba(28, 28, 28, 1) 100%);
    width: 100%;
    height: 50%;
    overflow: hidden;
    /* border-radius: 15% 15% 0% 0%; */
}

.notch{
    position: relative;
    margin: auto;
    bottom: 40%;
    width: 15%;
    height: 100%;
    border-radius: 7px;
    background: linear-gradient(90deg,rgba(28, 28, 28, 1) 0%,  rgba(135, 135, 135, 1)  5%,  rgba(217, 217, 217, 1)50%, rgba(135, 135, 135, 1) 95%, rgba(28, 28, 28, 1) 100%);

}

.wrap-base{
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 40%;
    overflow: hidden;
}
.base{
    background: linear-gradient(0deg,rgba(28, 28, 28, 1) 0%, rgba(116, 116, 116, 1) 50%);
    width: 100%;
    height: 200%;
    border-radius: 45%;
}


/* botones de cambio de main-device */
.device-mode{
    display: flex;
    justify-content: center;
    column-gap: 20px;
}

.device-mode li{
    position: relative;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: auto;
}

.device-mode li p{
    position: absolute;
    text-align: center;
    font-size: 0.75rem;
    opacity: 0;
    transition: 0.5s;
    z-index: -1;
}

.device-mode .wrap-icon{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    margin: 5px;
    padding: 8px;
    /* background: black; */
    transition: 0.5s;
}

.device-control{
    margin-bottom: 10px;
}

.device-mode .wrap-icon{
    background: var(--color-primary-earth);
}

.device-mode .wrap-icon::before{
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    aspect-ratio: 1 / 1;
    width: 100%;
    background: var(--color-fucsia);
    border-radius: 50%;
    filter: blur(5px);
    opacity: 0;
}

.device-mode li:hover .wrap-icon, .main-device.desktop .device-mode .desktop .wrap-icon, .main-device.mobile .device-mode .mobile .wrap-icon{
    background: var(--color-fucsia);
    transform:  scale(1.1);
}

.device-mode li:hover .wrap-icon::before, .main-device.desktop .device-mode li.desktop .wrap-icon::before, .main-device.mobile .device-mode li.mobile .wrap-icon::before{
    opacity: 0.5;
}

.main-device .device-mode li.mobile:hover p, .main-device.mobile .device-mode li.mobile p{
    opacity: 1;
    transform: translatex(50px);
}

.main-device .device-mode li.desktop:hover p, .main-device.desktop .device-mode li.desktop p{
    opacity: 1;
    transform: translatex(-50px);
}


.icon{
    width: 25px;
    height: 25px;
    background-color: white;
}

.icon-desktop {
    mask: url(/wp-content/uploads/2025/07/icon-desktop.svg) no-repeat center;
}

.icon-mobile {
    mask: url(/wp-content/uploads/2025/07/icon-mobile.svg) no-repeat center;
}

@media screen and (max-width: 900px) {
	.main-device .slide-item.active .slide-description{
		height: fit-content;
		bottom: 10px;
        padding: 0px 20px;
		opacity: 0.9;
	}
}



/* Fin de botones de cambio de main-device */



/* estilos mobile */
.mobile-buttons{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.main-device.mobile .mobile-button{
    background: linear-gradient(90deg,rgba(90, 90, 90, 1) 50%, rgba(206, 206, 206, 1) 75%,  rgba(103, 103, 103, 1)100%);
    width: max(6px, 5%);
    height: max(30px, 8%);
    position: relative;
    left: -6%;
    z-index: -1;
    border-radius: 5px;
    margin: 3px 0;
}
.main-device.mobile .mobile-button:first-child{
    margin-bottom: 80%;
}

.content-frame.vertical{
    margin: 0;
}

.main-device.mobile{
    max-width: min(100%, 450px);
}
.main-device.mobile .frame-border{
    border-radius: min(4vw, 1.8rem);
}
.main-device.mobile .second-frame{
    border-radius: min(3.6vw, 1.7rem);
    margin: 0.5% 0.5% 7% 0.5%;
}
.main-device.mobile .content-frame{
    margin: 0;
}

/* Fin de estilos mobile */

.main-device.mobile .horizontal{
    max-width: 0;
    /* max-height: 0; */
    /* width: 0; */
    
    transform: translateY(-100%);
}

.main-device.desktop .vertical{
    max-width: 0;
    /* max-height: 0; */
    /* width: 0; */
    /* position: absolute; */
    transform: translateY(-100%);
}

/* .main-device.mobile .horizontal img{
    width: 0;
}
.main-device.desktop .vertical img{
    width: 0;
} */

.main-device.mobile .baseboard{
    max-width: 0;
}
.main-device.desktop .mobile-button{
    left: -20%;
    margin-bottom: 0;
}
/* Fin de cambio device */



/* carrusel de web */
.nav-carrusel{
    position: relative;
    width: 40px;
    height: 40px;
    border: 1px solid var(--color-primary-earth);
    border-radius: 50%;
    margin: auto;
    transition: 0.2s;
    cursor: pointer;
    pointer-events: auto;
    z-index: 10;
}

.nav-carrusel:hover{
    background: var(--color-fucsia);
    transform:  scale(1.1);
    color: white;
    border-color: transparent;
}

.nav-carrusel::after{
    content: '';
    position: absolute;
    left: 10px;
    top: 12px;
    width: 12px;
    height: 12px;
    border: solid var(--color-primary-earth);
    border-width: 0 3px 3px 0;
    transform: rotate(-45deg);
}

.nav-carrusel:hover::after{
    border-color: white;
}
.nav-carrusel:hover::before{
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    aspect-ratio: 1 / 1;
    width: 100%;
    background: var(--color-fucsia);
    border-radius: 50%;
    filter: blur(5px);
    opacity: 1;
}
.nav-carrusel.nav-left:hover::before{
    top: -5px;
}

.nav-left{
    transform: rotate(180deg);
}

.nav-left:hover{
    transform: scale(1.1) rotate(180deg);
}
/* Fin de carrusel de web */


/* estilos quien soy  */
#whois{
    display: flex;
    column-gap: 30px;
    max-width: 900px;
    margin: 10px 40px 40px 40px;
	scroll-margin-top: 100px; 
	border-bottom: 1px solid var(--color-primary-grey);
}
#whois .photo img{
    max-width: 400px;
}

#whois .photo{
    max-width: 440px;
    min-width: 440px;
    background: url('/wp-content/uploads/2025/08/jesus-perfil-hd.webp');
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

#whois .perfil-description{
    position: relative;
}

#whois .perfil-description .content-title{
    /* position: relative;
    margin-top: 0; */
}

#whois .perfil-description .content-icon{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 0;
    max-width: 350px;
    margin: auto;
}

#whois .perfil-description .content-icon img{
    width: auto;
    max-width: 40px;
    height: 50px;
}

#whois .perfil-description .block{
    margin: 35px 0;
}

@media screen and (max-width: 900px) {
    #whois{
        flex-direction: column;
        align-items: center;
/*         max-width: 400px; */
/*         margin: 10px 10px; */
    }
    #whois .photo{
        position: fixed;
        height: 100%;
        z-index: -1;
		width:100%;
		background-size: contain;
    }
    #whois .photo::after{
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #ffffffd9;
    }
    #whois .perfil-description .content-title{
        position: relative;
        /* margin-top: 85%; */
    }
}

/* Fin de estilos quien soy  */


/* estilos diseño odoo  */
.main-coder .second-frame{
    margin: 0.3% 0.3% 0.3% 0.3%;
}

.main-coder .spacing{
    justify-content: initial;
}
.main-coder .spacing .nav-carrusel{
    margin: 0 auto;
	top: 290px;
}

.coder{
    width: 100%;
    min-height: 300px;
}
.bar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* width: 100%; */
    padding: 3px 15px;
    background: #171212;
    border-bottom: 2px solid black;
}

.bar-buttons{
    display: flex;
    align-items: center;
    column-gap: 3px;
    width: 40px;
}

.bar-buttons .button{
    width: 10px;
    height: 10px;
    background: grey;
    border-radius: 50%;
}

.bar-title{
    width: 100%;
    text-align: center;
    color: grey;
    font-weight: 600;
    font-size: 0.8rem;
}

.coder-content{
    display: flex;
    align-items: flex-start;
/*     overflow-y: auto;
    overflow-x: hidden; */
/*     max-height: 550px; */
    scrollbar-width: thin;
    scrollbar-color: #888 #3e3d3d;
    position: relative;
}
.coder-lines{
	width:50px;
}

.coder-lines p{
    width: 50px;
    font-weight: 600;
    text-align: right;
    font-family: monospace;
    white-space: pre;
    color: #3e3d3d;;
    padding: 0 10px;
    border-right: 1px solid #3e3d3d;
	position:absolute;
}

    /* slide  */
.coder-content .slide-item{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    margin: 10px 10px;
    color: white;
    max-width: 0;
    transition: transform 0.5s ease;
    /* white-space: pre; */
    overflow: hidden;
    left: 0;
    /* flex-shrink: 0; */
}
.coder-content .slide-item.active {
    max-width: calc(100% - 65px);
    transform: translateX(0%)!important;
    position: relative;
    
}

.coder-content .slide-item .odoo-title{
    font-size: 0.8rem;
}
.coder-content .slide-title{
    font-size: min(1.5rem, 3.2vw);
    margin: 0;
    /* color: var(--color-coder-green); */
}

.coder-content .block-description{
    max-width: 500px;
    font-family: monospace;
    padding-top: 5px;
}
.coder-content .block-description p{
    /* width: 100%; */
    font-size: 0.8rem;
    padding: 2px 0;
}

.coder-content .block-description .short-description{
    /* display: flex;
    align-items: center; */
    column-gap: 10px;
    overflow: hidden;
}

.coder-content .block-description .short-description img{
    width: 55px;
    height: 55px;
    margin-right: 10px;
    margin-top: 5px;
    float: left;
}

.text-link:hover{
    background: var(--color-fucsia);
    transform:  scale(1.1);
    color: white;
    padding: 3px 5px;
    border-color: transparent;
    border-radius: 2px;
    position: relative;
    z-index: 5;
}

.text-link:hover::before{
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    /* aspect-ratio: 1 / 1; */
    width: 100%;
    height: 100%;
    background: var(--color-fucsia);
    /* border-radius: 50%; */
    filter: blur(5px);
    opacity: 1;
    z-index: -1;
}


/* Fin de estilos diseño odoo  */



/* estilos documentacion odoo  */
#odoo-app{
	scroll-margin-top: 100px; 
}
.main-odooapp{
    max-width: 700px;
    margin: 30px;
}

.main-odooapp h2{
    font-size:1.5rem;
}
.main-odooapp h3{
    font-size:1.2rem;
}
.main-odooapp .in-dev{
    margin-bottom:20px;
}

.main-odooapp .content-title{
    margin-bottom:20px;
}

.main-odooapp #index li{
    margin-left: 10px;
    padding: 5px;
    /* background: grey; */
}

.main-odooapp #index a{
    font-size: 1rem;
    font-weight: 600;
}

.main-odooapp .usage-screenshots .screenshot{
    padding: 30px 0px 10px 0px;
    border-bottom: 1px solid var(--color-bg-grey);
}

.main-odooapp .usage-screenshots img{
    width: 100%;
}

.main-odooapp .usage-screenshots .screenshot .video{
    display: block;
    position: relative;
    width: 50%;
    margin: auto;
}
.main-odooapp .usage-screenshots .screenshot .video::after{
    content: "";
    display: flex;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2025/07/youtube-icon.png);
    background-position: center center;
    background-size: 80px auto;
    background-repeat: no-repeat;
}

.main-odooapp a{
    text-decoration: none;
    color: var(--color-primary-choco);
}

.main-odooapp .usage-screenshots .array-img{
    display: flex;
    justify-content: space-between;
}
.main-odooapp .usage-screenshots .array-img .screenshot{
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
    border: none;
}

.main-odooapp .usage-screenshots .array-img .screenshot p{
    font-size: 0.85rem;
}
.main-odooapp .usage-screenshots .array-img .screenshot img{
    width: 80%;
    background: rgb(241, 241, 241);
    padding: 5px;
    border-radius: 5px;
}

@media screen and (max-width: 800px) {
    .main-odooapp{
        max-width: 100%;
		width: initial;
    }
}
/* Fin de estilos documentacion odoo  */



/* HEADER  */
#header{
    width: 100%;
    position: fixed;
    background:white;
    height: 95px;
    z-index: 100;
}
.header-spacing{
    width: 100%;
    height: 95px;
}
#header .logo{
    display: flex;
/*     width: 100%; */
    margin: 10px;
}
#header .logo a{
    margin:auto;
}

#header .logo img{
    width: 150px;
    margin: auto;
}
#header .content-menu{
    width: 100%;
    display: flex;
    justify-content: center;
}
#header .menu{
    display: flex;
}
#header .menu-space.center ul .v-line{
	border-left: 1px solid white;
    height: 20px;
}
#header .menu-space img{
    height: var(--menu-height);
}
#header .menu-space.center{
    display: flex;
    width: min(620px, 70vw);
    position: relative;
}
#header .menu-space.center .puntero{
    position: absolute;
    top: -10px;
    transition: 0.5s;
	pointer-events: none;
}
#header .menu-space.center .puntero img{
    width: 15px;
}
#header .menu-space.center ul{
    display: flex;
    justify-content: center;
    align-items: center;
    background:black;
    width: 100%;
    height: var(--menu-height);
}
#header .menu-space.center ul li{
    display: flex;
    align-items: center;
/*     border-left: 1px solid white; */
    height: fit-content;
}
/* #header .menu-space.center ul li:first-child{
    border-left: none;
} */
#header .menu-space.center ul li a{
    text-decoration: none;
    color: white;
    font-weight: 600;
    padding: 0px 10px;
    transition: 0.5s;
/* 	height: 40px; */
	padding: 7px 10px;
    display: flex;
    align-items: center;
}

#header .menu-space.center ul li a:hover{
/*     transform: translateY(7px); */
	padding: 15px 10px 0px 10px;
}

#header .menu-space.center ul li.active a{
/*     transform: translateY(7px); */
	padding: 15px 10px 0px 10px;
}
@media screen and (max-width: 700px) {
    #header .menu-space.center ul li a{  
        font-size: 2.4vw;
        padding: 0px 7px;
    }
	#header .menu-space.center ul li a:hover{
		padding: 15px 7px 0px 7px;
	}

	#header .menu-space.center ul li.active a{
		padding: 15px 7px 0px 7px;
	}
}
/* FIN DE HEADER  */


/* FOOTER  */
#footer{
	scroll-margin-top: 100px; 
}
footer{
    width: 100%;
    bottom: 0;
    display: flex;
    background: var(--color-secondary-orange);
    position: relative;
    z-index: 99;
    align-items: flex-end;
	justify-content: center;
}
footer a{
    text-decoration: none;
}
footer .content-footer{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0px 0 0px;
    flex-direction: column;
}
footer .menu{
    display: flex;
    position: relative;
    height: fit-content;
	margin: 5px 0;
}
footer .menu-space{

}
footer .menu-space img{
    height: 31px;
}
footer .menu-space.center{
    display: flex;
    width: min(620px, 70vw);
    position: relative;
    background:black;
    font-size: 0.7rem;
    text-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
footer .menu-space.center .copyright{
    color: white;
    padding: 0 10px;
}
footer .menu-space.center ul{
    display: flex;
    /* justify-content: center; */
    align-items: center;
    /* background:black; */
    /* width: 100%; */
}
footer .menu-space.center ul li{
    display: flex;
    align-items: center;
    border-left: 1px solid white;
    height: fit-content;
}
footer .menu-space.center ul li:first-child{
    border-left: none;
}
footer .menu-space.center ul li a{
    color: var(--color-secondary-orange);
    padding: 0px 10px;
    transition: 0.3s;
}

footer .menu-space.center ul li a:hover{
    transform: translateY(-5px);
}

.whois-footer{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
    max-width: 220px;
    margin: 20px;
}
.whois-footer .logo{
    width: 150px;
}
.whois-footer .description{
    
}
.whois-footer .description p{
    font-size: 0.8rem;
}

footer .subcontent{
    display:flex;
    justify-content: space-evenly;
    width: 100%;
    flex-wrap: wrap;
	max-width: 900px;
}
footer .links-footer{
    margin: 20px;
}
footer .links-footer .odoo-app-links, footer .contact{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    font-size: 0.8rem;
}
footer .links-footer .odoo-app-links li{
    font-weight: 600;
    margin: 6px 0;
}
footer .links-footer .odoo-app-links li a{
    display: flex;
    transition: 0.3s;
}
footer .links-footer .odoo-app-links li a:hover{
    transform: translateY(-3px);
}
footer .links-footer .odoo-app-links>p{
	font-size: 1.2rem;	
}

@media screen and (max-width: 700px) {
    /* footer .menu-space.left, footer .menu-space.right{
        display: none;
    } */
    footer .menu-space img{
        /* display: none; */
        height: 40px;
    }
    footer .menu-space.center{
        /* height: initial; */
        flex-direction: column;
        justify-content: center;
        height: 40px;
        row-gap: 3px;
    }
}
/* FIN DE FOOTER  */



/* paginas legales */

#legal-page{
    max-width: 900px;
    margin: 40px auto; 
}

#legal-page::before{
    content: "";
    background-color: #eeeeee;
    mask: url(/wp-content/uploads/2025/07/pluma-diagonal.svg) no-repeat center center;
    mask-size: contain;
    position: fixed;
    width: 100%;
    height: 85%;
    left: 0;
    z-index: -1;
}

#legal-page p{
    margin-bottom: 0.8rem;
}

#legal-page section{
    margin-bottom: 1.5rem;
}
#legal-page h3, #legal-page #cmplz-document h2{
     font-size:1.3rem;
}
#legal-page h4{
     font-size:1.1rem;
} 
#legal-page h2{
     font-size:2.5rem;
	text-align:center;
	margin:20px;
}
#legal-page h1{
	text-align:center;
}

#legal-page .logo{
	max-width: 600px;
    margin: 20px auto;
}
#legal-page li{
	list-style: disc;
    margin: 0 0 10px 25px
}

@media screen and (max-width: 700px) {
	#legal-page{
		margin: 20px; 
	}
}

/* Fin de paginas legales */




/* Formulario de contacto */
footer #contacto{
    margin: 20px;
    height: 100%;
}

footer #contacto>p{
	font-size: 1.2rem;
    text-align: center;
}
footer #contacto form{
	
}
footer #contacto .formulario{
	width: min(620px, 70vw);
}

footer #contacto .formulario>p>label{
	color: var(--color-primary-choco);
	margin: 10px 0 0px 0;
}
footer #contacto .formulario p label span input{
	border-radius: 5px;
}
footer #contacto .formulario p span textarea{
	border-radius: 5px;
	resize: vertical;
}
footer #contacto .formulario .text-acepta-rgpd{
	color: var(--color-primary-choco);
}
footer #contacto .formulario .text-acepta-rgpd a{
	font-weight:600;
}
footer #contacto .formulario .form-submit input[type="submit"]{
  	all: unset;
    cursor: pointer;
    text-align: center;
    font-size: 80%;
    padding: 6px 25px;
    background: #4f4747e0;
    border-radius: 5px;
    color: white;
    font-size: 1rem;
}
footer #contacto .formulario .form-submit input[type="submit"]:hover{
	background: var(--color-fucsia);
}


/* Fin de Formulario de contacto */

/* banner de cookies */

@media (max-width: 768px) {
    #cmplz-cookiebanner-container {
        width:100%;
    }
}

/* Fin de banner de cookies */