/*
Theme Name: CN
Theme URI: https://comprandonegocios.com
Author: VEA Marketing
Author URI: https://veamkt.com/
Description: Tema personalizado para Comprando Negocios
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.0
Text Domain: CN
Tags: blog, one-column, two-columns, block-patterns, block-styles, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, footer-widgets, full-site-editing, full-width-template, sticky-post, template-editing, threaded-comments, translation-ready, wide-blocks

*/

/* 

colores:
naranja mas oscuro: #E7362C
naranja mas claro: #EB5C20
*/

:root{
    scroll-behavior: smooth;
}

h2{
    color: #E7362C !important;
}

.montfont{
     font-family: "Montserrat", sans-serif;
}

.text-shadow{
    text-shadow: 3px 3px 0px rgb(0 0 0 / 21%);
}

.logo-banner{
    width: 80%;
    align-self: center;
}


.hero-back{
    margin-block-start: 0;
    padding-top: 0;
    padding-bottom: 0;
    background: url(assets/images/hero/fondo-main.jpg) no-repeat;
    background-size: 100% 100%;
}

.wp-block-template-part .wp-block-group.leadplatter-roofing-header-one-dark-meta {
    margin-block-start: 0;
    font-size: var(--wp--preset--font-size--normal);
    background-color: #E7362C !important;
    display: block!important;
    padding-top: var(--wp--preset--spacing--5);
    padding-bottom: var(--wp--preset--spacing--5);
}

/* color de los iconos de redes */
.leadplatter-roofing-header-one-dark-social li {
    background: #EB5C20!important;
    color: white!important;
}

.leadplatter-roofing-header-one-dark-nav{
    flex-basis: 100% !important;
}

hr.wp-block-separator{
    width: 100%;
    border-width: 1px;
    color: gray;
}

header{
    position: sticky;
    top: 0;
    left: 0;
    z-index: 100;
}

.subfooter{
   background: url(assets/images/back.jpg) no-repeat !important;
    background-size: 100% 100% !important;
}
.footer.footerf{
    background-color: #E7362C !important;
}

.leadplatter-roofing-header-one-dark-main{
     background: url(assets/images/back.jpg) no-repeat !important;
    background-size: 100% 100% !important;
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
}



.leadplatter-roofing-header-one-dark-logo{
    padding: 0 !important;
}

.contenedor-cuadro {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.cuadro {
    background-color: #f5f5f5;
    padding: 0;
    text-align: center;
    width: 100%;
    transition: transform 0.3s ease-in-out;
    gap: 1rem !important;
    padding-bottom: 20px;
}

.cuadro h3{
   width: 100%;
    background: #EB5C20;
    color: white;
}

.cuadro:hover {
    transform: scale(1.05);
}

.cuadro h2 {
    font-size: 1.2em;
    font-weight: bold;
    color: #333;
}

.cuadro p {
    font-size: 1em;
    color: #666;
    margin: auto !important;
}

.element-back{
        position: absolute;
    top: 0;
    right: 0;
}

.heading-card{
    background-color: #EB5C20;
    padding: 1rem 2rem;
    color: white;
    font-weight: 400;
        font-size: larger !important;
}

.content-card{
    padding: 2rem;
}

.servicios-cards{
    justify-content: stretch;
    align-items: stretch;
}

.is-style-leadplatter-roofing-services{
    gap:1rem;
    margin: 0 !important;
}

.is-style-leadplatter-roofing-services-item{
    height: 100%;
}


.header-content{
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.main-ubicacion {
    width: 80%;
}

.back-triangle{
    background: url(assets/images/who-back-2.png) no-repeat left center;
    background-size: auto 100%;
    padding-bottom: 15rem !important;
    padding-top: 20rem !important;
}

.back-gray{
    background: url(assets/images/back-gray.jpg) no-repeat left center;
    background-size: 100% 100%;
}

.is-style-leadplatter-roofing-dark-menu .wp-block-navigation-item:hover {
    background: none!important;
    border-radius: 8px;
}
.wp-block-site-logo {
    padding: 0.5rem;
}

.wp-block-list li{
    padding-bottom: 1rem;
}

.btn-wsp{
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    transition: transform 0.3s ease-in-out;
}

.btn-wsp:hover{
    transform: scale(1.1);
}

@media screen and (max-width: 780px) {
.leadplatter-roofing-header-one-dark-logo
 {
        background-color: unset!important;
    }

        .leadplatter-roofing-header-one-dark-nav {
         background-color: white!important;
    }

    li.wp-block-navigation-item.wp-block-navigation-link {
    color: #E7362C;
    border-bottom: 1px solid #E7362C;
}
}
@media screen and (max-width: 680px) {
    .wp-container-core-group-is-layout-b757edec {
        grid-template-columns: repeat(1, minmax(0, 1fr))!important;
    }

    :root :where(.is-layout-flex) {
    gap: 1rem!important;
    }

    .logo-banner {
    width: 100%;
}
}