/*
	CSS personalizado para 04 FLORISTERIA
*/

/**************************************** GAMA DE COLORES ****************************************/

/*    Azul Oscuro: 274F68 rgb( 39, 79,104) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Azul Medio: 93A7B3 rgb(147,167,179) */
/*     Azul Claro: C9D3D9 rgb(201,211,217) */
/* Azul Muy Claro: E4E9EC rgb(228,233,236) */

/*   Color Marino: 333F5D rgb( 51, 63, 93) */
/* Color Marino 2: 999FAE rgb(153,159,174) */
/*     Color Ocre: BAAD7B rgb(186,173,123) */
/*   Color Ocre 2: DCD6BD rgb(220,214,189) */

/************************************ MODIFICADOS DE syle-home ***********************************/

#rowPagesCabecera .divFondo { background-image: var(--fondo-sol); }

/************************************** #rowFloristeriaIntro *************************************/

#rowFloristeriaIntro *                           { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
#rowFloristeriaIntro .divFloristeriaIntro        { position: relative; }
#rowFloristeriaIntro .divFloristeriaIntro:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: var(--fondo-servicios); }
#rowFloristeriaIntro .divFloristeriaIntro:before { background-repeat: no-repeat; background-size: cover; background-position: center; }
#rowFloristeriaIntro .divIntro                   { position: relative; margin: auto; padding: 100px 40px; max-width: 1180px; display: flex; flex-wrap: wrap; justify-content: space-between; z-index: 1; }
#rowFloristeriaIntro .divTextos                  { margin-bottom: 60px; width: 100%; }
#rowFloristeriaIntro .divTextos   ul             { margin:  0px; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-between; }
#rowFloristeriaIntro .divTextos   ul li          { margin: 15px 0px; width: calc((100% - 60px) / 3); height: 60px; font-family: var(--font-family-playfair); font-size: 24px; font-style: italic; }
#rowFloristeriaIntro .divTextos   ul li          { color: #FFFFFF; background: var(--color-ocr1-hex); border-radius: 10px; display: flex; align-items: center; justify-content: center; cursor: default; }
#rowFloristeriaIntro .divCatalogo                { width: calc((100% - 100px) / 2); }
#rowFloristeriaIntro .divCatalogo a              { box-shadow: 0px 0px 8px rgba(0,0,0,0.3); display: block; line-height: 0px; }
#rowFloristeriaIntro .divCatalogo a:hover        { transform: scale(1.1); }

@media (max-width: 980px) {
	#rowFloristeriaIntro .divIntro        { padding: 80px 40px; }
	#rowFloristeriaIntro .divTextos       { margin-bottom: 40px; }
	#rowFloristeriaIntro .divTextos ul li { margin: 10px 0px; width: calc((100% - 40px) / 3); height: 50px; font-size: 20px; }
	#rowFloristeriaIntro .divCatalogo     { width: calc((100% - 60px) / 2); }
}

@media (max-width: 780px) {
	#rowFloristeriaIntro .divIntro        { padding: 60px 40px; }
	#rowFloristeriaIntro .divTextos ul li { width: calc((100% - 20px) / 2); }
}

@media (max-width: 580px) {
	#rowFloristeriaIntro .divIntro        { padding: 40px; }
	#rowFloristeriaIntro .divCatalogo     { width: calc((100% - 40px) / 2); }
}

@media (max-width: 480px) {
	#rowFloristeriaIntro .divTextos       { margin-bottom: 0px; }
	#rowFloristeriaIntro .divTextos ul li { width: 100%; }
	#rowFloristeriaIntro .divCatalogo     { margin: 30px auto 0px auto; width: 100%; max-width: 300px; }
}

@media (max-width: 380px) { #rowFloristeriaIntro .divIntro { padding: 30px; } }

/****************************************** #rowFlipBook *****************************************/

body.page-template-page-04-floristeria-flipbook #main { background-image: var(--fondo-servicios); background-repeat: no-repeat; background-size: cover; }

#rowFlipBook {  }