Home · Flora Ciarlo

Flora Ciarlo es
compositora, productora,
cantante y multinstrumentista.

+ leer más

Últimos Trabajos

Primer Amor

Disney- BIA

El Ciclo sin Fin

Disney-El Rey León

Callar-Aladdin-Isabe…

Disney-Aladdin

NaranjaPersa2-Un hom…

Ciro y Los Persas

Compositora
& Productora Publicidad Discos Vivo!

/* ----------------------------------------- */ /* View: View Home Destacados - start */ /* ----------------------------------------- */ /* HOME VIEW */ #top .js-wpv-view-layout { width: 100%; max-width: 810px; position: relative; left: 50%; transform: translateX(-50%); text-align: center; } .wrapperHomeTop > * { display: inline-block; vertical-align: middle; } .wrapperHomeTop > .birdHome.birdHomeLeft { margin-right: 50px; } .wrapperHomeTop > .birdHome.birdHomeRight { margin-left: 50px; } .wrapperHomeTop .wrapperTxt p, .wrapperHomeTop .wrapperTxt a { font-family: 'NexaRustScriptR-1', serif; font-size: 30px; line-height: 1.2; color: #2E86A3; text-align: center; margin-bottom: 8px; } .wrapperHomeTop .wrapperTxt a { font-size: 22px; color: #FFFFFF; } .template-page .entry-content-wrapper .contentHome h2 { width: 100%; font-family: 'NexaRustScriptR-1', serif; font-size: 30px; text-align: left; text-transform: unset; letter-spacing: unset; margin: 60px 0 20px; position: relative; overflow: hidden; } .template-page .entry-content-wrapper .contentHome h2::before { content: ""; width: 100%; height: 2px; position: absolute; bottom: 6px; left: 240px; background-color: #A19581; } .bloque { width: 187px; height: 220px; padding: 20px 18px; position: relative; margin-bottom: 14px; margin-left: 12px; vertical-align: top; display: inline-block; text-align: left; background: url(//floraciarlo.com/wp-content/uploads/2018/01/bkg-resultados-home.png) no-repeat 0 0; } .bloque p { margin: 0; font-family: 'RobotoItalic', sans-serif; font-size: 16px; color: #FFFFFF; } .bloque p.postTitle { font-family: 'RobotoBold', sans-serif; font-size: 14px; } .bloque p:first-child { font-weight: bold; } .bloque p:nth-child(2) { margin-bottom: 6px; } .bloque .thumb { width: 150px; height: 150px; position: absolute; bottom: 0; background-size: cover; background-position: center; } .bloque::before { content: attr(data-tooltip); width: auto; height: auto; padding: 10px; position: absolute; top: 69px; left: 4px; cursor: pointer; background-color: #F5F5F5; border-radius: 6px; box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.3); font-family: 'RobotoRegular', sans-serif; font-size: 14px; color: #177695; opacity: 0; z-index: 1; transition: opacity 0.4s ease; } .bloque:hover::before { opacity: 1; } .bloque[data-no-tooltip]:hover::before { opacity: 0; } .strokeHome { width: 217px; height: 1px; position: relative; left: 50%; transform: translateX(-50%); margin: 45px 0 60px; background-color: #A19581; } .wrapperHomeBottom .shortcut { display: inline-block; font-family: 'NexaRustScriptR-1', serif; font-size: 26px; text-align: center; line-height: 1.2; color: #FFFFFF; margin-left: 60px; position: relative; padding-top: 140px; } .wrapperHomeBottom .shortcut:first-child { margin-left: 0; } .wrapperHomeBottom .shortcut:nth-child(3) { width: 130px; margin-left: 40px; } .wrapperHomeBottom .shortcut:nth-child(1)::before { content: ""; width: 145px; height: 130px; position: absolute; top: 0; left: 50%; z-index: 0; transform: translateX(-50%); background: transparent url(//floraciarlo.com/wp-content/uploads/2018/01/compositora-home.png) no-repeat 0 0; } .wrapperHomeBottom .shortcut:nth-child(2)::before { content: ""; width: 110px; height: 170px; position: absolute; top: -30px; left: 50%; z-index: 0; transform: translateX(-50%); background: transparent url(//floraciarlo.com/wp-content/uploads/2018/01/publicidad-home.png) no-repeat 0 0; } .wrapperHomeBottom .shortcut:nth-child(3)::before { content: ""; width: 110px; height: 163px; position: absolute; top: -50px; left: 50%; z-index: 0; transform: translateX(-50%); background: transparent url(//floraciarlo.com/wp-content/uploads/2018/01/discos-home.png) no-repeat 0 0; } .wrapperHomeBottom .shortcut:nth-child(4)::before { content: ""; width: 127px; height: 162px; position: absolute; top: -30px; left: 50%; z-index: 0; transform: translateX(-50%); background: transparent url(//floraciarlo.com/wp-content/uploads/2018/01/vivo-home.png) no-repeat 0 0; } .wrapperHomeBottom .shortcut:nth-child(1)::after { content: ""; width: 145px; height: 130px; position: absolute; top: 0; left: 50%; z-index: 1; opacity: 0; transition: opacity 0.3s ease; transform: translateX(-50%); background: transparent url(//floraciarlo.com/wp-content/uploads/2018/01/compositora-home-hover.png) no-repeat 0 0; } .wrapperHomeBottom .shortcut:nth-child(2)::after { content: ""; width: 110px; height: 170px; position: absolute; top: -30px; left: 50%; z-index: 1; opacity: 0; transition: opacity 0.3s ease; transform: translateX(-50%); background: transparent url(//floraciarlo.com/wp-content/uploads/2018/01/publicidad-home-hover.png) no-repeat 0 0; } .wrapperHomeBottom .shortcut:nth-child(3)::after { content: ""; width: 110px; height: 163px; position: absolute; top: -50px; left: 40%; z-index: 1; opacity: 0; transition: opacity 0.3s ease; transform: translateX(-50%); background: transparent url(//floraciarlo.com/wp-content/uploads/2018/01/discos-home-hover.png) no-repeat 0 0; } .wrapperHomeBottom .shortcut:nth-child(4)::after { content: ""; width: 127px; height: 162px; position: absolute; top: -30px; left: 50%; z-index: 1; opacity: 0; transition: opacity 0.3s ease; transform: translateX(-50%); background: transparent url(//floraciarlo.com/wp-content/uploads/2018/01/vivo-home-hover.png) no-repeat 0 0; } .wrapperHomeBottom .shortcut:nth-child(1):hover::after { opacity: 1; } .wrapperHomeBottom .shortcut:nth-child(2):hover::after { opacity: 1; } .wrapperHomeBottom .shortcut:nth-child(3):hover::after { opacity: 1; } .wrapperHomeBottom .shortcut:nth-child(4):hover::after { opacity: 1; } @media (max-width: 995px) { .wpv-filter-form, #top .js-wpv-view-layout { display: block; float: none; } .wpv-filter-form { width: 170px; position: relative; left: 50%; transform: translateX(-50%); } #top .js-wpv-view-layout { width: 100%; } #top form { width: 100%; } #wrapperFiltros { width: 100%; text-align: center; } #top form img, #top form .wpcf-checkboxes-group { width: 50%; display: inline-block; text-align: left; margin: 0 0 30px 0 !important; } #top form img { max-width: 162px; } #top form .wpcf-checkboxes-group { max-width: 150px; margin-left: 30px !important; vertical-align: middle; } } @media (max-width: 991px) { .wrapperHomeTop > .birdHome.birdHomeLeft { width: 90px; margin-right: 25px; } .wrapperHomeTop > .birdHome.birdHomeRight { width: 80px; margin-left: 25px; } .template-page .entry-content-wrapper .contentHome h2 { margin-top: 30px; } } @media (max-width: 710px) { .wrapperHomeBottom .shortcut { margin-bottom: 60px; } .wrapperHomeBottom .shortcut:nth-child(4) { margin-left: 0; } } @media (max-width: 594px) { .wrapperHomeTop > * { display: block; } .wrapperHomeTop > .birdHome.birdHomeLeft, .wrapperHomeTop > .birdHome.birdHomeRight { position: relative; left: 50%; transform: translateX(-50%); margin-right: 0; margin-left: 0; } .wrapperHomeTop > .birdHome.birdHomeRight { margin-top: 25px; } } @media (max-width: 540px) { .wrapperHomeBottom .shortcut:nth-child(3) { margin-left: 0; } .wrapperHomeBottom .shortcut:nth-child(4) { margin-left: 60px; } } @media (max-width: 390px) { .wrapperHomeBottom .shortcut { display: block; margin-left: 0; } .wrapperHomeBottom .shortcut:nth-child(2) { margin-bottom: 80px; } .wrapperHomeBottom .shortcut:nth-child(3) { left: 50%; transform: translateX(-50%); } .wrapperHomeBottom .shortcut:nth-child(4) { margin-left: 0; } } /* ----------------------------------------- */ /* View: View Home Destacados - end */ /* ----------------------------------------- */