/************************************************************************************
HOJA DE ESTILOS PARA SITIOS WEB
Autor: Fernando J. Cuevas - Febrero 2025
Cliente: CDX PARAGUAY S.R.L.
*************************************************************************************/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/* Elementos basicos HTML*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, hr,
del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, 
time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
*, *::before, *::after { box-sizing: border-box; }
* { box-sizing: border-box; }
html { height: 100%;; }
body { height: 100%;; }
html { scroll-behavior: smooth; }
ol,ul { list-style: none; /*text-align: center;*/ }
blockquote, q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none }
/* ------ Seleccion de elementos ------ */
::selection { color: black; background: rgba(255,193,98, 0.8); }
::-moz-selection { color: black; background: rgba(255,193,98, 0.8); }
/* ------ Tablas ------ */
table { border-collapse: collapse; border-spacing: 0; }
table, td, th { border: none; }
*:focus { outline: 0; }

/* ------ base del cuerpo ------ */
body { background: #00295F; font-family: "Roboto", arial, "Noto Sans", sans-serif; font-size: 14px; line-height: 1.6; text-align: justify; }
h1 { font-size: 2.6rem; line-height: 1.3; margin: 0.6rem 0; }
h2 { font-size: 2rem; line-height: 1.4; margin: 0.4rem 0; }
h3 { font-size: 1.6rem; line-height: 1.3; margin: 0.2rem 0; }


/************************************************************************************
ESTILOS PERSONALIZADOS - Seccion modificable
*************************************************************************************/

/* ------ Secciones ------ */
.seccion { width: 100%; height: 100%; position: relative; overflow: hidden; -webkit-background-size: cover !important; background-size: cover !important; }
#presentacion { background: url("bg_principal.jpg") center center no-repeat; }

/* bloque de texto */
.texto_bloque { position: absolute; display: grid; text-align: center; box-sizing: border-box; padding: 10px; width: 80%; max-width: 920px; top: 40%; left: 50%; transform: translate(-50%, -50%); }
.texto_bloque p { font-size: 1.1rem; font-family: "Roboto", sans-serif; }

.blanco { color: white; }
.resalte { color: #FFC161; font-weight: 600; }
.resalte_2 { padding: 20px; font-size: 1.4rem !important; color: #FFC161; font-weight: 800; text-transform: uppercase; }

.foto_ag { z-index: 2; display: flex; position: absolute; right: 0; bottom: -70px; width: 320px; }
.foto_ag img { width: 100%; height: auto; }
.logo_ag { display: block; text-align: center; padding: 6px; }
.logo_ag img { width: 350px; height: auto; }

.banner { width: 100%; display: flex; justify-content: center; padding: 20px 0; }
.ribbon { background-color: #FFC161; color: #082448; font-size: 1.5rem; font-weight: 800; padding: 6px 50px; text-align: center; text-transform: uppercase;
clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
}