/*conectado*/

body {
    width: 100%;
    max-width: 2000px;
    min-width: 350px;
    margin-inline: auto!important;
    background-color: white;
}
.ct-container-fluid {
	width:100%!important;
}
.ct-container-full {
	padding-bottom: 0!important;
}

[data-menu]>ul>li[class*=current-menu-]>a:before, [data-menu]>ul>li[class*=current-menu-]>a:after {
        background-color: #ed9615!important;
}

/* Menú activo y hover */
[data-menu] > ul > li[class*="current-menu-"] > a::before,
[data-menu] > ul > li[class*="current-menu-"] > a::after,
[data-menu] > ul > li:hover > a::before,
[data-menu] > ul > li:hover > a::after {
    background-color: #ed9615 !important;
}


.entry-content.is-layout-constrained{
margin-top: -81px;
}

/* =========================================
   DVIA - EL SOL Y LA LUNA
========================================= */

.dvia-esl-container {	

    --dvia-esl-max-width: 700px;
    --dvia-esl-hero-height: 400px;
    --dvia-esl-card-overlap: 40px;

    --dvia-esl-orange: #fe9ef4;
    --dvia-esl-turquoise: #f6dd80;
    --dvia-esl-dark: #101116;
    --dvia-esl-cream: #fffefe;

    position: relative;
    width: 100%;
   /* min-height: 100vh;*/

    background-color: var(--dvia-esl-cream);

    background-image: url(
        "https://boutiquesqc.ca/afrocuba/wp-content/uploads/sites/9/2026/10/salon-de-coiffure-drummondville.jpg"
    );

    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;

    box-sizing: border-box;
}
.dvia-esl-container .afroc-link {
    text-decoration: none;
    color:white;
}
.dvia-esl-container *,
.dvia-esl-container *::before,
.dvia-esl-container *::after {
    box-sizing: border-box;
}

/* =========================================
   INNER
========================================= */

.dvia-esl-inner {
	padding-top: 40px;
    position: relative;
    width: min(94%, var(--dvia-esl-max-width));
    margin-inline: auto;
}

/* =========================================
   HERO
========================================= */

.dvia-esl-hero {
    min-height: var(--dvia-esl-hero-height);
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.dvia-esl-hero-content {
    width: 100%;
    max-width: 310px;
    color: #fff;
	        background-color: #1612129e;
        border-radius: 20px;
        padding: 10px;
}

.dvia-esl-title {
    margin: 0 0 10px;

    font-family: "Oswald", "Arial Narrow", sans-serif;
    font-size: clamp(26px, 2.5vw, 36px);
    font-weight: 800;
    line-height: 1.12;
    text-transform: uppercase;
    color: #fff;
}

.dvia-esl-title span {
    display: inline;
}

.dvia-esl-orange {
    color: var(--dvia-esl-orange);
}

.dvia-esl-turquoise {
    color: var(--dvia-esl-turquoise);
}

.dvia-esl-description {
    margin: 0 0 18px;
    font-size: 13px;
    line-height: 1.45;
    color: #fff;
}

/* =========================================
   BOTONES
========================================= */

.dvia-esl-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 0;
    border-radius: 30px;
    padding: 11px 20px;

    font-family: "Oswald", "Arial Narrow", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;

    cursor: pointer;
    transition: background-color .25s ease,
                transform .25s ease;
}

.dvia-esl-button-primary {
    background-color: var(--dvia-esl-orange);
    color: #fff;
}

.dvia-esl-button-primary:hover {
    background-color: #cf5c24;
    color: #fff;
    transform: translateY(-2px);
}

/* =========================================
   TARJETAS
========================================= */

.dvia-esl-cards {
    position: relative;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;

   /* margin-top: calc(-1 * var(--dvia-esl-card-overlap));*/
    margin-bottom: 22px;

    z-index: 2;
}

.dvia-esl-card {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    /*aspect-ratio: 2.25 / 1;*/

    padding: 12px 16px;

    text-align: center;
    color: #fff;

    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;

    transition: transform .25s ease;
}

.dvia-esl-card:hover {
    transform: translateY(-5px);
}

.dvia-esl-card-green {
    background-image: url(
        "https://boutiquesqc.ca/afrocuba/wp-content/uploads/sites/9/2026/10/afrocubain-card-2.png"
    );
}

.dvia-esl-card-pink {
    background-image: url(
        "https://boutiquesqc.ca/afrocuba/wp-content/uploads/sites/9/2026/10/afrocubain-card-3.png"
    );
}

.dvia-esl-card-orange {
    background-image: url(
        "https://boutiquesqc.ca/afrocuba/wp-content/uploads/sites/9/2026/10/afrocubain-card-1.png"
    );
}

.dvia-esl-card-title {
    margin: 0 0 5px;

    font-family: "Oswald", "Arial Narrow", sans-serif;
    font-size: clamp(15px);
    font-weight: 800;
    line-height: 1.1;

    text-transform: uppercase;
    color: #fff;
}

.dvia-esl-card-description {
    margin: 0;
    font-size: 12px;
    line-height: 1.3;
    white-space: pre-line;
    color: #fff;
}

.dvia-esl-card-link {
    margin-top: 5px;
    padding: 2px 5px;

    border: none;
    background: transparent;

    color: #fff;
    font-size: 11px;
    font-weight: 700;

    cursor: pointer;
    transition: color .2s ease;
}

.dvia-esl-card-link:hover {
    background: transparent;
    color: #ffe1a6;
}

/* =========================================
   GALERÍA
========================================= */

.dvia-esl-gallery-section {
    padding: 0 0 28px;
    text-align: center;
}

.dvia-esl-gallery-title {
    margin: 0 0 14px;

    font-family: "Oswald", "Arial Narrow", sans-serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 1.2;

    color: #27221f;
}

.dvia-esl-gallery {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.dvia-esl-gallery-item {
    min-width: 0;
    overflow: hidden;
    border-radius: 4px;
}

.dvia-esl-gallery-item img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1.43 / 1;
    object-fit: cover;

    transition: transform .3s ease;
	margin: 0 auto;
}

.dvia-esl-gallery-item:hover img {
    transform: scale(1.06);
}
.map-pin {
	display: inline-block;
	width: 13px;
	height: 13px;
	background: #e53935;
	border-radius: 50% 50% 50% 0;
	transform: rotate(-45deg);
	position: relative;
	margin-right: 8px;
	vertical-align: middle;
}

.map-pin::after {
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	background: rgb(217, 208, 208);
	border-radius: 50%;
	top: 3px;
	left: 5px;
}
.phone-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #d4af37;
	margin-right: 8px;
	vertical-align: middle;
}
.time-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #d4af37;
	margin-right: 8px;
	vertical-align: middle;
}
/* =========================================
   FOOTER
========================================= */

.dvia-esl-footer {
    width: 100%;
    background-color: var(--dvia-esl-dark);
    color: #fff;
    padding: 18px 20px;
}
.dvia-esl-footer a {
    text-decoration: none;
    color:white;
}
.dvia-esl-footer-inner {
    width: min(94%, var(--dvia-esl-max-width));
    margin-inline: auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.dvia-esl-footer-inner p {
    margin: 0;
    font-size: 12px;
    line-height: 1.4;
}

.dvia-esl-footer-inner span {
    color: var(--dvia-esl-orange);
    margin-right: 5px;
}


/* =========================================
   TABLET
========================================= */
.ct-icon {
	margin-top: -52px;
}
/*
@media (max-width: 980px) {
	
	
}*/
@media (max-width: 900px) {

    .dvia-esl-container {
        --dvia-esl-hero-height: 350px;
        --dvia-esl-card-overlap: 25px;
			background-image: url(
        "https://boutiquesqc.ca/afrocuba/wp-content/uploads/sites/9/2026/10/salon-de-coiffure-drummondville-mobile.jpg"
    );
    }

    .dvia-esl-hero-content {
        max-width: 280px;
    }

    .dvia-esl-cards {
        gap: 10px;
    }

    .dvia-esl-card {
        padding: 10px;
    }
}

/* =========================================
   MOBILE
========================================= */
@media (max-width: 750px) {
	.site-logo-container{
		display:none;
		
	}
}


@media (max-width: 688px) {
	.entry-content.is-layout-constrained {
		margin-top: -70px;
	}
	
}
@media (max-width: 600px) {

    .dvia-esl-container {
        --dvia-esl-hero-height: 460px;
        --dvia-esl-card-overlap: 0px;

        background-size: 100%;
        background-position: 57% top;
    }

    .dvia-esl-inner {
        width: min(92%, 400px);
    }

    .dvia-esl-hero {
        align-items: flex-end;
        padding-bottom: 45px;
    }

    .dvia-esl-hero-content {
        max-width: 100%;
    }

    .dvia-esl-title {
        font-size: 28px;
    }

    .dvia-esl-description {
        font-size: 13px;
    }

    .dvia-esl-cards {
        grid-template-columns: 1fr;
        gap: 15px;
        max-width: 330px;
        margin-inline: auto;
        margin-bottom: 35px;
    }

    .dvia-esl-card {
        min-height: 145px;
    }

    .dvia-esl-card-title {
        font-size: 22px;
    }

    .dvia-esl-card-description {
        font-size: 14px;
    }

    .dvia-esl-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .dvia-esl-footer-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}
/*Organizar el menu en pantalls pequenas*/
@media(max-width:1130px){
.ct-header-cta {
margin-right:10px!important;
}
}
.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-de6e3922.wp-block-columns-is-layout-flex{
width:100%;
}
.afroc-btn-container{
	text-align: center;
}
.afroc-home-btn {
	margin: 30px 10px;
	        padding: 6px 13px;
        font-weight: bold;
        color: white;
        margin: 30px auto;
        background-color: red;
        border-radius: 20px;
        cursor: pointer;
}
.afroc-home-btn:hover {
	background-color: #e47d0c;
}
.wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow{
background-image: linear-gradient(182deg, #f4f0f000, #f7a2a226);
	
}


.entry-content.is-layout-constrained > * {
	width: 100%;
}
  
.static-galerie, .static-galerie > * {       
        box-sizing: border-box;
}

.static-galerie {
        display: flex;
        gap: 20px!important;
flex-wrap:wrap!important;
	max-width:100%;
}

.static-galerie > * {   
flex:1;
}
@media (max-width: 980px) {

.static-galerie > * {
        flex: 0 0 calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
}
}
@media(max-width:680px){
	.static-galerie > * {
        flex: 0 0 100% !important;
        max-width: 100% !important;
}
}